@atlaskit/progress-tracker 10.3.5 → 10.3.7

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,17 @@
1
1
  # @atlaskit/progress-tracker
2
2
 
3
+ ## 10.3.7
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 10.3.6
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 10.3.5
4
16
 
5
17
  ### Patch Changes
@@ -874,7 +886,6 @@
874
886
 
875
887
  Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies
876
888
  [6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
877
-
878
889
  - @atlaskit/docs@8.3.2
879
890
  - @atlaskit/visual-regression@0.1.9
880
891
  - @atlaskit/button@13.3.7
@@ -1009,7 +1020,6 @@
1009
1020
  ## 6.0.0
1010
1021
 
1011
1022
  - [major][7c17b35107](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7c17b35107):
1012
-
1013
1023
  - Updates react and react-dom peer dependencies to react@^16.8.0 and react-dom@^16.8.0. To use
1014
1024
  this package, please ensure you use at least this version of react and react-dom.
1015
1025
 
@@ -1023,13 +1033,11 @@
1023
1033
  ## 5.0.1
1024
1034
 
1025
1035
  - [patch][98e11001ff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/98e11001ff):
1026
-
1027
1036
  - Removes duplicate babel-runtime dependency
1028
1037
 
1029
1038
  ## 5.0.0
1030
1039
 
1031
1040
  - [major][76299208e6](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/76299208e6):
1032
-
1033
1041
  - Drop ES5 from all the flow modules
1034
1042
 
1035
1043
  ### Dropping CJS support in all @atlaskit packages
@@ -6,4 +6,4 @@
6
6
  ._5fbcu2gc{border-start-end-radius:var(--ds-space-100,8px)}
7
7
  ._bfhk1j1x{background-color:var(--_vcj3ew)}
8
8
  ._kqswstnw{position:absolute}
9
- ._t9ec5ihf{transform:var(--_22xnfg)}
9
+ ._t9ecymk3{transform:translate(0,calc(var(--ds-space-250, 20px)*-1))}
@@ -1,4 +1,4 @@
1
- /* bar.tsx generated by @compiled/babel-plugin v0.36.1 */
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 _t9ec5ihf _1lww1oqq"]),
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
- /* link.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* link.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -10,4 +10,4 @@
10
10
  ._4t3iu2gc{height:var(--ds-space-100,8px)}
11
11
  ._bfhkr3ku{background-color:var(--ds--pt--bg)}
12
12
  ._kqswstnw{position:absolute}
13
- ._t9ec17h2{transform:var(--_nsjg4d)}
13
+ ._t9ec157a{transform:translate(-50%,calc(var(--ds-space-250, 20px)*-1))}
@@ -1,4 +1,4 @@
1
- /* marker.tsx generated by @compiled/babel-plugin v0.36.1 */
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 _t9ec17h2 _1lww1oqq _1uuw17dr _1ez2kb7n _1190pbrw _1ia8r3ku"]),
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
- /* stage.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* stage.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,4 +1,4 @@
1
- /* progress-tracker.tsx generated by @compiled/babel-plugin v0.36.1 */
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 jsx-a11y/anchor-has-content
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
- /* bar.tsx generated by @compiled/babel-plugin v0.36.1 */
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";
@@ -1,4 +1,4 @@
1
- /* link.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* link.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./link.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
@@ -1,4 +1,4 @@
1
- /* marker.tsx generated by @compiled/babel-plugin v0.36.1 */
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';
@@ -1,4 +1,4 @@
1
- /* stage.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* stage.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import "./stage.compiled.css";
4
4
  import * as React from 'react';
@@ -1,4 +1,4 @@
1
- /* progress-tracker.tsx generated by @compiled/babel-plugin v0.36.1 */
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 jsx-a11y/anchor-has-content
34
+ // eslint-disable-next-line @atlassian/a11y/anchor-has-content
35
35
  React.createElement(Link, item)
36
36
  },
37
37
  animated = true,
@@ -6,4 +6,4 @@
6
6
  ._5fbcu2gc{border-start-end-radius:var(--ds-space-100,8px)}
7
7
  ._bfhk1j1x{background-color:var(--_vcj3ew)}
8
8
  ._kqswstnw{position:absolute}
9
- ._t9ec5ihf{transform:var(--_22xnfg)}
9
+ ._t9ecymk3{transform:translate(0,calc(var(--ds-space-250, 20px)*-1))}
@@ -1,4 +1,4 @@
1
- /* bar.tsx generated by @compiled/babel-plugin v0.36.1 */
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 _t9ec5ihf _1lww1oqq"]),
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
- /* link.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* link.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./link.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
@@ -10,4 +10,4 @@
10
10
  ._4t3iu2gc{height:var(--ds-space-100,8px)}
11
11
  ._bfhkr3ku{background-color:var(--ds--pt--bg)}
12
12
  ._kqswstnw{position:absolute}
13
- ._t9ec17h2{transform:var(--_nsjg4d)}
13
+ ._t9ec157a{transform:translate(-50%,calc(var(--ds-space-250, 20px)*-1))}
@@ -1,4 +1,4 @@
1
- /* marker.tsx generated by @compiled/babel-plugin v0.36.1 */
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 _t9ec17h2 _1lww1oqq _1uuw17dr _1ez2kb7n _1190pbrw _1ia8r3ku"]),
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.36.1 */
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.36.1 */
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 jsx-a11y/anchor-has-content
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.5",
3
+ "version": "10.3.7",
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,12 +24,12 @@
24
24
  }
25
25
  },
26
26
  "dependencies": {
27
- "@atlaskit/css": "^0.14.0",
28
- "@atlaskit/primitives": "^14.14.0",
27
+ "@atlaskit/css": "^0.15.0",
28
+ "@atlaskit/primitives": "^15.0.0",
29
29
  "@atlaskit/theme": "^21.0.0",
30
- "@atlaskit/tokens": "^6.3.0",
30
+ "@atlaskit/tokens": "^7.0.0",
31
31
  "@babel/runtime": "^7.0.0",
32
- "@compiled/react": "^0.18.3",
32
+ "@compiled/react": "^0.18.6",
33
33
  "react-transition-group": "^4.4.1"
34
34
  },
35
35
  "peerDependencies": {
@@ -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.4.0",
43
- "@atlaskit/docs": "^11.0.0",
44
- "@atlaskit/ds-lib": "^5.0.0",
45
- "@atlaskit/icon": "^28.1.0",
42
+ "@atlaskit/button": "^23.5.0",
43
+ "@atlaskit/docs": "^11.2.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:^",