@atlaskit/progress-tracker 9.0.1 → 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.
- package/CHANGELOG.md +6 -0
- package/dist/cjs/internal/bar.js +2 -2
- package/dist/cjs/internal/link-new.js +2 -2
- package/dist/cjs/internal/link.js +1 -1
- package/dist/cjs/internal/marker.js +2 -2
- package/dist/cjs/internal/stage.js +2 -2
- package/dist/cjs/progress-tracker.js +2 -2
- package/dist/es2019/internal/bar.js +2 -2
- package/dist/es2019/internal/link-new.js +2 -2
- package/dist/es2019/internal/link.js +1 -1
- package/dist/es2019/internal/marker.js +2 -2
- package/dist/es2019/internal/stage.js +2 -2
- package/dist/es2019/progress-tracker.js +2 -2
- package/dist/esm/internal/bar.js +2 -2
- package/dist/esm/internal/link-new.js +2 -2
- package/dist/esm/internal/link.js +1 -1
- package/dist/esm/internal/marker.js +2 -2
- package/dist/esm/internal/stage.js +2 -2
- package/dist/esm/progress-tracker.js +2 -2
- package/package.json +2 -2
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.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
|
|
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, ")")),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* link-new.tsx generated by @compiled/babel-plugin v0.
|
|
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
|
|
14
|
+
anchor: "_4bfu18uv _1hmsglyw _ajmmnqa1 _11c81kw7 _syaz1fxt _9oik18uv _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
|
|
15
15
|
};
|
|
16
16
|
|
|
17
17
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* marker.tsx generated by @compiled/babel-plugin v0.
|
|
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
|
|
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
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* stage.tsx generated by @compiled/babel-plugin v0.
|
|
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");
|
|
@@ -150,7 +150,7 @@ var ProgressTrackerStage = exports.default = /*#__PURE__*/function (_PureCompone
|
|
|
150
150
|
nodeRef: this.nodeRefTitle
|
|
151
151
|
}, /*#__PURE__*/React.createElement("div", {
|
|
152
152
|
"data-testid": testId && "".concat(testId, "-title"),
|
|
153
|
-
className: (0, _runtime.ax)(["_11c81oud _1pfhv47k _y3gn1h6o
|
|
153
|
+
className: (0, _runtime.ax)(["_11c81oud _v564ph28 _1pfhv47k _y3gn1h6o _1t9yph28 _1ez2kb7n _1uuw17dr", textColor[item.status], fontWeight[item.status]])
|
|
154
154
|
}, this.shouldShowLink() ? render.link({
|
|
155
155
|
item: item
|
|
156
156
|
}) : item.label))));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* progress-tracker.tsx generated by @compiled/babel-plugin v0.
|
|
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");
|
|
@@ -120,7 +120,7 @@ var ProgressTracker = function ProgressTracker(_ref) {
|
|
|
120
120
|
,
|
|
121
121
|
style: listInlineStyles,
|
|
122
122
|
"aria-label": label,
|
|
123
|
-
className: (0, _runtime.ax)(["
|
|
123
|
+
className: (0, _runtime.ax)(["_19pkidpf _2hwx1wug _otyridpf _18u01wug _1yt4ze3t _zulp6odm _1e0c11p5 _1bsb1osq _2mzuglyw _rxvc1jfw"])
|
|
124
124
|
}, progressItems);
|
|
125
125
|
};
|
|
126
126
|
var _default = exports.default = ProgressTracker;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* bar.tsx generated by @compiled/babel-plugin v0.
|
|
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
|
|
27
|
+
className: ax(["_v564d86a _4t3iu2gc _kqswstnw _bfhkq17z _1einu2gc _5fbcu2gc _1e021ssb _t9ecymk3 _1lww1oqq"])
|
|
28
28
|
});
|
|
29
29
|
export default ProgressBar;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
/* link-new.tsx generated by @compiled/babel-plugin v0.
|
|
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
|
|
7
|
+
anchor: "_4bfu18uv _1hmsglyw _ajmmnqa1 _11c81kw7 _syaz1fxt _9oik18uv _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
|
|
8
8
|
};
|
|
9
9
|
|
|
10
10
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* marker.tsx generated by @compiled/babel-plugin v0.
|
|
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
|
|
17
|
+
className: ax(["_2rkou2gc _v5645rui _1bsbu2gc _4t3iu2gc _kqswstnw _bfhkr3ku _1e021ssb _t9ec157a _1lww1oqq _1uuw17dr _1ez2kb7n _1190pbrw _1ia8r3ku"])
|
|
18
18
|
});
|
|
19
19
|
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.35.0 */
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import "./stage.compiled.css";
|
|
4
4
|
import * as React from 'react';
|
|
@@ -129,7 +129,7 @@ export default class ProgressTrackerStage extends PureComponent {
|
|
|
129
129
|
nodeRef: this.nodeRefTitle
|
|
130
130
|
}, /*#__PURE__*/React.createElement("div", {
|
|
131
131
|
"data-testid": testId && `${testId}-title`,
|
|
132
|
-
className: ax(["_11c81oud _1pfhv47k _y3gn1h6o
|
|
132
|
+
className: ax(["_11c81oud _v564ph28 _1pfhv47k _y3gn1h6o _1t9yph28 _1ez2kb7n _1uuw17dr", textColor[item.status], fontWeight[item.status]])
|
|
133
133
|
}, this.shouldShowLink() ? render.link({
|
|
134
134
|
item
|
|
135
135
|
}) : item.label))));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* progress-tracker.tsx generated by @compiled/babel-plugin v0.
|
|
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(["
|
|
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.
|
|
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
|
|
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, ")")),
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
/* link-new.tsx generated by @compiled/babel-plugin v0.
|
|
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
|
|
7
|
+
anchor: "_4bfu18uv _1hmsglyw _ajmmnqa1 _11c81kw7 _syaz1fxt _9oik18uv _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
|
|
8
8
|
};
|
|
9
9
|
|
|
10
10
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* marker.tsx generated by @compiled/babel-plugin v0.
|
|
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
|
|
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
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* stage.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* stage.tsx generated by @compiled/babel-plugin v0.35.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";
|
|
@@ -140,7 +140,7 @@ var ProgressTrackerStage = /*#__PURE__*/function (_PureComponent) {
|
|
|
140
140
|
nodeRef: this.nodeRefTitle
|
|
141
141
|
}, /*#__PURE__*/React.createElement("div", {
|
|
142
142
|
"data-testid": testId && "".concat(testId, "-title"),
|
|
143
|
-
className: ax(["_11c81oud _1pfhv47k _y3gn1h6o
|
|
143
|
+
className: ax(["_11c81oud _v564ph28 _1pfhv47k _y3gn1h6o _1t9yph28 _1ez2kb7n _1uuw17dr", textColor[item.status], fontWeight[item.status]])
|
|
144
144
|
}, this.shouldShowLink() ? render.link({
|
|
145
145
|
item: item
|
|
146
146
|
}) : item.label))));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* progress-tracker.tsx generated by @compiled/babel-plugin v0.
|
|
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';
|
|
@@ -110,7 +110,7 @@ var ProgressTracker = function ProgressTracker(_ref) {
|
|
|
110
110
|
,
|
|
111
111
|
style: listInlineStyles,
|
|
112
112
|
"aria-label": label,
|
|
113
|
-
className: ax(["
|
|
113
|
+
className: ax(["_19pkidpf _2hwx1wug _otyridpf _18u01wug _1yt4ze3t _zulp6odm _1e0c11p5 _1bsb1osq _2mzuglyw _rxvc1jfw"])
|
|
114
114
|
}, progressItems);
|
|
115
115
|
};
|
|
116
116
|
export default ProgressTracker;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/progress-tracker",
|
|
3
|
-
"version": "9.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": "^
|
|
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"
|