@atlaskit/progress-bar 4.0.14 → 4.1.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.
Files changed (8) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/components/progress-bar.compiled.css +1 -0
  3. package/dist/cjs/components/progress-bar.js +7 -4
  4. package/dist/es2019/components/progress-bar.compiled.css +1 -0
  5. package/dist/es2019/components/progress-bar.js +7 -4
  6. package/dist/esm/components/progress-bar.compiled.css +1 -0
  7. package/dist/esm/components/progress-bar.js +7 -4
  8. package/package.json +9 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/progress-bar
2
2
 
3
+ ## 4.1.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 4.1.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [`b867e641d818d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b867e641d818d) -
14
+ Updated border radius values behind a feature gate `platform-dst-shape-theme-default`.
15
+
3
16
  ## 4.0.14
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/components/progress-bar.compiled.css CHANGED
@@ -1,5 +1,6 @@
1
1
 
2
2
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
3
+ ._2rkoidpf{border-radius:0}
3
4
  ._v564calv{transition:width .2s}._18m915vq{overflow-y:hidden}
4
5
  ._1bsb1osq{width:100%}
5
6
  ._1e0c1ule{display:block}
package/dist/cjs/components/progress-bar.js CHANGED
@@ -9,12 +9,14 @@ exports.default = void 0;
9
9
  require("./progress-bar.compiled.css");
10
10
  var _runtime = require("@compiled/react/runtime");
11
11
  var _react = _interopRequireDefault(require("react"));
12
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
12
13
  var _colors = require("@atlaskit/theme/colors");
13
14
  var MIN_VALUE = 0;
14
15
  var MAX_VALUE = 1;
15
16
  var increasingBarAnimation = null;
16
17
  var decreasingBarAnimation = null;
17
18
  var containerStyles = null;
19
+ var containerStylesT26Shape = null;
18
20
  var containerAppearance = {
19
21
  default: "_bfhk1vi8",
20
22
  success: "_bfhk1vi8",
@@ -26,6 +28,7 @@ var barAppearance = {
26
28
  inverse: "_bfhkvuon"
27
29
  };
28
30
  var barStyles = null;
31
+ var barStylesT26Shape = null;
29
32
  var determinateBarStyles = null;
30
33
  var increasingBarStyles = null;
31
34
  var decreasingBarStyles = null;
@@ -57,19 +60,19 @@ var ProgressBar = function ProgressBar(_ref) {
57
60
  "aria-valuenow": valueParsed,
58
61
  "aria-valuemax": MAX_VALUE,
59
62
  "data-testid": testId,
60
- className: (0, _runtime.ax)(["_2rkofajl _1reo15vq _18m915vq _1bsb1osq _4t3ii2wt _kqswh2mm _bfhk1jmj", containerAppearance[appearance]]),
63
+ className: (0, _runtime.ax)(["_2rkofajl _1reo15vq _18m915vq _1bsb1osq _4t3ii2wt _kqswh2mm _bfhk1jmj", (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && "_2rkoidpf", containerAppearance[appearance]]),
61
64
  style: {
62
65
  "--_1j2n3rv": (0, _runtime.ix)("var(--ds-background-neutral, ".concat(_colors.N40A, ")"))
63
66
  }
64
67
  }, isIndeterminate ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
65
- className: (0, _runtime.ax)(["_2rkofajl _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_5sagymdr _tip812c5 _j7hq7g40"])
68
+ className: (0, _runtime.ax)(["_2rkofajl _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_5sagymdr _tip812c5 _j7hq7g40", (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && "_2rkoidpf"])
66
69
  }), /*#__PURE__*/_react.default.createElement("span", {
67
- className: (0, _runtime.ax)(["_2rkofajl _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_ju251bs3 _5sagymdr _tip812c5 _j7hqio0v"])
70
+ className: (0, _runtime.ax)(["_2rkofajl _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_ju251bs3 _5sagymdr _tip812c5 _j7hqio0v", (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && "_2rkoidpf"])
68
71
  })) : /*#__PURE__*/_react.default.createElement("span", {
69
72
  style: {
70
73
  width: "".concat(Number(value) * 100, "%")
71
74
  },
72
- className: (0, _runtime.ax)(["_2rkofajl _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_v564calv"])
75
+ className: (0, _runtime.ax)(["_2rkofajl _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_v564calv", (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && "_2rkoidpf"])
73
76
  }));
74
77
  };
75
78
  var _default = exports.default = ProgressBar;
package/dist/es2019/components/progress-bar.compiled.css CHANGED
@@ -1,5 +1,6 @@
1
1
 
2
2
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
3
+ ._2rkoidpf{border-radius:0}
3
4
  ._v564calv{transition:width .2s}._18m915vq{overflow-y:hidden}
4
5
  ._1bsb1osq{width:100%}
5
6
  ._1e0c1ule{display:block}
package/dist/es2019/components/progress-bar.js CHANGED
@@ -2,12 +2,14 @@
2
2
  import "./progress-bar.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
+ import { fg } from '@atlaskit/platform-feature-flags';
5
6
  import { G300, N40A, N500 } from '@atlaskit/theme/colors';
6
7
  const MIN_VALUE = 0;
7
8
  const MAX_VALUE = 1;
8
9
  const increasingBarAnimation = null;
9
10
  const decreasingBarAnimation = null;
10
11
  const containerStyles = null;
12
+ const containerStylesT26Shape = null;
11
13
  const containerAppearance = {
12
14
  default: "_bfhk1vi8",
13
15
  success: "_bfhk1vi8",
@@ -19,6 +21,7 @@ const barAppearance = {
19
21
  inverse: "_bfhkvuon"
20
22
  };
21
23
  const barStyles = null;
24
+ const barStylesT26Shape = null;
22
25
  const determinateBarStyles = null;
23
26
  const increasingBarStyles = null;
24
27
  const decreasingBarStyles = null;
@@ -47,16 +50,16 @@ const ProgressBar = ({
47
50
  "aria-valuenow": valueParsed,
48
51
  "aria-valuemax": MAX_VALUE,
49
52
  "data-testid": testId,
50
- className: ax(["_2rkofajl _1reo15vq _18m915vq _1bsb1osq _4t3ii2wt _kqswh2mm _bfhk1vi8", containerAppearance[appearance]])
53
+ className: ax(["_2rkofajl _1reo15vq _18m915vq _1bsb1osq _4t3ii2wt _kqswh2mm _bfhk1vi8", fg('platform-dst-shape-theme-default') && "_2rkoidpf", containerAppearance[appearance]])
51
54
  }, isIndeterminate ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
52
- className: ax(["_2rkofajl _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_5sagymdr _tip812c5 _j7hq7g40"])
55
+ className: ax(["_2rkofajl _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_5sagymdr _tip812c5 _j7hq7g40", fg('platform-dst-shape-theme-default') && "_2rkoidpf"])
53
56
  }), /*#__PURE__*/React.createElement("span", {
54
- className: ax(["_2rkofajl _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_ju251bs3 _5sagymdr _tip812c5 _j7hqio0v"])
57
+ className: ax(["_2rkofajl _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_ju251bs3 _5sagymdr _tip812c5 _j7hqio0v", fg('platform-dst-shape-theme-default') && "_2rkoidpf"])
55
58
  })) : /*#__PURE__*/React.createElement("span", {
56
59
  style: {
57
60
  width: `${Number(value) * 100}%`
58
61
  },
59
- className: ax(["_2rkofajl _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_v564calv"])
62
+ className: ax(["_2rkofajl _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_v564calv", fg('platform-dst-shape-theme-default') && "_2rkoidpf"])
60
63
  }));
61
64
  };
62
65
  export default ProgressBar;
package/dist/esm/components/progress-bar.compiled.css CHANGED
@@ -1,5 +1,6 @@
1
1
 
2
2
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
3
+ ._2rkoidpf{border-radius:0}
3
4
  ._v564calv{transition:width .2s}._18m915vq{overflow-y:hidden}
4
5
  ._1bsb1osq{width:100%}
5
6
  ._1e0c1ule{display:block}
package/dist/esm/components/progress-bar.js CHANGED
@@ -2,12 +2,14 @@
2
2
  import "./progress-bar.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
+ import { fg } from '@atlaskit/platform-feature-flags';
5
6
  import { G300, N40A, N500 } from '@atlaskit/theme/colors';
6
7
  var MIN_VALUE = 0;
7
8
  var MAX_VALUE = 1;
8
9
  var increasingBarAnimation = null;
9
10
  var decreasingBarAnimation = null;
10
11
  var containerStyles = null;
12
+ var containerStylesT26Shape = null;
11
13
  var containerAppearance = {
12
14
  default: "_bfhk1vi8",
13
15
  success: "_bfhk1vi8",
@@ -19,6 +21,7 @@ var barAppearance = {
19
21
  inverse: "_bfhkvuon"
20
22
  };
21
23
  var barStyles = null;
24
+ var barStylesT26Shape = null;
22
25
  var determinateBarStyles = null;
23
26
  var increasingBarStyles = null;
24
27
  var decreasingBarStyles = null;
@@ -50,19 +53,19 @@ var ProgressBar = function ProgressBar(_ref) {
50
53
  "aria-valuenow": valueParsed,
51
54
  "aria-valuemax": MAX_VALUE,
52
55
  "data-testid": testId,
53
- className: ax(["_2rkofajl _1reo15vq _18m915vq _1bsb1osq _4t3ii2wt _kqswh2mm _bfhk1jmj", containerAppearance[appearance]]),
56
+ className: ax(["_2rkofajl _1reo15vq _18m915vq _1bsb1osq _4t3ii2wt _kqswh2mm _bfhk1jmj", fg('platform-dst-shape-theme-default') && "_2rkoidpf", containerAppearance[appearance]]),
54
57
  style: {
55
58
  "--_1j2n3rv": ix("var(--ds-background-neutral, ".concat(N40A, ")"))
56
59
  }
57
60
  }, isIndeterminate ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
58
- className: ax(["_2rkofajl _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_5sagymdr _tip812c5 _j7hq7g40"])
61
+ className: ax(["_2rkofajl _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_5sagymdr _tip812c5 _j7hq7g40", fg('platform-dst-shape-theme-default') && "_2rkoidpf"])
59
62
  }), /*#__PURE__*/React.createElement("span", {
60
- className: ax(["_2rkofajl _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_ju251bs3 _5sagymdr _tip812c5 _j7hqio0v"])
63
+ className: ax(["_2rkofajl _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_ju251bs3 _5sagymdr _tip812c5 _j7hqio0v", fg('platform-dst-shape-theme-default') && "_2rkoidpf"])
61
64
  })) : /*#__PURE__*/React.createElement("span", {
62
65
  style: {
63
66
  width: "".concat(Number(value) * 100, "%")
64
67
  },
65
- className: ax(["_2rkofajl _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_v564calv"])
68
+ className: ax(["_2rkofajl _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_v564calv", fg('platform-dst-shape-theme-default') && "_2rkoidpf"])
66
69
  }));
67
70
  };
68
71
  export default ProgressBar;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/progress-bar",
3
- "version": "4.0.14",
3
+ "version": "4.1.1",
4
4
  "description": "A progress bar communicates the status of a system process.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -24,8 +24,9 @@
24
24
  }
25
25
  },
26
26
  "dependencies": {
27
+ "@atlaskit/platform-feature-flags": "^1.1.0",
27
28
  "@atlaskit/theme": "^21.0.0",
28
- "@atlaskit/tokens": "^8.0.0",
29
+ "@atlaskit/tokens": "^9.0.0",
29
30
  "@babel/runtime": "^7.0.0",
30
31
  "@compiled/react": "^0.18.6"
31
32
  },
@@ -38,7 +39,7 @@
38
39
  "@af/visual-regression": "workspace:^",
39
40
  "@atlaskit/docs": "^11.2.0",
40
41
  "@atlaskit/link": "^3.2.0",
41
- "@atlaskit/section-message": "^8.9.0",
42
+ "@atlaskit/section-message": "^8.11.0",
42
43
  "@testing-library/react": "^13.4.0",
43
44
  "react-dom": "^18.2.0"
44
45
  },
@@ -73,5 +74,10 @@
73
74
  ]
74
75
  }
75
76
  },
77
+ "platform-feature-flags": {
78
+ "platform-dst-shape-theme-default": {
79
+ "type": "boolean"
80
+ }
81
+ },
76
82
  "homepage": "https://atlassian.design/components/progress-bar/"
77
83
  }