@atlaskit/progress-tracker 9.2.0 → 9.3.1

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 CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/progress-tracker
2
2
 
3
+ ## 9.3.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 9.3.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [#109060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109060)
14
+ [`4660ec858a305`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4660ec858a305) -
15
+ Update `React` from v16 to v18
16
+
17
+ ### Patch Changes
18
+
19
+ - Updated dependencies
20
+
3
21
  ## 9.2.0
4
22
 
5
23
  ### Minor Changes
@@ -1,4 +1,4 @@
1
- /* bar.tsx generated by @compiled/babel-plugin v0.35.0 */
1
+ /* bar.tsx generated by @compiled/babel-plugin v0.36.0 */
2
2
  "use strict";
3
3
 
4
4
  var _typeof = require("@babel/runtime/helpers/typeof");
@@ -1,4 +1,4 @@
1
- /* link-new.tsx generated by @compiled/babel-plugin v0.35.0 */
1
+ /* link-new.tsx generated by @compiled/babel-plugin v0.36.0 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,4 +1,4 @@
1
- /* link.tsx generated by @compiled/babel-plugin v0.35.0 */
1
+ /* link.tsx generated by @compiled/babel-plugin v0.36.0 */
2
2
  "use strict";
3
3
 
4
4
  var _typeof = require("@babel/runtime/helpers/typeof");
@@ -1,4 +1,4 @@
1
- /* marker.tsx generated by @compiled/babel-plugin v0.35.0 */
1
+ /* marker.tsx generated by @compiled/babel-plugin v0.36.0 */
2
2
  /* eslint-disable @atlaskit/design-system/no-nested-styles */
3
3
  "use strict";
4
4
 
@@ -1,12 +1,15 @@
1
1
  ._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
2
- ._18s8ze3t{margin:var(--ds-space-0,0)}
3
2
  ._1t9yph28.fade-appear.fade-appear-active{transition:opacity var(--ds--pt--ts) cubic-bezier(.2,0,0,1)}
4
3
  ._v564ph28{transition:opacity var(--ds--pt--ts) cubic-bezier(.2,0,0,1)}
4
+ ._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
5
5
  ._1bsb1osq{width:100%}
6
6
  ._1ez2kb7n.fade-appear.fade-appear-active{opacity:1}
7
7
  ._1i4q1hna{overflow-wrap:break-word}
8
8
  ._1pfhv47k{margin-block-start:var(--ds-space-250,20px)}
9
+ ._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
9
10
  ._1uuw17dr.fade-appear{opacity:.01}
11
+ ._6rthze3t{margin-block-end:var(--ds-space-0,0)}
12
+ ._ahbqze3t{margin-inline-start:var(--ds-space-0,0)}
10
13
  ._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
11
14
  ._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
12
15
  ._kqswh2mm{position:relative}
@@ -1,4 +1,4 @@
1
- /* stage.tsx generated by @compiled/babel-plugin v0.35.0 */
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");
@@ -11,6 +11,7 @@ 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 _readOnlyError2 = _interopRequireDefault(require("@babel/runtime/helpers/readOnlyError"));
14
15
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
15
16
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
16
17
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -136,7 +137,7 @@ var ProgressTrackerStage = exports.default = /*#__PURE__*/function (_PureCompone
136
137
  ,
137
138
  style: listInlineStyles,
138
139
  "aria-current": ariaCurrent,
139
- className: (0, _runtime.ax)(["_18s8ze3t _1i4q1hna"])
140
+ className: (0, _runtime.ax)(["_6rthze3t _1pfhze3t _12l2ze3t _ahbqze3t _1i4q1hna"])
140
141
  }, /*#__PURE__*/React.createElement(_compiled.Box, {
141
142
  xcss: styles.listItemContent
142
143
  }, /*#__PURE__*/React.createElement(_reactTransitionGroup.CSSTransition, {
@@ -1,10 +1,13 @@
1
1
 
2
- ._1yt4ze3t{padding:var(--ds-space-0,0)}
3
2
  ._zulp6odm{gap:var(--ds--pt--sp)}._18u01wug{margin-left:auto}
4
3
  ._19pkidpf{margin-top:0}
5
4
  ._1bsb1osq{width:100%}
6
5
  ._1e0c11p5{display:grid}
6
+ ._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
7
7
  ._2hwx1wug{margin-right:auto}
8
8
  ._2mzuglyw{list-style-type:none}
9
+ ._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
10
+ ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
9
11
  ._otyridpf{margin-bottom:0}
10
- ._rxvc1jfw._rxvc1jfw{margin-block-start:var(--ds-space-500,40px)}
12
+ ._rxvc1jfw._rxvc1jfw{margin-block-start:var(--ds-space-500,40px)}
13
+ ._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
@@ -1,4 +1,4 @@
1
- /* progress-tracker.tsx generated by @compiled/babel-plugin v0.35.0 */
1
+ /* progress-tracker.tsx generated by @compiled/babel-plugin v0.36.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)(["_19pkidpf _2hwx1wug _otyridpf _18u01wug _1yt4ze3t _zulp6odm _1e0c11p5 _1bsb1osq _2mzuglyw _rxvc1jfw"])
123
+ className: (0, _runtime.ax)(["_19pkidpf _2hwx1wug _otyridpf _18u01wug _zulp6odm _1e0c11p5 _1bsb1osq _2mzuglyw _85i5ze3t _1q51ze3t _y4tize3t _bozgze3t _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.35.0 */
1
+ /* bar.tsx generated by @compiled/babel-plugin v0.36.0 */
2
2
  import "./bar.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,4 @@
1
- /* link-new.tsx generated by @compiled/babel-plugin v0.35.0 */
1
+ /* link-new.tsx generated by @compiled/babel-plugin v0.36.0 */
2
2
  import "./link-new.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
@@ -1,4 +1,4 @@
1
- /* link.tsx generated by @compiled/babel-plugin v0.35.0 */
1
+ /* link.tsx generated by @compiled/babel-plugin v0.36.0 */
2
2
  import "./link.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,4 @@
1
- /* marker.tsx generated by @compiled/babel-plugin v0.35.0 */
1
+ /* marker.tsx generated by @compiled/babel-plugin v0.36.0 */
2
2
  /* eslint-disable @atlaskit/design-system/no-nested-styles */
3
3
  import "./marker.compiled.css";
4
4
  import * as React from 'react';
@@ -1,12 +1,15 @@
1
1
  ._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
2
- ._18s8ze3t{margin:var(--ds-space-0,0)}
3
2
  ._1t9yph28.fade-appear.fade-appear-active{transition:opacity var(--ds--pt--ts) cubic-bezier(.2,0,0,1)}
4
3
  ._v564ph28{transition:opacity var(--ds--pt--ts) cubic-bezier(.2,0,0,1)}
4
+ ._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
5
5
  ._1bsb1osq{width:100%}
6
6
  ._1ez2kb7n.fade-appear.fade-appear-active{opacity:1}
7
7
  ._1i4q1hna{overflow-wrap:break-word}
8
8
  ._1pfhv47k{margin-block-start:var(--ds-space-250,20px)}
9
+ ._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
9
10
  ._1uuw17dr.fade-appear{opacity:.01}
11
+ ._6rthze3t{margin-block-end:var(--ds-space-0,0)}
12
+ ._ahbqze3t{margin-inline-start:var(--ds-space-0,0)}
10
13
  ._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
11
14
  ._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
12
15
  ._kqswh2mm{position:relative}
@@ -1,4 +1,4 @@
1
- /* stage.tsx generated by @compiled/babel-plugin v0.35.0 */
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';
@@ -116,7 +116,7 @@ export default class ProgressTrackerStage extends PureComponent {
116
116
  ,
117
117
  style: listInlineStyles,
118
118
  "aria-current": ariaCurrent,
119
- className: ax(["_18s8ze3t _1i4q1hna"])
119
+ className: ax(["_6rthze3t _1pfhze3t _12l2ze3t _ahbqze3t _1i4q1hna"])
120
120
  }, /*#__PURE__*/React.createElement(Box, {
121
121
  xcss: styles.listItemContent
122
122
  }, /*#__PURE__*/React.createElement(CSSTransition, {
@@ -1,10 +1,13 @@
1
1
 
2
- ._1yt4ze3t{padding:var(--ds-space-0,0)}
3
2
  ._zulp6odm{gap:var(--ds--pt--sp)}._18u01wug{margin-left:auto}
4
3
  ._19pkidpf{margin-top:0}
5
4
  ._1bsb1osq{width:100%}
6
5
  ._1e0c11p5{display:grid}
6
+ ._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
7
7
  ._2hwx1wug{margin-right:auto}
8
8
  ._2mzuglyw{list-style-type:none}
9
+ ._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
10
+ ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
9
11
  ._otyridpf{margin-bottom:0}
10
- ._rxvc1jfw._rxvc1jfw{margin-block-start:var(--ds-space-500,40px)}
12
+ ._rxvc1jfw._rxvc1jfw{margin-block-start:var(--ds-space-500,40px)}
13
+ ._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
@@ -1,4 +1,4 @@
1
- /* progress-tracker.tsx generated by @compiled/babel-plugin v0.35.0 */
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";
@@ -94,7 +94,7 @@ const ProgressTracker = ({
94
94
  ,
95
95
  style: listInlineStyles,
96
96
  "aria-label": label,
97
- className: ax(["_19pkidpf _2hwx1wug _otyridpf _18u01wug _1yt4ze3t _zulp6odm _1e0c11p5 _1bsb1osq _2mzuglyw _rxvc1jfw"])
97
+ className: ax(["_19pkidpf _2hwx1wug _otyridpf _18u01wug _zulp6odm _1e0c11p5 _1bsb1osq _2mzuglyw _85i5ze3t _1q51ze3t _y4tize3t _bozgze3t _rxvc1jfw"])
98
98
  }, progressItems);
99
99
  };
100
100
  export default ProgressTracker;
@@ -1,4 +1,4 @@
1
- /* bar.tsx generated by @compiled/babel-plugin v0.35.0 */
1
+ /* bar.tsx generated by @compiled/babel-plugin v0.36.0 */
2
2
  import "./bar.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,4 @@
1
- /* link-new.tsx generated by @compiled/babel-plugin v0.35.0 */
1
+ /* link-new.tsx generated by @compiled/babel-plugin v0.36.0 */
2
2
  import "./link-new.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
@@ -1,4 +1,4 @@
1
- /* link.tsx generated by @compiled/babel-plugin v0.35.0 */
1
+ /* link.tsx generated by @compiled/babel-plugin v0.36.0 */
2
2
  import "./link.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,4 @@
1
- /* marker.tsx generated by @compiled/babel-plugin v0.35.0 */
1
+ /* marker.tsx generated by @compiled/babel-plugin v0.36.0 */
2
2
  /* eslint-disable @atlaskit/design-system/no-nested-styles */
3
3
  import "./marker.compiled.css";
4
4
  import * as React from 'react';
@@ -1,12 +1,15 @@
1
1
  ._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
2
- ._18s8ze3t{margin:var(--ds-space-0,0)}
3
2
  ._1t9yph28.fade-appear.fade-appear-active{transition:opacity var(--ds--pt--ts) cubic-bezier(.2,0,0,1)}
4
3
  ._v564ph28{transition:opacity var(--ds--pt--ts) cubic-bezier(.2,0,0,1)}
4
+ ._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
5
5
  ._1bsb1osq{width:100%}
6
6
  ._1ez2kb7n.fade-appear.fade-appear-active{opacity:1}
7
7
  ._1i4q1hna{overflow-wrap:break-word}
8
8
  ._1pfhv47k{margin-block-start:var(--ds-space-250,20px)}
9
+ ._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
9
10
  ._1uuw17dr.fade-appear{opacity:.01}
11
+ ._6rthze3t{margin-block-end:var(--ds-space-0,0)}
12
+ ._ahbqze3t{margin-inline-start:var(--ds-space-0,0)}
10
13
  ._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
11
14
  ._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
12
15
  ._kqswh2mm{position:relative}
@@ -1,4 +1,5 @@
1
- /* stage.tsx generated by @compiled/babel-plugin v0.35.0 */
1
+ /* stage.tsx generated by @compiled/babel-plugin v0.36.0 */
2
+ import _readOnlyError from "@babel/runtime/helpers/readOnlyError";
2
3
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
3
4
  import _createClass from "@babel/runtime/helpers/createClass";
4
5
  import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
@@ -126,7 +127,7 @@ var ProgressTrackerStage = /*#__PURE__*/function (_PureComponent) {
126
127
  ,
127
128
  style: listInlineStyles,
128
129
  "aria-current": ariaCurrent,
129
- className: ax(["_18s8ze3t _1i4q1hna"])
130
+ className: ax(["_6rthze3t _1pfhze3t _12l2ze3t _ahbqze3t _1i4q1hna"])
130
131
  }, /*#__PURE__*/React.createElement(Box, {
131
132
  xcss: styles.listItemContent
132
133
  }, /*#__PURE__*/React.createElement(CSSTransition, {
@@ -1,10 +1,13 @@
1
1
 
2
- ._1yt4ze3t{padding:var(--ds-space-0,0)}
3
2
  ._zulp6odm{gap:var(--ds--pt--sp)}._18u01wug{margin-left:auto}
4
3
  ._19pkidpf{margin-top:0}
5
4
  ._1bsb1osq{width:100%}
6
5
  ._1e0c11p5{display:grid}
6
+ ._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
7
7
  ._2hwx1wug{margin-right:auto}
8
8
  ._2mzuglyw{list-style-type:none}
9
+ ._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
10
+ ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
9
11
  ._otyridpf{margin-bottom:0}
10
- ._rxvc1jfw._rxvc1jfw{margin-block-start:var(--ds-space-500,40px)}
12
+ ._rxvc1jfw._rxvc1jfw{margin-block-start:var(--ds-space-500,40px)}
13
+ ._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
@@ -1,4 +1,4 @@
1
- /* progress-tracker.tsx generated by @compiled/babel-plugin v0.35.0 */
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';
@@ -110,7 +110,7 @@ var ProgressTracker = function ProgressTracker(_ref) {
110
110
  ,
111
111
  style: listInlineStyles,
112
112
  "aria-label": label,
113
- className: ax(["_19pkidpf _2hwx1wug _otyridpf _18u01wug _1yt4ze3t _zulp6odm _1e0c11p5 _1bsb1osq _2mzuglyw _rxvc1jfw"])
113
+ className: ax(["_19pkidpf _2hwx1wug _otyridpf _18u01wug _zulp6odm _1e0c11p5 _1bsb1osq _2mzuglyw _85i5ze3t _1q51ze3t _y4tize3t _bozgze3t _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.2.0",
3
+ "version": "9.3.1",
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.7.0",
29
- "@atlaskit/platform-feature-flags": "^0.3.0",
30
- "@atlaskit/primitives": "^13.3.0",
31
- "@atlaskit/theme": "^14.0.0",
32
- "@atlaskit/tokens": "^3.2.0",
28
+ "@atlaskit/css": "^0.8.0",
29
+ "@atlaskit/platform-feature-flags": "^1.0.0",
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.3.0",
43
+ "@atlaskit/ds-lib": "^3.5.0",
44
44
  "@atlaskit/ssr": "*",
45
45
  "@atlaskit/visual-regression": "*",
46
- "@testing-library/react": "^12.1.5",
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": "^16.8.0",
50
+ "react-dom": "^18.2.0",
51
51
  "typescript": "~5.4.2"
52
52
  },
53
53
  "techstack": {