@atlaskit/progress-tracker 10.3.4 → 10.3.6
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 +12 -0
- package/dist/cjs/internal/bar.compiled.css +1 -1
- package/dist/cjs/internal/bar.js +3 -4
- package/dist/cjs/internal/link.js +1 -1
- package/dist/cjs/internal/marker.compiled.css +1 -1
- package/dist/cjs/internal/marker.js +2 -5
- package/dist/cjs/internal/stage.js +1 -1
- package/dist/cjs/progress-tracker.js +2 -2
- package/dist/es2019/internal/bar.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 +1 -1
- package/dist/es2019/progress-tracker.js +2 -2
- package/dist/esm/internal/bar.compiled.css +1 -1
- package/dist/esm/internal/bar.js +3 -4
- package/dist/esm/internal/link.js +1 -1
- package/dist/esm/internal/marker.compiled.css +1 -1
- package/dist/esm/internal/marker.js +2 -5
- package/dist/esm/internal/stage.js +1 -1
- package/dist/esm/progress-tracker.js +2 -2
- package/offerings.json +34 -0
- package/package.json +9 -9
package/CHANGELOG.md
CHANGED
package/dist/cjs/internal/bar.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* bar.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* bar.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
@@ -29,11 +29,10 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
29
29
|
testId = _ref.testId;
|
|
30
30
|
return /*#__PURE__*/React.createElement("div", {
|
|
31
31
|
"data-testid": testId,
|
|
32
|
-
className: (0, _runtime.ax)(["_v564d86a _4t3iu2gc _kqswstnw _bfhk1j1x _1einu2gc _5fbcu2gc _1e021ssb
|
|
32
|
+
className: (0, _runtime.ax)(["_v564d86a _4t3iu2gc _kqswstnw _bfhk1j1x _1einu2gc _5fbcu2gc _1e021ssb _t9ecymk3 _1lww1oqq"]),
|
|
33
33
|
style: {
|
|
34
34
|
width: "calc(".concat(percentageComplete, "% + ").concat(percentageComplete / 100, " * calc(var(--ds--pt--sp, ").concat(spacing.cosy, ") + ", "var(--ds-space-050, 4px)", "))"),
|
|
35
|
-
"--_vcj3ew": (0, _runtime.ix)("var(--ds-background-brand-bold, ".concat(_colors.B300, ")"))
|
|
36
|
-
"--_22xnfg": (0, _runtime.ix)("translate(0, calc(-1 * ".concat("var(--ds-space-250, 20px)", "))"))
|
|
35
|
+
"--_vcj3ew": (0, _runtime.ix)("var(--ds-background-brand-bold, ".concat(_colors.B300, ")"))
|
|
37
36
|
}
|
|
38
37
|
});
|
|
39
38
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* marker.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* marker.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
/* eslint-disable @atlaskit/design-system/no-nested-styles */
|
|
3
3
|
"use strict";
|
|
4
4
|
|
|
@@ -22,10 +22,7 @@ var ProgressMarker = function ProgressMarker(_ref) {
|
|
|
22
22
|
var testId = _ref.testId;
|
|
23
23
|
return /*#__PURE__*/React.createElement("div", {
|
|
24
24
|
"data-testid": testId,
|
|
25
|
-
className: (0, _runtime.ax)(["_2rkou2gc _v5645rui _1bsbu2gc _4t3iu2gc _kqswstnw _bfhkr3ku _1e021ssb
|
|
26
|
-
style: {
|
|
27
|
-
"--_nsjg4d": (0, _runtime.ix)("translate(-50%, calc(-1 * ".concat("var(--ds-space-250, 20px)", "))"))
|
|
28
|
-
}
|
|
25
|
+
className: (0, _runtime.ax)(["_2rkou2gc _v5645rui _1bsbu2gc _4t3iu2gc _kqswstnw _bfhkr3ku _1e021ssb _t9ec157a _1lww1oqq _1uuw17dr _1ez2kb7n _1190pbrw _1ia8r3ku"])
|
|
29
26
|
});
|
|
30
27
|
};
|
|
31
28
|
var _default = exports.default = ProgressMarker;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* progress-tracker.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* progress-tracker.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -46,7 +46,7 @@ var ProgressTracker = function ProgressTracker(_ref) {
|
|
|
46
46
|
return (
|
|
47
47
|
/*#__PURE__*/
|
|
48
48
|
// Anchor content is coming from another location
|
|
49
|
-
// eslint-disable-next-line
|
|
49
|
+
// eslint-disable-next-line @atlassian/a11y/anchor-has-content
|
|
50
50
|
React.createElement(_link.default, item)
|
|
51
51
|
);
|
|
52
52
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* progress-tracker.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* progress-tracker.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import "./progress-tracker.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -31,7 +31,7 @@ const ProgressTracker = ({
|
|
|
31
31
|
}) =>
|
|
32
32
|
/*#__PURE__*/
|
|
33
33
|
// Anchor content is coming from another location
|
|
34
|
-
// eslint-disable-next-line
|
|
34
|
+
// eslint-disable-next-line @atlassian/a11y/anchor-has-content
|
|
35
35
|
React.createElement(Link, item)
|
|
36
36
|
},
|
|
37
37
|
animated = true,
|
package/dist/esm/internal/bar.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* bar.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* bar.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import "./bar.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -21,11 +21,10 @@ 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(["_v564d86a _4t3iu2gc _kqswstnw _bfhk1j1x _1einu2gc _5fbcu2gc _1e021ssb
|
|
24
|
+
className: ax(["_v564d86a _4t3iu2gc _kqswstnw _bfhk1j1x _1einu2gc _5fbcu2gc _1e021ssb _t9ecymk3 _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
|
-
"--_vcj3ew": ix("var(--ds-background-brand-bold, ".concat(B300, ")"))
|
|
28
|
-
"--_22xnfg": ix("translate(0, calc(-1 * ".concat("var(--ds-space-250, 20px)", "))"))
|
|
27
|
+
"--_vcj3ew": ix("var(--ds-background-brand-bold, ".concat(B300, ")"))
|
|
29
28
|
}
|
|
30
29
|
});
|
|
31
30
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* marker.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* marker.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
/* eslint-disable @atlaskit/design-system/no-nested-styles */
|
|
3
3
|
import "./marker.compiled.css";
|
|
4
4
|
import * as React from 'react';
|
|
@@ -14,10 +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(["_2rkou2gc _v5645rui _1bsbu2gc _4t3iu2gc _kqswstnw _bfhkr3ku _1e021ssb
|
|
18
|
-
style: {
|
|
19
|
-
"--_nsjg4d": ix("translate(-50%, calc(-1 * ".concat("var(--ds-space-250, 20px)", "))"))
|
|
20
|
-
}
|
|
17
|
+
className: ax(["_2rkou2gc _v5645rui _1bsbu2gc _4t3iu2gc _kqswstnw _bfhkr3ku _1e021ssb _t9ec157a _1lww1oqq _1uuw17dr _1ez2kb7n _1190pbrw _1ia8r3ku"])
|
|
21
18
|
});
|
|
22
19
|
};
|
|
23
20
|
export default ProgressMarker;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* stage.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* stage.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _readOnlyError from "@babel/runtime/helpers/readOnlyError";
|
|
3
3
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
4
4
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* progress-tracker.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* progress-tracker.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import "./progress-tracker.compiled.css";
|
|
4
4
|
import * as React from 'react';
|
|
@@ -37,7 +37,7 @@ var ProgressTracker = function ProgressTracker(_ref) {
|
|
|
37
37
|
return (
|
|
38
38
|
/*#__PURE__*/
|
|
39
39
|
// Anchor content is coming from another location
|
|
40
|
-
// eslint-disable-next-line
|
|
40
|
+
// eslint-disable-next-line @atlassian/a11y/anchor-has-content
|
|
41
41
|
React.createElement(Link, item)
|
|
42
42
|
);
|
|
43
43
|
}
|
package/offerings.json
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
[
|
|
2
|
+
{
|
|
3
|
+
"name": "ProgressTracker",
|
|
4
|
+
"package": "@atlaskit/progress-tracker",
|
|
5
|
+
"import": {
|
|
6
|
+
"name": "ProgressTracker",
|
|
7
|
+
"package": "@atlaskit/progress-tracker",
|
|
8
|
+
"type": "named"
|
|
9
|
+
},
|
|
10
|
+
"keywords": ["progress", "tracker", "steps", "completion", "workflow"],
|
|
11
|
+
"categories": ["feedback"],
|
|
12
|
+
"shortDescription": "A component for tracking progress through multi-step processes.",
|
|
13
|
+
"status": "general-availability",
|
|
14
|
+
"accessibilityGuidelines": [
|
|
15
|
+
"Ensure progress is announced by screen readers",
|
|
16
|
+
"Use appropriate progress indicators",
|
|
17
|
+
"Provide clear progress context",
|
|
18
|
+
"Consider progress timing and updates"
|
|
19
|
+
],
|
|
20
|
+
"usageGuidelines": [
|
|
21
|
+
"Use for multi-step workflows",
|
|
22
|
+
"Provide clear progress tracking",
|
|
23
|
+
"Handle progress updates appropriately",
|
|
24
|
+
"Consider progress completion states"
|
|
25
|
+
],
|
|
26
|
+
"contentGuidelines": [
|
|
27
|
+
"Use clear, descriptive step labels",
|
|
28
|
+
"Provide meaningful progress descriptions",
|
|
29
|
+
"Use appropriate progress terminology",
|
|
30
|
+
"Keep progress information concise"
|
|
31
|
+
],
|
|
32
|
+
"examples": ["./examples/ai/progress-tracker.tsx"]
|
|
33
|
+
}
|
|
34
|
+
]
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/progress-tracker",
|
|
3
|
-
"version": "10.3.
|
|
3
|
+
"version": "10.3.6",
|
|
4
4
|
"description": "A progress tracker displays the steps and progress through a journey.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -24,10 +24,10 @@
|
|
|
24
24
|
}
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@atlaskit/css": "^0.
|
|
28
|
-
"@atlaskit/primitives": "^
|
|
29
|
-
"@atlaskit/theme": "^
|
|
30
|
-
"@atlaskit/tokens": "^6.
|
|
27
|
+
"@atlaskit/css": "^0.15.0",
|
|
28
|
+
"@atlaskit/primitives": "^15.0.0",
|
|
29
|
+
"@atlaskit/theme": "^21.0.0",
|
|
30
|
+
"@atlaskit/tokens": "^6.5.0",
|
|
31
31
|
"@babel/runtime": "^7.0.0",
|
|
32
32
|
"@compiled/react": "^0.18.3",
|
|
33
33
|
"react-transition-group": "^4.4.1"
|
|
@@ -39,10 +39,10 @@
|
|
|
39
39
|
"@af/accessibility-testing": "workspace:^",
|
|
40
40
|
"@af/integration-testing": "workspace:^",
|
|
41
41
|
"@af/visual-regression": "workspace:^",
|
|
42
|
-
"@atlaskit/button": "^23.
|
|
43
|
-
"@atlaskit/docs": "^11.
|
|
44
|
-
"@atlaskit/ds-lib": "^5.
|
|
45
|
-
"@atlaskit/icon": "^28.
|
|
42
|
+
"@atlaskit/button": "^23.5.0",
|
|
43
|
+
"@atlaskit/docs": "^11.1.0",
|
|
44
|
+
"@atlaskit/ds-lib": "^5.1.0",
|
|
45
|
+
"@atlaskit/icon": "^28.5.0",
|
|
46
46
|
"@atlaskit/link": "^3.2.0",
|
|
47
47
|
"@atlaskit/section-message": "^8.7.0",
|
|
48
48
|
"@atlaskit/ssr": "workspace:^",
|