@atlaskit/progress-tracker 10.5.0 → 10.5.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.
- package/CHANGELOG.md +13 -0
- package/dist/cjs/internal/bar.compiled.css +1 -1
- package/dist/cjs/internal/bar.js +4 -6
- package/dist/cjs/internal/link.js +1 -1
- package/dist/cjs/internal/marker.js +1 -1
- package/dist/cjs/internal/stage.js +1 -1
- package/dist/cjs/progress-tracker.js +1 -1
- package/dist/es2019/internal/bar.compiled.css +1 -1
- package/dist/es2019/internal/bar.js +2 -3
- 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 +1 -1
- package/dist/esm/internal/bar.compiled.css +1 -1
- package/dist/esm/internal/bar.js +4 -6
- package/dist/esm/internal/link.js +1 -1
- package/dist/esm/internal/marker.js +1 -1
- package/dist/esm/internal/stage.js +1 -1
- package/dist/esm/progress-tracker.js +1 -1
- package/package.json +8 -8
- package/progress-tracker.docs.tsx +47 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @atlaskit/progress-tracker
|
|
2
2
|
|
|
3
|
+
## 10.5.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`7aef1e49e90ea`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7aef1e49e90ea) -
|
|
8
|
+
Removes redundant fallback color values via @atlaskit/theme
|
|
9
|
+
|
|
10
|
+
## 10.5.1
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- Updated dependencies
|
|
15
|
+
|
|
3
16
|
## 10.5.0
|
|
4
17
|
|
|
5
18
|
### Minor Changes
|
|
@@ -4,6 +4,6 @@
|
|
|
4
4
|
._1lww1oqq{transition-delay:var(--ds--pt--td)}
|
|
5
5
|
._4t3iu2gc{height:var(--ds-space-100,8px)}
|
|
6
6
|
._5fbc1cuf{border-start-end-radius:var(--ds-radius-full,8px)}
|
|
7
|
-
.
|
|
7
|
+
._bfhk1856{background-color:var(--ds-background-brand-bold,#1868db)}
|
|
8
8
|
._kqswstnw{position:absolute}
|
|
9
9
|
._t9ecymk3{transform:translate(0,calc(var(--ds-space-250, 20px)*-1))}
|
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.39.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
@@ -9,7 +9,6 @@ exports.default = void 0;
|
|
|
9
9
|
require("./bar.compiled.css");
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _runtime = require("@compiled/react/runtime");
|
|
12
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
13
12
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
14
13
|
var spacing = {
|
|
15
14
|
comfortable: "var(--ds-space-500, 40px)",
|
|
@@ -29,11 +28,10 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
29
28
|
testId = _ref.testId;
|
|
30
29
|
return /*#__PURE__*/React.createElement("div", {
|
|
31
30
|
"data-testid": testId,
|
|
32
|
-
className: (0, _runtime.ax)(["_v564d86a _4t3iu2gc _kqswstnw _bfhk1j1x _1ein1cuf _5fbc1cuf _1e021ssb _t9ecymk3 _1lww1oqq"]),
|
|
33
31
|
style: {
|
|
34
|
-
width: "calc(".concat(percentageComplete, "% + ").concat(percentageComplete / 100, " * calc(var(--ds--pt--sp, ").concat(spacing.cosy, ") + ", "var(--ds-space-050, 4px)", "))")
|
|
35
|
-
|
|
36
|
-
|
|
32
|
+
width: "calc(".concat(percentageComplete, "% + ").concat(percentageComplete / 100, " * calc(var(--ds--pt--sp, ").concat(spacing.cosy, ") + ", "var(--ds-space-050, 4px)", "))")
|
|
33
|
+
},
|
|
34
|
+
className: (0, _runtime.ax)(["_v564d86a _4t3iu2gc _kqswstnw _bfhk1856 _1ein1cuf _5fbc1cuf _1e021ssb _t9ecymk3 _1lww1oqq"])
|
|
37
35
|
});
|
|
38
36
|
};
|
|
39
37
|
var _default = exports.default = ProgressBar;
|
|
@@ -4,6 +4,6 @@
|
|
|
4
4
|
._1lww1oqq{transition-delay:var(--ds--pt--td)}
|
|
5
5
|
._4t3iu2gc{height:var(--ds-space-100,8px)}
|
|
6
6
|
._5fbc1cuf{border-start-end-radius:var(--ds-radius-full,8px)}
|
|
7
|
-
.
|
|
7
|
+
._bfhk1856{background-color:var(--ds-background-brand-bold,#1868db)}
|
|
8
8
|
._kqswstnw{position:absolute}
|
|
9
9
|
._t9ecymk3{transform:translate(0,calc(var(--ds-space-250, 20px)*-1))}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
/* bar.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* bar.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./bar.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
-
import { B300 } from '@atlaskit/theme/colors';
|
|
6
5
|
const spacing = {
|
|
7
6
|
comfortable: "var(--ds-space-500, 40px)",
|
|
8
7
|
cosy: "var(--ds-space-200, 16px)",
|
|
@@ -24,6 +23,6 @@ const ProgressBar = ({
|
|
|
24
23
|
style: {
|
|
25
24
|
width: `calc(${percentageComplete}% + ${percentageComplete / 100} * calc(var(--ds--pt--sp, ${spacing.cosy}) + ${"var(--ds-space-050, 4px)"}))`
|
|
26
25
|
},
|
|
27
|
-
className: ax(["_v564d86a _4t3iu2gc _kqswstnw
|
|
26
|
+
className: ax(["_v564d86a _4t3iu2gc _kqswstnw _bfhk1856 _1ein1cuf _5fbc1cuf _1e021ssb _t9ecymk3 _1lww1oqq"])
|
|
28
27
|
});
|
|
29
28
|
export default ProgressBar;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* progress-tracker.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* progress-tracker.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./progress-tracker.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -4,6 +4,6 @@
|
|
|
4
4
|
._1lww1oqq{transition-delay:var(--ds--pt--td)}
|
|
5
5
|
._4t3iu2gc{height:var(--ds-space-100,8px)}
|
|
6
6
|
._5fbc1cuf{border-start-end-radius:var(--ds-radius-full,8px)}
|
|
7
|
-
.
|
|
7
|
+
._bfhk1856{background-color:var(--ds-background-brand-bold,#1868db)}
|
|
8
8
|
._kqswstnw{position:absolute}
|
|
9
9
|
._t9ecymk3{transform:translate(0,calc(var(--ds-space-250, 20px)*-1))}
|
package/dist/esm/internal/bar.js
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
/* bar.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* bar.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./bar.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
-
import { B300 } from '@atlaskit/theme/colors';
|
|
6
5
|
var spacing = {
|
|
7
6
|
comfortable: "var(--ds-space-500, 40px)",
|
|
8
7
|
cosy: "var(--ds-space-200, 16px)",
|
|
@@ -21,11 +20,10 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
21
20
|
testId = _ref.testId;
|
|
22
21
|
return /*#__PURE__*/React.createElement("div", {
|
|
23
22
|
"data-testid": testId,
|
|
24
|
-
className: ax(["_v564d86a _4t3iu2gc _kqswstnw _bfhk1j1x _1ein1cuf _5fbc1cuf _1e021ssb _t9ecymk3 _1lww1oqq"]),
|
|
25
23
|
style: {
|
|
26
|
-
width: "calc(".concat(percentageComplete, "% + ").concat(percentageComplete / 100, " * calc(var(--ds--pt--sp, ").concat(spacing.cosy, ") + ", "var(--ds-space-050, 4px)", "))")
|
|
27
|
-
|
|
28
|
-
|
|
24
|
+
width: "calc(".concat(percentageComplete, "% + ").concat(percentageComplete / 100, " * calc(var(--ds--pt--sp, ").concat(spacing.cosy, ") + ", "var(--ds-space-050, 4px)", "))")
|
|
25
|
+
},
|
|
26
|
+
className: ax(["_v564d86a _4t3iu2gc _kqswstnw _bfhk1856 _1ein1cuf _5fbc1cuf _1e021ssb _t9ecymk3 _1lww1oqq"])
|
|
29
27
|
});
|
|
30
28
|
};
|
|
31
29
|
export default ProgressBar;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* stage.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* stage.tsx generated by @compiled/babel-plugin v0.39.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.39.1 */
|
|
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": "10.5.
|
|
3
|
+
"version": "10.5.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/"
|
|
@@ -25,11 +25,10 @@
|
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@atlaskit/css": "^0.19.0",
|
|
28
|
-
"@atlaskit/primitives": "^18.
|
|
29
|
-
"@atlaskit/
|
|
30
|
-
"@atlaskit/tokens": "^11.0.0",
|
|
28
|
+
"@atlaskit/primitives": "^18.1.0",
|
|
29
|
+
"@atlaskit/tokens": "^11.4.0",
|
|
31
30
|
"@babel/runtime": "^7.0.0",
|
|
32
|
-
"@compiled/react": "^0.
|
|
31
|
+
"@compiled/react": "^0.20.0"
|
|
33
32
|
},
|
|
34
33
|
"peerDependencies": {
|
|
35
34
|
"react": "^18.2.0"
|
|
@@ -38,12 +37,13 @@
|
|
|
38
37
|
"@af/accessibility-testing": "workspace:^",
|
|
39
38
|
"@af/integration-testing": "workspace:^",
|
|
40
39
|
"@af/visual-regression": "workspace:^",
|
|
41
|
-
"@atlaskit/button": "^23.
|
|
42
|
-
"@atlaskit/docs": "^11.
|
|
43
|
-
"@atlaskit/icon": "^
|
|
40
|
+
"@atlaskit/button": "^23.10.0",
|
|
41
|
+
"@atlaskit/docs": "^11.7.0",
|
|
42
|
+
"@atlaskit/icon": "^33.1.0",
|
|
44
43
|
"@atlaskit/link": "^3.3.0",
|
|
45
44
|
"@atlaskit/section-message": "^8.12.0",
|
|
46
45
|
"@atlassian/ssr-tests": "workspace:^",
|
|
46
|
+
"@atlassian/structured-docs-types": "workspace:^",
|
|
47
47
|
"@testing-library/react": "^16.3.0",
|
|
48
48
|
"@testing-library/user-event": "^14.4.3",
|
|
49
49
|
"jest-in-case": "^1.0.2",
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import path from 'path';
|
|
2
|
+
|
|
3
|
+
import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
|
|
4
|
+
|
|
5
|
+
const documentation: ComponentStructuredContentSource[] = [
|
|
6
|
+
{
|
|
7
|
+
name: 'ProgressTracker',
|
|
8
|
+
description: 'A component for tracking progress through multi-step processes.',
|
|
9
|
+
status: 'general-availability',
|
|
10
|
+
import: {
|
|
11
|
+
name: 'ProgressTracker',
|
|
12
|
+
package: '@atlaskit/progress-tracker',
|
|
13
|
+
type: 'named',
|
|
14
|
+
packagePath: path.resolve(__dirname),
|
|
15
|
+
packageJson: require('./package.json'),
|
|
16
|
+
},
|
|
17
|
+
usageGuidelines: [
|
|
18
|
+
'Use for multi-step workflows',
|
|
19
|
+
'Provide clear progress tracking',
|
|
20
|
+
'Handle progress updates appropriately',
|
|
21
|
+
'Consider progress completion states',
|
|
22
|
+
],
|
|
23
|
+
contentGuidelines: [
|
|
24
|
+
'Use clear, descriptive step labels',
|
|
25
|
+
'Provide meaningful progress descriptions',
|
|
26
|
+
'Use appropriate progress terminology',
|
|
27
|
+
'Keep progress information concise',
|
|
28
|
+
],
|
|
29
|
+
accessibilityGuidelines: [
|
|
30
|
+
'Ensure progress is announced by screen readers',
|
|
31
|
+
'Use appropriate progress indicators',
|
|
32
|
+
'Provide clear progress context',
|
|
33
|
+
'Consider progress timing and updates',
|
|
34
|
+
],
|
|
35
|
+
examples: [
|
|
36
|
+
{
|
|
37
|
+
name: 'Progress Tracker',
|
|
38
|
+
description: 'Progress Tracker example',
|
|
39
|
+
source: path.resolve(__dirname, './examples/ai/progress-tracker.tsx'),
|
|
40
|
+
},
|
|
41
|
+
],
|
|
42
|
+
keywords: ['progress', 'tracker', 'steps', 'completion', 'workflow'],
|
|
43
|
+
categories: ['feedback'],
|
|
44
|
+
},
|
|
45
|
+
];
|
|
46
|
+
|
|
47
|
+
export default documentation;
|