@atlaskit/progress-tracker 9.1.0 → 9.2.0

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,14 @@
1
1
  # @atlaskit/progress-tracker
2
2
 
3
+ ## 9.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#107227](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/107227)
8
+ [`08728da34c4fd`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/08728da34c4fd) -
9
+ The step marker for disabled steps has been updated to use the disabled icon color token. This
10
+ change is no longer behind a feature flag.
11
+
3
12
  ## 9.1.0
4
13
 
5
14
  ### Minor Changes
@@ -18,7 +18,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
18
18
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
19
19
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
20
20
  var _reactTransitionGroup = require("react-transition-group");
21
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
22
21
  var _compiled = require("@atlaskit/primitives/compiled");
23
22
  var _colors = require("@atlaskit/theme/colors");
24
23
  var _bar = _interopRequireDefault(require("./bar"));
@@ -54,7 +53,7 @@ var getMarkerColor = function getMarkerColor(_ref) {
54
53
  case 'visited':
55
54
  return "var(--ds-icon-brand, ".concat(_colors.B300, ")");
56
55
  case 'disabled':
57
- if (percentageCompleted === 0 && (0, _platformFeatureFlags.fg)('platform_progress_tracker_disabled_marker_color')) {
56
+ if (percentageCompleted === 0) {
58
57
  return "var(--ds-icon-disabled, ".concat(_colors.N70, ")");
59
58
  }
60
59
  // If the percentage completed is greater than 0, we show the brand colour, so that the marker (circle) blends in with the progress bar.
@@ -5,7 +5,6 @@ import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { createRef, PureComponent } from 'react';
7
7
  import { CSSTransition } from 'react-transition-group';
8
- import { fg } from '@atlaskit/platform-feature-flags';
9
8
  import { Box } from '@atlaskit/primitives/compiled';
10
9
  import { B300, N70 } from '@atlaskit/theme/colors';
11
10
  import ProgressBar from './bar';
@@ -36,7 +35,7 @@ const getMarkerColor = ({
36
35
  case 'visited':
37
36
  return `var(--ds-icon-brand, ${B300})`;
38
37
  case 'disabled':
39
- if (percentageCompleted === 0 && fg('platform_progress_tracker_disabled_marker_color')) {
38
+ if (percentageCompleted === 0) {
40
39
  return `var(--ds-icon-disabled, ${N70})`;
41
40
  }
42
41
  // If the percentage completed is greater than 0, we show the brand colour, so that the marker (circle) blends in with the progress bar.
@@ -14,7 +14,6 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
14
14
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
15
15
  import { createRef, PureComponent } from 'react';
16
16
  import { CSSTransition } from 'react-transition-group';
17
- import { fg } from '@atlaskit/platform-feature-flags';
18
17
  import { Box } from '@atlaskit/primitives/compiled';
19
18
  import { B300, N70 } from '@atlaskit/theme/colors';
20
19
  import ProgressBar from './bar';
@@ -44,7 +43,7 @@ var getMarkerColor = function getMarkerColor(_ref) {
44
43
  case 'visited':
45
44
  return "var(--ds-icon-brand, ".concat(B300, ")");
46
45
  case 'disabled':
47
- if (percentageCompleted === 0 && fg('platform_progress_tracker_disabled_marker_color')) {
46
+ if (percentageCompleted === 0) {
48
47
  return "var(--ds-icon-disabled, ".concat(N70, ")");
49
48
  }
50
49
  // If the percentage completed is greater than 0, we show the brand colour, so that the marker (circle) blends in with the progress bar.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/progress-tracker",
3
- "version": "9.1.0",
3
+ "version": "9.2.0",
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": "^3.1.0",
32
+ "@atlaskit/tokens": "^3.2.0",
33
33
  "@babel/runtime": "^7.0.0",
34
34
  "@compiled/react": "^0.18.1",
35
35
  "react-transition-group": "^4.4.1"
@@ -87,9 +87,6 @@
87
87
  "platform_progress_tracker_link_migration": {
88
88
  "type": "boolean",
89
89
  "showOnWebsiteForTransitiveDependencies": true
90
- },
91
- "platform_progress_tracker_disabled_marker_color": {
92
- "type": "boolean"
93
90
  }
94
91
  }
95
92
  }
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
-
3
- import { ProgressTracker } from '../src';
4
-
5
- export default () => <ProgressTracker items={[]} />;