@atlaskit/progress-tracker 9.1.0 → 9.3.0
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.
- package/CHANGELOG.md +21 -0
- package/dist/cjs/internal/bar.js +1 -1
- package/dist/cjs/internal/link-new.js +1 -1
- package/dist/cjs/internal/link.js +1 -1
- package/dist/cjs/internal/marker.js +1 -1
- package/dist/cjs/internal/stage.js +2 -3
- package/dist/cjs/progress-tracker.js +1 -1
- package/dist/es2019/internal/bar.js +1 -1
- package/dist/es2019/internal/link-new.js +1 -1
- package/dist/es2019/internal/link.js +1 -1
- package/dist/es2019/internal/marker.js +1 -1
- package/dist/es2019/internal/stage.js +2 -3
- package/dist/es2019/progress-tracker.js +1 -1
- package/dist/esm/internal/bar.js +1 -1
- package/dist/esm/internal/link-new.js +1 -1
- package/dist/esm/internal/link.js +1 -1
- package/dist/esm/internal/marker.js +1 -1
- package/dist/esm/internal/stage.js +2 -3
- package/dist/esm/progress-tracker.js +1 -1
- package/package.json +8 -11
- package/__perf__/default.tsx +0 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,26 @@
|
|
|
1
1
|
# @atlaskit/progress-tracker
|
|
2
2
|
|
|
3
|
+
## 9.3.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#109060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109060)
|
|
8
|
+
[`4660ec858a305`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4660ec858a305) -
|
|
9
|
+
Update `React` from v16 to v18
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
15
|
+
## 9.2.0
|
|
16
|
+
|
|
17
|
+
### Minor Changes
|
|
18
|
+
|
|
19
|
+
- [#107227](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/107227)
|
|
20
|
+
[`08728da34c4fd`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/08728da34c4fd) -
|
|
21
|
+
The step marker for disabled steps has been updated to use the disabled icon color token. This
|
|
22
|
+
change is no longer behind a feature flag.
|
|
23
|
+
|
|
3
24
|
## 9.1.0
|
|
4
25
|
|
|
5
26
|
### Minor Changes
|
package/dist/cjs/internal/bar.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* stage.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* stage.tsx generated by @compiled/babel-plugin v0.36.0 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -18,7 +18,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
|
|
|
18
18
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
19
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
20
20
|
var _reactTransitionGroup = require("react-transition-group");
|
|
21
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
22
21
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
23
22
|
var _colors = require("@atlaskit/theme/colors");
|
|
24
23
|
var _bar = _interopRequireDefault(require("./bar"));
|
|
@@ -54,7 +53,7 @@ var getMarkerColor = function getMarkerColor(_ref) {
|
|
|
54
53
|
case 'visited':
|
|
55
54
|
return "var(--ds-icon-brand, ".concat(_colors.B300, ")");
|
|
56
55
|
case 'disabled':
|
|
57
|
-
if (percentageCompleted === 0
|
|
56
|
+
if (percentageCompleted === 0) {
|
|
58
57
|
return "var(--ds-icon-disabled, ".concat(_colors.N70, ")");
|
|
59
58
|
}
|
|
60
59
|
// If the percentage completed is greater than 0, we show the brand colour, so that the marker (circle) blends in with the progress bar.
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
/* stage.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* stage.tsx generated by @compiled/babel-plugin v0.36.0 */
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import "./stage.compiled.css";
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import { createRef, PureComponent } from 'react';
|
|
7
7
|
import { CSSTransition } from 'react-transition-group';
|
|
8
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
8
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
10
9
|
import { B300, N70 } from '@atlaskit/theme/colors';
|
|
11
10
|
import ProgressBar from './bar';
|
|
@@ -36,7 +35,7 @@ const getMarkerColor = ({
|
|
|
36
35
|
case 'visited':
|
|
37
36
|
return `var(--ds-icon-brand, ${B300})`;
|
|
38
37
|
case 'disabled':
|
|
39
|
-
if (percentageCompleted === 0
|
|
38
|
+
if (percentageCompleted === 0) {
|
|
40
39
|
return `var(--ds-icon-disabled, ${N70})`;
|
|
41
40
|
}
|
|
42
41
|
// If the percentage completed is greater than 0, we show the brand colour, so that the marker (circle) blends in with the progress bar.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* progress-tracker.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* progress-tracker.tsx generated by @compiled/babel-plugin v0.36.0 */
|
|
2
2
|
import "./progress-tracker.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
package/dist/esm/internal/bar.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* stage.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* stage.tsx generated by @compiled/babel-plugin v0.36.0 */
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
4
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
@@ -14,7 +14,6 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
|
|
|
14
14
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
15
15
|
import { createRef, PureComponent } from 'react';
|
|
16
16
|
import { CSSTransition } from 'react-transition-group';
|
|
17
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
18
17
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
19
18
|
import { B300, N70 } from '@atlaskit/theme/colors';
|
|
20
19
|
import ProgressBar from './bar';
|
|
@@ -44,7 +43,7 @@ var getMarkerColor = function getMarkerColor(_ref) {
|
|
|
44
43
|
case 'visited':
|
|
45
44
|
return "var(--ds-icon-brand, ".concat(B300, ")");
|
|
46
45
|
case 'disabled':
|
|
47
|
-
if (percentageCompleted === 0
|
|
46
|
+
if (percentageCompleted === 0) {
|
|
48
47
|
return "var(--ds-icon-disabled, ".concat(N70, ")");
|
|
49
48
|
}
|
|
50
49
|
// If the percentage completed is greater than 0, we show the brand colour, so that the marker (circle) blends in with the progress bar.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* progress-tracker.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* progress-tracker.tsx generated by @compiled/babel-plugin v0.36.0 */
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import "./progress-tracker.compiled.css";
|
|
4
4
|
import * as React from 'react';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/progress-tracker",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.3.0",
|
|
4
4
|
"description": "A progress tracker displays the steps and progress through a journey.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -25,11 +25,11 @@
|
|
|
25
25
|
}
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@atlaskit/css": "^0.
|
|
28
|
+
"@atlaskit/css": "^0.8.0",
|
|
29
29
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
30
|
-
"@atlaskit/primitives": "^13.
|
|
31
|
-
"@atlaskit/theme": "^14.
|
|
32
|
-
"@atlaskit/tokens": "^3.
|
|
30
|
+
"@atlaskit/primitives": "^13.4.0",
|
|
31
|
+
"@atlaskit/theme": "^14.1.0",
|
|
32
|
+
"@atlaskit/tokens": "^3.3.0",
|
|
33
33
|
"@babel/runtime": "^7.0.0",
|
|
34
34
|
"@compiled/react": "^0.18.1",
|
|
35
35
|
"react-transition-group": "^4.4.1"
|
|
@@ -40,14 +40,14 @@
|
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@af/accessibility-testing": "*",
|
|
42
42
|
"@af/visual-regression": "*",
|
|
43
|
-
"@atlaskit/ds-lib": "^3.
|
|
43
|
+
"@atlaskit/ds-lib": "^3.5.0",
|
|
44
44
|
"@atlaskit/ssr": "*",
|
|
45
45
|
"@atlaskit/visual-regression": "*",
|
|
46
|
-
"@testing-library/react": "^
|
|
46
|
+
"@testing-library/react": "^13.4.0",
|
|
47
47
|
"@testing-library/user-event": "^14.4.3",
|
|
48
48
|
"@types/react-transition-group": "^2.0.6",
|
|
49
49
|
"jest-in-case": "^1.0.2",
|
|
50
|
-
"react-dom": "^
|
|
50
|
+
"react-dom": "^18.2.0",
|
|
51
51
|
"typescript": "~5.4.2"
|
|
52
52
|
},
|
|
53
53
|
"techstack": {
|
|
@@ -87,9 +87,6 @@
|
|
|
87
87
|
"platform_progress_tracker_link_migration": {
|
|
88
88
|
"type": "boolean",
|
|
89
89
|
"showOnWebsiteForTransitiveDependencies": true
|
|
90
|
-
},
|
|
91
|
-
"platform_progress_tracker_disabled_marker_color": {
|
|
92
|
-
"type": "boolean"
|
|
93
90
|
}
|
|
94
91
|
}
|
|
95
92
|
}
|