@atlaskit/progress-tracker 9.0.0 → 9.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/internal/bar.js +2 -2
  3. package/dist/cjs/internal/link-new.js +2 -2
  4. package/dist/cjs/internal/link.js +1 -1
  5. package/dist/cjs/internal/marker.js +2 -2
  6. package/dist/cjs/internal/stage.js +21 -30
  7. package/dist/cjs/progress-tracker.js +4 -5
  8. package/dist/es2019/internal/bar.js +2 -2
  9. package/dist/es2019/internal/link-new.js +2 -2
  10. package/dist/es2019/internal/link.js +1 -1
  11. package/dist/es2019/internal/marker.js +2 -2
  12. package/dist/es2019/internal/stage.js +11 -16
  13. package/dist/es2019/progress-tracker.js +2 -2
  14. package/dist/esm/internal/bar.js +2 -2
  15. package/dist/esm/internal/link-new.js +2 -2
  16. package/dist/esm/internal/link.js +1 -1
  17. package/dist/esm/internal/marker.js +2 -2
  18. package/dist/esm/internal/stage.js +21 -30
  19. package/dist/esm/progress-tracker.js +4 -5
  20. package/package.json +2 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/progress-tracker
2
2
 
3
+ ## 9.0.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 9.0.1
10
+
11
+ ### Patch Changes
12
+
13
+ - [#180713](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/180713)
14
+ [`103e97b52f101`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/103e97b52f101) -
15
+ Removes feature flag removing internal use of the legacy NodeResolver package in favor of react
16
+ refs
17
+
3
18
  ## 9.0.0
4
19
 
5
20
  ### Major Changes
package/dist/cjs/internal/bar.js CHANGED
@@ -1,4 +1,4 @@
1
- /* bar.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* bar.tsx generated by @compiled/babel-plugin v0.35.0 */
2
2
  "use strict";
3
3
 
4
4
  var _typeof = require("@babel/runtime/helpers/typeof");
@@ -30,7 +30,7 @@ var ProgressBar = function ProgressBar(_ref) {
30
30
  testId = _ref.testId;
31
31
  return /*#__PURE__*/React.createElement("div", {
32
32
  "data-testid": testId,
33
- className: (0, _runtime.ax)(["_4t3iu2gc _kqswstnw _bfhk1j1x _1einu2gc _5fbcu2gc _1e021ssb _t9ec5ihf _v564d86a _1lww1oqq"]),
33
+ className: (0, _runtime.ax)(["_v564d86a _4t3iu2gc _kqswstnw _bfhk1j1x _1einu2gc _5fbcu2gc _1e021ssb _t9ec5ihf _1lww1oqq"]),
34
34
  style: {
35
35
  width: "calc(".concat(percentageComplete, "% + ").concat(percentageComplete / 100, " * calc(var(--ds--pt--sp, ").concat(spacing.cosy, ") + ", "var(--ds-space-050, 4px)", "))"),
36
36
  "--_vcj3ew": (0, _runtime.ix)("var(--ds-background-brand-bold, ".concat(_colors.B300, ")")),
package/dist/cjs/internal/link-new.js CHANGED
@@ -1,4 +1,4 @@
1
- /* link-new.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* link-new.tsx generated by @compiled/babel-plugin v0.35.0 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -11,7 +11,7 @@ var _runtime = require("@compiled/react/runtime");
11
11
  var _react = _interopRequireDefault(require("react"));
12
12
  var _compiled = require("@atlaskit/primitives/compiled");
13
13
  var styles = {
14
- anchor: "_4bfu18uv _1hmsglyw _ajmmnqa1 _syaz1fxt _11c81kw7 _9oik18uv _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
14
+ anchor: "_4bfu18uv _1hmsglyw _ajmmnqa1 _11c81kw7 _syaz1fxt _9oik18uv _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
15
15
  };
16
16
 
17
17
  /**
package/dist/cjs/internal/link.js CHANGED
@@ -1,4 +1,4 @@
1
- /* link.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* link.tsx generated by @compiled/babel-plugin v0.35.0 */
2
2
  "use strict";
3
3
 
4
4
  var _typeof = require("@babel/runtime/helpers/typeof");
package/dist/cjs/internal/marker.js CHANGED
@@ -1,4 +1,4 @@
1
- /* marker.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* marker.tsx generated by @compiled/babel-plugin v0.35.0 */
2
2
  /* eslint-disable @atlaskit/design-system/no-nested-styles */
3
3
  "use strict";
4
4
 
@@ -23,7 +23,7 @@ var ProgressMarker = function ProgressMarker(_ref) {
23
23
  var testId = _ref.testId;
24
24
  return /*#__PURE__*/React.createElement("div", {
25
25
  "data-testid": testId,
26
- className: (0, _runtime.ax)(["_1bsbu2gc _4t3iu2gc _kqswstnw _bfhkr3ku _2rkou2gc _1e021ssb _t9ec17h2 _v5645rui _1lww1oqq _1uuw17dr _1ez2kb7n _1190pbrw _1ia8r3ku"]),
26
+ className: (0, _runtime.ax)(["_2rkou2gc _v5645rui _1bsbu2gc _4t3iu2gc _kqswstnw _bfhkr3ku _1e021ssb _t9ec17h2 _1lww1oqq _1uuw17dr _1ez2kb7n _1190pbrw _1ia8r3ku"]),
27
27
  style: {
28
28
  "--_nsjg4d": (0, _runtime.ix)("translate(-50%, calc(-1 * ".concat("var(--ds-space-250, 20px)", "))"))
29
29
  }
package/dist/cjs/internal/stage.js CHANGED
@@ -1,4 +1,4 @@
1
- /* stage.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* stage.tsx generated by @compiled/babel-plugin v0.35.0 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -11,16 +11,13 @@ require("./stage.compiled.css");
11
11
  var _react = _interopRequireWildcard(require("react"));
12
12
  var React = _react;
13
13
  var _runtime = require("@compiled/react/runtime");
14
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
15
14
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
16
15
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
17
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
18
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
19
16
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
20
17
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
18
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
21
19
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
22
20
  var _reactTransitionGroup = require("react-transition-group");
23
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
24
21
  var _compiled = require("@atlaskit/primitives/compiled");
25
22
  var _colors = require("@atlaskit/theme/colors");
26
23
  var _bar = _interopRequireDefault(require("./bar"));
@@ -29,7 +26,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
29
26
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
30
27
  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; }
31
28
  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; }
32
- 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); }; }
29
+ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
33
30
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
34
31
  var styles = {
35
32
  listItemContent: "_1bsb1osq _kqswh2mm"
@@ -61,16 +58,14 @@ var getMarkerColor = function getMarkerColor(status) {
61
58
  var listItemStyles = null;
62
59
  var titleStyles = null;
63
60
  var ProgressTrackerStage = exports.default = /*#__PURE__*/function (_PureComponent) {
64
- (0, _inherits2.default)(ProgressTrackerStage, _PureComponent);
65
- var _super = _createSuper(ProgressTrackerStage);
66
61
  function ProgressTrackerStage(props) {
67
62
  var _this;
68
63
  (0, _classCallCheck2.default)(this, ProgressTrackerStage);
69
- _this = _super.call(this, props);
70
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "nodeRefMarker", /*#__PURE__*/(0, _react.createRef)());
71
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "nodeRefBar", /*#__PURE__*/(0, _react.createRef)());
72
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "nodeRefTitle", /*#__PURE__*/(0, _react.createRef)());
73
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onEntered", function () {
64
+ _this = _callSuper(this, ProgressTrackerStage, [props]);
65
+ (0, _defineProperty2.default)(_this, "nodeRefMarker", /*#__PURE__*/(0, _react.createRef)());
66
+ (0, _defineProperty2.default)(_this, "nodeRefBar", /*#__PURE__*/(0, _react.createRef)());
67
+ (0, _defineProperty2.default)(_this, "nodeRefTitle", /*#__PURE__*/(0, _react.createRef)());
68
+ (0, _defineProperty2.default)(_this, "onEntered", function () {
74
69
  _this.setState({
75
70
  transitioning: false,
76
71
  oldMarkerColor: getMarkerColor(_this.props.item.status),
@@ -84,7 +79,8 @@ var ProgressTrackerStage = exports.default = /*#__PURE__*/function (_PureCompone
84
79
  };
85
80
  return _this;
86
81
  }
87
- (0, _createClass2.default)(ProgressTrackerStage, [{
82
+ (0, _inherits2.default)(ProgressTrackerStage, _PureComponent);
83
+ return (0, _createClass2.default)(ProgressTrackerStage, [{
88
84
  key: "UNSAFE_componentWillMount",
89
85
  value: function UNSAFE_componentWillMount() {
90
86
  this.setState(_objectSpread(_objectSpread({}, this.state), {}, {
@@ -108,7 +104,6 @@ var ProgressTrackerStage = exports.default = /*#__PURE__*/function (_PureCompone
108
104
  }, {
109
105
  key: "render",
110
106
  value: function render() {
111
- var _listInlineStyles;
112
107
  var _this$props = this.props,
113
108
  item = _this$props.item,
114
109
  render = _this$props.render,
@@ -117,7 +112,7 @@ var ProgressTrackerStage = exports.default = /*#__PURE__*/function (_PureCompone
117
112
  transitionEasing = _this$props.transitionEasing,
118
113
  testId = _this$props.testId;
119
114
  var ariaCurrent = item.status === 'current' ? 'step' : 'false';
120
- var listInlineStyles = (_listInlineStyles = {}, (0, _defineProperty2.default)(_listInlineStyles, '--ds--pt--ts', "".concat(transitionSpeed, "ms")), (0, _defineProperty2.default)(_listInlineStyles, '--ds--pt--td', "".concat(transitionDelay, "ms")), (0, _defineProperty2.default)(_listInlineStyles, '--ds--pt--te', transitionEasing), (0, _defineProperty2.default)(_listInlineStyles, '--ds--pt--mc', this.state.oldMarkerColor), (0, _defineProperty2.default)(_listInlineStyles, '--ds--pt--bg', getMarkerColor(item.status)), (0, _defineProperty2.default)(_listInlineStyles, "listStyleType", 'none'), _listInlineStyles);
115
+ var listInlineStyles = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, '--ds--pt--ts', "".concat(transitionSpeed, "ms")), '--ds--pt--td', "".concat(transitionDelay, "ms")), '--ds--pt--te', transitionEasing), '--ds--pt--mc', this.state.oldMarkerColor), '--ds--pt--bg', getMarkerColor(item.status)), "listStyleType", 'none');
121
116
  return /*#__PURE__*/React.createElement("li", {
122
117
  "data-testid": testId
123
118
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -127,42 +122,38 @@ var ProgressTrackerStage = exports.default = /*#__PURE__*/function (_PureCompone
127
122
  className: (0, _runtime.ax)(["_18s8ze3t _1i4q1hna"])
128
123
  }, /*#__PURE__*/React.createElement(_compiled.Box, {
129
124
  xcss: styles.listItemContent
130
- }, /*#__PURE__*/React.createElement(_reactTransitionGroup.CSSTransition, (0, _extends2.default)({
125
+ }, /*#__PURE__*/React.createElement(_reactTransitionGroup.CSSTransition, {
131
126
  appear: true,
132
127
  in: this.state.transitioning,
133
128
  onEntered: this.onEntered,
134
129
  timeout: transitionDelay + transitionSpeed,
135
- classNames: "fade"
136
- }, (0, _platformFeatureFlags.fg)('platform_design_system_team_transition_group_r18') && {
130
+ classNames: "fade",
137
131
  nodeRef: this.nodeRefMarker
138
- }), /*#__PURE__*/React.createElement(_marker.default, {
132
+ }, /*#__PURE__*/React.createElement(_marker.default, {
139
133
  testId: testId && "".concat(testId, "-marker")
140
- })), /*#__PURE__*/React.createElement(_reactTransitionGroup.CSSTransition, (0, _extends2.default)({
134
+ })), /*#__PURE__*/React.createElement(_reactTransitionGroup.CSSTransition, {
141
135
  appear: true,
142
136
  in: this.state.transitioning,
143
137
  onEntered: this.onEntered,
144
138
  timeout: transitionDelay + transitionSpeed,
145
- classNames: "fade"
146
- }, (0, _platformFeatureFlags.fg)('platform_design_system_team_transition_group_r18') && {
139
+ classNames: "fade",
147
140
  nodeRef: this.nodeRefBar
148
- }), /*#__PURE__*/React.createElement(_bar.default, {
141
+ }, /*#__PURE__*/React.createElement(_bar.default, {
149
142
  testId: testId && "".concat(testId, "-bar"),
150
143
  percentageComplete: item.percentageComplete
151
- })), /*#__PURE__*/React.createElement(_reactTransitionGroup.CSSTransition, (0, _extends2.default)({
144
+ })), /*#__PURE__*/React.createElement(_reactTransitionGroup.CSSTransition, {
152
145
  appear: true,
153
146
  in: this.state.transitioning,
154
147
  onEntered: this.onEntered,
155
148
  timeout: transitionDelay + transitionSpeed,
156
- classNames: "fade"
157
- }, (0, _platformFeatureFlags.fg)('platform_design_system_team_transition_group_r18') && {
149
+ classNames: "fade",
158
150
  nodeRef: this.nodeRefTitle
159
- }), /*#__PURE__*/React.createElement("div", {
151
+ }, /*#__PURE__*/React.createElement("div", {
160
152
  "data-testid": testId && "".concat(testId, "-title"),
161
- className: (0, _runtime.ax)(["_11c81oud _1pfhv47k _y3gn1h6o _v564ph28 _1uuw17dr _1ez2kb7n _1t9yph28", textColor[item.status], fontWeight[item.status]])
153
+ className: (0, _runtime.ax)(["_11c81oud _v564ph28 _1pfhv47k _y3gn1h6o _1t9yph28 _1ez2kb7n _1uuw17dr", textColor[item.status], fontWeight[item.status]])
162
154
  }, this.shouldShowLink() ? render.link({
163
155
  item: item
164
156
  }) : item.label))));
165
157
  }
166
158
  }]);
167
- return ProgressTrackerStage;
168
159
  }(_react.PureComponent);
package/dist/cjs/progress-tracker.js CHANGED
@@ -1,4 +1,4 @@
1
- /* progress-tracker.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* progress-tracker.tsx generated by @compiled/babel-plugin v0.35.0 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -36,7 +36,6 @@ var spacingOptions = {
36
36
  * - [Usage](https://atlassian.design/components/progress-tracker/usage)
37
37
  */
38
38
  var ProgressTracker = function ProgressTracker(_ref) {
39
- var _listInlineStyles;
40
39
  var _ref$items = _ref.items,
41
40
  items = _ref$items === void 0 ? [] : _ref$items,
42
41
  _ref$spacing = _ref.spacing,
@@ -112,16 +111,16 @@ var ProgressTracker = function ProgressTracker(_ref) {
112
111
  render: render
113
112
  });
114
113
  });
115
- var listInlineStyles = (_listInlineStyles = {
114
+ var listInlineStyles = (0, _defineProperty2.default)((0, _defineProperty2.default)({
116
115
  gridTemplateColumns: "repeat(".concat(items.length, ", 1fr)")
117
- }, (0, _defineProperty2.default)(_listInlineStyles, '--ds--pt--sp', spacingOptions[spacing]), (0, _defineProperty2.default)(_listInlineStyles, "maxWidth", 8 * 10 * items.length * 2), _listInlineStyles);
116
+ }, '--ds--pt--sp', spacingOptions[spacing]), "maxWidth", 8 * 10 * items.length * 2);
118
117
  return /*#__PURE__*/React.createElement("ul", {
119
118
  "data-testid": testId
120
119
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
121
120
  ,
122
121
  style: listInlineStyles,
123
122
  "aria-label": label,
124
- className: (0, _runtime.ax)(["_1e0c11p5 _1bsb1osq _19pkidpf _2hwx1wug _otyridpf _18u01wug _1yt4ze3t _zulp6odm _2mzuglyw _rxvc1jfw"])
123
+ className: (0, _runtime.ax)(["_19pkidpf _2hwx1wug _otyridpf _18u01wug _1yt4ze3t _zulp6odm _1e0c11p5 _1bsb1osq _2mzuglyw _rxvc1jfw"])
125
124
  }, progressItems);
126
125
  };
127
126
  var _default = exports.default = ProgressTracker;
package/dist/es2019/internal/bar.js CHANGED
@@ -1,4 +1,4 @@
1
- /* bar.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* bar.tsx generated by @compiled/babel-plugin v0.35.0 */
2
2
  import "./bar.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -24,6 +24,6 @@ const ProgressBar = ({
24
24
  style: {
25
25
  width: `calc(${percentageComplete}% + ${percentageComplete / 100} * calc(var(--ds--pt--sp, ${spacing.cosy}) + ${"var(--ds-space-050, 4px)"}))`
26
26
  },
27
- className: ax(["_4t3iu2gc _kqswstnw _bfhkq17z _1einu2gc _5fbcu2gc _1e021ssb _t9ecymk3 _v564d86a _1lww1oqq"])
27
+ className: ax(["_v564d86a _4t3iu2gc _kqswstnw _bfhkq17z _1einu2gc _5fbcu2gc _1e021ssb _t9ecymk3 _1lww1oqq"])
28
28
  });
29
29
  export default ProgressBar;
package/dist/es2019/internal/link-new.js CHANGED
@@ -1,10 +1,10 @@
1
- /* link-new.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* link-new.tsx generated by @compiled/babel-plugin v0.35.0 */
2
2
  import "./link-new.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
5
  import { Anchor } from '@atlaskit/primitives/compiled';
6
6
  const styles = {
7
- anchor: "_4bfu18uv _1hmsglyw _ajmmnqa1 _syaz1fxt _11c81kw7 _9oik18uv _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
7
+ anchor: "_4bfu18uv _1hmsglyw _ajmmnqa1 _11c81kw7 _syaz1fxt _9oik18uv _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
8
8
  };
9
9
 
10
10
  /**
package/dist/es2019/internal/link.js CHANGED
@@ -1,4 +1,4 @@
1
- /* link.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* link.tsx generated by @compiled/babel-plugin v0.35.0 */
2
2
  import "./link.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
package/dist/es2019/internal/marker.js CHANGED
@@ -1,4 +1,4 @@
1
- /* marker.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* marker.tsx generated by @compiled/babel-plugin v0.35.0 */
2
2
  /* eslint-disable @atlaskit/design-system/no-nested-styles */
3
3
  import "./marker.compiled.css";
4
4
  import * as React from 'react';
@@ -14,6 +14,6 @@ const ProgressMarker = ({
14
14
  testId
15
15
  }) => /*#__PURE__*/React.createElement("div", {
16
16
  "data-testid": testId,
17
- className: ax(["_1bsbu2gc _4t3iu2gc _kqswstnw _bfhkr3ku _2rkou2gc _1e021ssb _t9ec157a _v5645rui _1lww1oqq _1uuw17dr _1ez2kb7n _1190pbrw _1ia8r3ku"])
17
+ className: ax(["_2rkou2gc _v5645rui _1bsbu2gc _4t3iu2gc _kqswstnw _bfhkr3ku _1e021ssb _t9ec157a _1lww1oqq _1uuw17dr _1ez2kb7n _1190pbrw _1ia8r3ku"])
18
18
  });
19
19
  export default ProgressMarker;
package/dist/es2019/internal/stage.js CHANGED
@@ -1,12 +1,10 @@
1
- /* stage.tsx generated by @compiled/babel-plugin v0.32.2 */
2
- import _extends from "@babel/runtime/helpers/extends";
1
+ /* stage.tsx generated by @compiled/babel-plugin v0.35.0 */
3
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
3
  import "./stage.compiled.css";
5
4
  import * as React from 'react';
6
5
  import { ax, ix } from "@compiled/react/runtime";
7
6
  import { createRef, PureComponent } from 'react';
8
7
  import { CSSTransition } from 'react-transition-group';
9
- import { fg } from '@atlaskit/platform-feature-flags';
10
8
  import { Box } from '@atlaskit/primitives/compiled';
11
9
  import { B300, N70 } from '@atlaskit/theme/colors';
12
10
  import ProgressBar from './bar';
@@ -103,38 +101,35 @@ export default class ProgressTrackerStage extends PureComponent {
103
101
  className: ax(["_18s8ze3t _1i4q1hna"])
104
102
  }, /*#__PURE__*/React.createElement(Box, {
105
103
  xcss: styles.listItemContent
106
- }, /*#__PURE__*/React.createElement(CSSTransition, _extends({
104
+ }, /*#__PURE__*/React.createElement(CSSTransition, {
107
105
  appear: true,
108
106
  in: this.state.transitioning,
109
107
  onEntered: this.onEntered,
110
108
  timeout: transitionDelay + transitionSpeed,
111
- classNames: "fade"
112
- }, fg('platform_design_system_team_transition_group_r18') && {
109
+ classNames: "fade",
113
110
  nodeRef: this.nodeRefMarker
114
- }), /*#__PURE__*/React.createElement(ProgressMarker, {
111
+ }, /*#__PURE__*/React.createElement(ProgressMarker, {
115
112
  testId: testId && `${testId}-marker`
116
- })), /*#__PURE__*/React.createElement(CSSTransition, _extends({
113
+ })), /*#__PURE__*/React.createElement(CSSTransition, {
117
114
  appear: true,
118
115
  in: this.state.transitioning,
119
116
  onEntered: this.onEntered,
120
117
  timeout: transitionDelay + transitionSpeed,
121
- classNames: "fade"
122
- }, fg('platform_design_system_team_transition_group_r18') && {
118
+ classNames: "fade",
123
119
  nodeRef: this.nodeRefBar
124
- }), /*#__PURE__*/React.createElement(ProgressBar, {
120
+ }, /*#__PURE__*/React.createElement(ProgressBar, {
125
121
  testId: testId && `${testId}-bar`,
126
122
  percentageComplete: item.percentageComplete
127
- })), /*#__PURE__*/React.createElement(CSSTransition, _extends({
123
+ })), /*#__PURE__*/React.createElement(CSSTransition, {
128
124
  appear: true,
129
125
  in: this.state.transitioning,
130
126
  onEntered: this.onEntered,
131
127
  timeout: transitionDelay + transitionSpeed,
132
- classNames: "fade"
133
- }, fg('platform_design_system_team_transition_group_r18') && {
128
+ classNames: "fade",
134
129
  nodeRef: this.nodeRefTitle
135
- }), /*#__PURE__*/React.createElement("div", {
130
+ }, /*#__PURE__*/React.createElement("div", {
136
131
  "data-testid": testId && `${testId}-title`,
137
- className: ax(["_11c81oud _1pfhv47k _y3gn1h6o _v564ph28 _1uuw17dr _1ez2kb7n _1t9yph28", textColor[item.status], fontWeight[item.status]])
132
+ className: ax(["_11c81oud _v564ph28 _1pfhv47k _y3gn1h6o _1t9yph28 _1ez2kb7n _1uuw17dr", textColor[item.status], fontWeight[item.status]])
138
133
  }, this.shouldShowLink() ? render.link({
139
134
  item
140
135
  }) : item.label))));
package/dist/es2019/progress-tracker.js CHANGED
@@ -1,4 +1,4 @@
1
- /* progress-tracker.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* progress-tracker.tsx generated by @compiled/babel-plugin v0.35.0 */
2
2
  import "./progress-tracker.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -94,7 +94,7 @@ const ProgressTracker = ({
94
94
  ,
95
95
  style: listInlineStyles,
96
96
  "aria-label": label,
97
- className: ax(["_1e0c11p5 _1bsb1osq _19pkidpf _2hwx1wug _otyridpf _18u01wug _1yt4ze3t _zulp6odm _2mzuglyw _rxvc1jfw"])
97
+ className: ax(["_19pkidpf _2hwx1wug _otyridpf _18u01wug _1yt4ze3t _zulp6odm _1e0c11p5 _1bsb1osq _2mzuglyw _rxvc1jfw"])
98
98
  }, progressItems);
99
99
  };
100
100
  export default ProgressTracker;
package/dist/esm/internal/bar.js CHANGED
@@ -1,4 +1,4 @@
1
- /* bar.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* bar.tsx generated by @compiled/babel-plugin v0.35.0 */
2
2
  import "./bar.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -21,7 +21,7 @@ var ProgressBar = function ProgressBar(_ref) {
21
21
  testId = _ref.testId;
22
22
  return /*#__PURE__*/React.createElement("div", {
23
23
  "data-testid": testId,
24
- className: ax(["_4t3iu2gc _kqswstnw _bfhk1j1x _1einu2gc _5fbcu2gc _1e021ssb _t9ec5ihf _v564d86a _1lww1oqq"]),
24
+ className: ax(["_v564d86a _4t3iu2gc _kqswstnw _bfhk1j1x _1einu2gc _5fbcu2gc _1e021ssb _t9ec5ihf _1lww1oqq"]),
25
25
  style: {
26
26
  width: "calc(".concat(percentageComplete, "% + ").concat(percentageComplete / 100, " * calc(var(--ds--pt--sp, ").concat(spacing.cosy, ") + ", "var(--ds-space-050, 4px)", "))"),
27
27
  "--_vcj3ew": ix("var(--ds-background-brand-bold, ".concat(B300, ")")),
package/dist/esm/internal/link-new.js CHANGED
@@ -1,10 +1,10 @@
1
- /* link-new.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* link-new.tsx generated by @compiled/babel-plugin v0.35.0 */
2
2
  import "./link-new.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
5
  import { Anchor } from '@atlaskit/primitives/compiled';
6
6
  var styles = {
7
- anchor: "_4bfu18uv _1hmsglyw _ajmmnqa1 _syaz1fxt _11c81kw7 _9oik18uv _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
7
+ anchor: "_4bfu18uv _1hmsglyw _ajmmnqa1 _11c81kw7 _syaz1fxt _9oik18uv _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
8
8
  };
9
9
 
10
10
  /**
package/dist/esm/internal/link.js CHANGED
@@ -1,4 +1,4 @@
1
- /* link.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* link.tsx generated by @compiled/babel-plugin v0.35.0 */
2
2
  import "./link.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
package/dist/esm/internal/marker.js CHANGED
@@ -1,4 +1,4 @@
1
- /* marker.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* marker.tsx generated by @compiled/babel-plugin v0.35.0 */
2
2
  /* eslint-disable @atlaskit/design-system/no-nested-styles */
3
3
  import "./marker.compiled.css";
4
4
  import * as React from 'react';
@@ -14,7 +14,7 @@ var ProgressMarker = function ProgressMarker(_ref) {
14
14
  var testId = _ref.testId;
15
15
  return /*#__PURE__*/React.createElement("div", {
16
16
  "data-testid": testId,
17
- className: ax(["_1bsbu2gc _4t3iu2gc _kqswstnw _bfhkr3ku _2rkou2gc _1e021ssb _t9ec17h2 _v5645rui _1lww1oqq _1uuw17dr _1ez2kb7n _1190pbrw _1ia8r3ku"]),
17
+ className: ax(["_2rkou2gc _v5645rui _1bsbu2gc _4t3iu2gc _kqswstnw _bfhkr3ku _1e021ssb _t9ec17h2 _1lww1oqq _1uuw17dr _1ez2kb7n _1190pbrw _1ia8r3ku"]),
18
18
  style: {
19
19
  "--_nsjg4d": ix("translate(-50%, calc(-1 * ".concat("var(--ds-space-250, 20px)", "))"))
20
20
  }
package/dist/esm/internal/stage.js CHANGED
@@ -1,22 +1,19 @@
1
- /* stage.tsx generated by @compiled/babel-plugin v0.32.2 */
2
- import _extends from "@babel/runtime/helpers/extends";
1
+ /* stage.tsx generated by @compiled/babel-plugin v0.35.0 */
3
2
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
4
3
  import _createClass from "@babel/runtime/helpers/createClass";
5
- import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
6
- import _inherits from "@babel/runtime/helpers/inherits";
7
4
  import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
8
5
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
6
+ import _inherits from "@babel/runtime/helpers/inherits";
9
7
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
10
8
  import "./stage.compiled.css";
11
9
  import * as React from 'react';
12
10
  import { ax, ix } from "@compiled/react/runtime";
13
11
  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; }
14
12
  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; }
15
- 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); }; }
13
+ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
16
14
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
17
15
  import { createRef, PureComponent } from 'react';
18
16
  import { CSSTransition } from 'react-transition-group';
19
- import { fg } from '@atlaskit/platform-feature-flags';
20
17
  import { Box } from '@atlaskit/primitives/compiled';
21
18
  import { B300, N70 } from '@atlaskit/theme/colors';
22
19
  import ProgressBar from './bar';
@@ -51,16 +48,14 @@ var getMarkerColor = function getMarkerColor(status) {
51
48
  var listItemStyles = null;
52
49
  var titleStyles = null;
53
50
  var ProgressTrackerStage = /*#__PURE__*/function (_PureComponent) {
54
- _inherits(ProgressTrackerStage, _PureComponent);
55
- var _super = _createSuper(ProgressTrackerStage);
56
51
  function ProgressTrackerStage(props) {
57
52
  var _this;
58
53
  _classCallCheck(this, ProgressTrackerStage);
59
- _this = _super.call(this, props);
60
- _defineProperty(_assertThisInitialized(_this), "nodeRefMarker", /*#__PURE__*/createRef());
61
- _defineProperty(_assertThisInitialized(_this), "nodeRefBar", /*#__PURE__*/createRef());
62
- _defineProperty(_assertThisInitialized(_this), "nodeRefTitle", /*#__PURE__*/createRef());
63
- _defineProperty(_assertThisInitialized(_this), "onEntered", function () {
54
+ _this = _callSuper(this, ProgressTrackerStage, [props]);
55
+ _defineProperty(_this, "nodeRefMarker", /*#__PURE__*/createRef());
56
+ _defineProperty(_this, "nodeRefBar", /*#__PURE__*/createRef());
57
+ _defineProperty(_this, "nodeRefTitle", /*#__PURE__*/createRef());
58
+ _defineProperty(_this, "onEntered", function () {
64
59
  _this.setState({
65
60
  transitioning: false,
66
61
  oldMarkerColor: getMarkerColor(_this.props.item.status),
@@ -74,7 +69,8 @@ var ProgressTrackerStage = /*#__PURE__*/function (_PureComponent) {
74
69
  };
75
70
  return _this;
76
71
  }
77
- _createClass(ProgressTrackerStage, [{
72
+ _inherits(ProgressTrackerStage, _PureComponent);
73
+ return _createClass(ProgressTrackerStage, [{
78
74
  key: "UNSAFE_componentWillMount",
79
75
  value: function UNSAFE_componentWillMount() {
80
76
  this.setState(_objectSpread(_objectSpread({}, this.state), {}, {
@@ -98,7 +94,6 @@ var ProgressTrackerStage = /*#__PURE__*/function (_PureComponent) {
98
94
  }, {
99
95
  key: "render",
100
96
  value: function render() {
101
- var _listInlineStyles;
102
97
  var _this$props = this.props,
103
98
  item = _this$props.item,
104
99
  render = _this$props.render,
@@ -107,7 +102,7 @@ var ProgressTrackerStage = /*#__PURE__*/function (_PureComponent) {
107
102
  transitionEasing = _this$props.transitionEasing,
108
103
  testId = _this$props.testId;
109
104
  var ariaCurrent = item.status === 'current' ? 'step' : 'false';
110
- var listInlineStyles = (_listInlineStyles = {}, _defineProperty(_listInlineStyles, '--ds--pt--ts', "".concat(transitionSpeed, "ms")), _defineProperty(_listInlineStyles, '--ds--pt--td', "".concat(transitionDelay, "ms")), _defineProperty(_listInlineStyles, '--ds--pt--te', transitionEasing), _defineProperty(_listInlineStyles, '--ds--pt--mc', this.state.oldMarkerColor), _defineProperty(_listInlineStyles, '--ds--pt--bg', getMarkerColor(item.status)), _defineProperty(_listInlineStyles, "listStyleType", 'none'), _listInlineStyles);
105
+ var listInlineStyles = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, '--ds--pt--ts', "".concat(transitionSpeed, "ms")), '--ds--pt--td', "".concat(transitionDelay, "ms")), '--ds--pt--te', transitionEasing), '--ds--pt--mc', this.state.oldMarkerColor), '--ds--pt--bg', getMarkerColor(item.status)), "listStyleType", 'none');
111
106
  return /*#__PURE__*/React.createElement("li", {
112
107
  "data-testid": testId
113
108
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -117,43 +112,39 @@ var ProgressTrackerStage = /*#__PURE__*/function (_PureComponent) {
117
112
  className: ax(["_18s8ze3t _1i4q1hna"])
118
113
  }, /*#__PURE__*/React.createElement(Box, {
119
114
  xcss: styles.listItemContent
120
- }, /*#__PURE__*/React.createElement(CSSTransition, _extends({
115
+ }, /*#__PURE__*/React.createElement(CSSTransition, {
121
116
  appear: true,
122
117
  in: this.state.transitioning,
123
118
  onEntered: this.onEntered,
124
119
  timeout: transitionDelay + transitionSpeed,
125
- classNames: "fade"
126
- }, fg('platform_design_system_team_transition_group_r18') && {
120
+ classNames: "fade",
127
121
  nodeRef: this.nodeRefMarker
128
- }), /*#__PURE__*/React.createElement(ProgressMarker, {
122
+ }, /*#__PURE__*/React.createElement(ProgressMarker, {
129
123
  testId: testId && "".concat(testId, "-marker")
130
- })), /*#__PURE__*/React.createElement(CSSTransition, _extends({
124
+ })), /*#__PURE__*/React.createElement(CSSTransition, {
131
125
  appear: true,
132
126
  in: this.state.transitioning,
133
127
  onEntered: this.onEntered,
134
128
  timeout: transitionDelay + transitionSpeed,
135
- classNames: "fade"
136
- }, fg('platform_design_system_team_transition_group_r18') && {
129
+ classNames: "fade",
137
130
  nodeRef: this.nodeRefBar
138
- }), /*#__PURE__*/React.createElement(ProgressBar, {
131
+ }, /*#__PURE__*/React.createElement(ProgressBar, {
139
132
  testId: testId && "".concat(testId, "-bar"),
140
133
  percentageComplete: item.percentageComplete
141
- })), /*#__PURE__*/React.createElement(CSSTransition, _extends({
134
+ })), /*#__PURE__*/React.createElement(CSSTransition, {
142
135
  appear: true,
143
136
  in: this.state.transitioning,
144
137
  onEntered: this.onEntered,
145
138
  timeout: transitionDelay + transitionSpeed,
146
- classNames: "fade"
147
- }, fg('platform_design_system_team_transition_group_r18') && {
139
+ classNames: "fade",
148
140
  nodeRef: this.nodeRefTitle
149
- }), /*#__PURE__*/React.createElement("div", {
141
+ }, /*#__PURE__*/React.createElement("div", {
150
142
  "data-testid": testId && "".concat(testId, "-title"),
151
- className: ax(["_11c81oud _1pfhv47k _y3gn1h6o _v564ph28 _1uuw17dr _1ez2kb7n _1t9yph28", textColor[item.status], fontWeight[item.status]])
143
+ className: ax(["_11c81oud _v564ph28 _1pfhv47k _y3gn1h6o _1t9yph28 _1ez2kb7n _1uuw17dr", textColor[item.status], fontWeight[item.status]])
152
144
  }, this.shouldShowLink() ? render.link({
153
145
  item: item
154
146
  }) : item.label))));
155
147
  }
156
148
  }]);
157
- return ProgressTrackerStage;
158
149
  }(PureComponent);
159
150
  export { ProgressTrackerStage as default };
package/dist/esm/progress-tracker.js CHANGED
@@ -1,4 +1,4 @@
1
- /* progress-tracker.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* progress-tracker.tsx generated by @compiled/babel-plugin v0.35.0 */
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import "./progress-tracker.compiled.css";
4
4
  import * as React from 'react';
@@ -26,7 +26,6 @@ var spacingOptions = {
26
26
  * - [Usage](https://atlassian.design/components/progress-tracker/usage)
27
27
  */
28
28
  var ProgressTracker = function ProgressTracker(_ref) {
29
- var _listInlineStyles;
30
29
  var _ref$items = _ref.items,
31
30
  items = _ref$items === void 0 ? [] : _ref$items,
32
31
  _ref$spacing = _ref.spacing,
@@ -102,16 +101,16 @@ var ProgressTracker = function ProgressTracker(_ref) {
102
101
  render: render
103
102
  });
104
103
  });
105
- var listInlineStyles = (_listInlineStyles = {
104
+ var listInlineStyles = _defineProperty(_defineProperty({
106
105
  gridTemplateColumns: "repeat(".concat(items.length, ", 1fr)")
107
- }, _defineProperty(_listInlineStyles, '--ds--pt--sp', spacingOptions[spacing]), _defineProperty(_listInlineStyles, "maxWidth", 8 * 10 * items.length * 2), _listInlineStyles);
106
+ }, '--ds--pt--sp', spacingOptions[spacing]), "maxWidth", 8 * 10 * items.length * 2);
108
107
  return /*#__PURE__*/React.createElement("ul", {
109
108
  "data-testid": testId
110
109
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
111
110
  ,
112
111
  style: listInlineStyles,
113
112
  "aria-label": label,
114
- className: ax(["_1e0c11p5 _1bsb1osq _19pkidpf _2hwx1wug _otyridpf _18u01wug _1yt4ze3t _zulp6odm _2mzuglyw _rxvc1jfw"])
113
+ className: ax(["_19pkidpf _2hwx1wug _otyridpf _18u01wug _1yt4ze3t _zulp6odm _1e0c11p5 _1bsb1osq _2mzuglyw _rxvc1jfw"])
115
114
  }, progressItems);
116
115
  };
117
116
  export default ProgressTracker;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/progress-tracker",
3
- "version": "9.0.0",
3
+ "version": "9.0.2",
4
4
  "description": "A progress tracker displays the steps and progress through a journey.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -29,7 +29,7 @@
29
29
  "@atlaskit/platform-feature-flags": "^0.3.0",
30
30
  "@atlaskit/primitives": "^13.3.0",
31
31
  "@atlaskit/theme": "^14.0.0",
32
- "@atlaskit/tokens": "^2.4.0",
32
+ "@atlaskit/tokens": "^3.0.0",
33
33
  "@babel/runtime": "^7.0.0",
34
34
  "@compiled/react": "^0.18.1",
35
35
  "react-transition-group": "^4.4.1"
@@ -84,9 +84,6 @@
84
84
  },
85
85
  "homepage": "https://atlassian.design/components/progress-tracker/",
86
86
  "platform-feature-flags": {
87
- "platform_design_system_team_transition_group_r18": {
88
- "type": "boolean"
89
- },
90
87
  "platform_progress_tracker_link_migration": {
91
88
  "type": "boolean",
92
89
  "showOnWebsiteForTransitiveDependencies": true