@atlaskit/progress-bar 4.0.4 → 4.0.6

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 +19 -0
  2. package/dist/cjs/components/progress-bar.compiled.css +9 -4
  3. package/dist/cjs/components/progress-bar.js +2 -8
  4. package/dist/es2019/components/progress-bar.compiled.css +6 -3
  5. package/dist/es2019/components/progress-bar.js +2 -2
  6. package/dist/esm/components/progress-bar.compiled.css +9 -4
  7. package/dist/esm/components/progress-bar.js +2 -8
  8. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @atlaskit/progress-bar
2
2
 
3
+ ## 4.0.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [#155802](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/155802)
8
+ [`08019848e3eab`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/08019848e3eab) -
9
+ Refreshed "issue" terminology.
10
+ - Updated dependencies
11
+
12
+ ## 4.0.5
13
+
14
+ ### Patch Changes
15
+
16
+ - [#148201](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/148201)
17
+ [`8e811f1840de7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8e811f1840de7) -
18
+ Either actively or pre-emptively fixes a bug with keyframe animations in CJS and ESM distribution
19
+ targets for packages using Compiled CSS-in-JS. This may not affect this package, but the change
20
+ was made so a future migration does not accidentally break it.
21
+
3
22
  ## 4.0.4
4
23
 
5
24
  ### Patch Changes
package/dist/cjs/components/progress-bar.compiled.css CHANGED
@@ -1,17 +1,22 @@
1
1
 
2
2
  ._2rko1sit{border-radius:var(--ds-border-radius,3px)}
3
- ._v564calv{transition:width .2s}
4
- ._y44v17o4{animation:var(--_1i6k0rf)}
5
- ._y44vr5uu{animation:var(--_1jqnm6n)}._18m915vq{overflow-y:hidden}
3
+ ._v564calv{transition:width .2s}._18m915vq{overflow-y:hidden}
6
4
  ._1bsb1osq{width:100%}
7
5
  ._1e0c1ule{display:block}
8
6
  ._1reo15vq{overflow-x:hidden}
9
7
  ._4t3ii2wt{height:6px}
8
+ ._5sagymdr{animation-duration:2s}
10
9
  ._bfhk18ht{background-color:var(--ds-background-inverse-subtle,hsla(0,0%,100%,.5))}
11
10
  ._bfhk1bh5{background-color:var(--ds-background-success-bold,#36b37e)}
12
11
  ._bfhk1jmj{background-color:var(--_1j2n3rv)}
13
12
  ._bfhk1vi8{background-color:var(--ds-background-neutral,rgba(9,30,66,.13))}
14
13
  ._bfhk1wby{background-color:var(--ds-background-neutral-bold,#42526e)}
15
14
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
15
+ ._j7hq7g40{animation-name:kxdgi55}
16
+ ._j7hqio0v{animation-name:k1h7rxld}
17
+ ._ju251bs3{animation-delay:.5s}
16
18
  ._kqswh2mm{position:relative}
17
- ._kqswstnw{position:absolute}
19
+ ._kqswstnw{position:absolute}
20
+ ._tip812c5{animation-iteration-count:infinite}
21
+ @keyframes k1h7rxld{0%{left:-80%;width:80%}to{left:110%;width:10%}}
22
+ @keyframes kxdgi55{0%{left:-5%;width:5%}to{left:130%;width:100%}}
package/dist/cjs/components/progress-bar.js CHANGED
@@ -62,15 +62,9 @@ var ProgressBar = function ProgressBar(_ref) {
62
62
  "--_1j2n3rv": (0, _runtime.ix)("var(--ds-background-neutral, ".concat(_colors.N40A, ")"))
63
63
  }
64
64
  }, isIndeterminate ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
65
- className: (0, _runtime.ax)(["_2rko1sit _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_y44vr5uu"]),
66
- style: {
67
- "--_1jqnm6n": (0, _runtime.ix)("".concat(increasingBarAnimation, " 2s infinite"))
68
- }
65
+ className: (0, _runtime.ax)(["_2rko1sit _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_5sagymdr _tip812c5 _j7hq7g40"])
69
66
  }), /*#__PURE__*/_react.default.createElement("span", {
70
- className: (0, _runtime.ax)(["_2rko1sit _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_y44v17o4"]),
71
- style: {
72
- "--_1i6k0rf": (0, _runtime.ix)("".concat(decreasingBarAnimation, " 2s 0.5s infinite"))
73
- }
67
+ className: (0, _runtime.ax)(["_2rko1sit _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_ju251bs3 _5sagymdr _tip812c5 _j7hqio0v"])
74
68
  })) : /*#__PURE__*/_react.default.createElement("span", {
75
69
  style: {
76
70
  width: "".concat(Number(value) * 100, "%")
package/dist/es2019/components/progress-bar.compiled.css CHANGED
@@ -1,18 +1,21 @@
1
1
 
2
2
  ._2rko1sit{border-radius:var(--ds-border-radius,3px)}
3
- ._v564calv{transition:width .2s}
4
- ._y44v1ud3{animation:kxdgi55 2s infinite}
5
- ._y44voiec{animation:k1h7rxld 2s .5s infinite}._18m915vq{overflow-y:hidden}
3
+ ._v564calv{transition:width .2s}._18m915vq{overflow-y:hidden}
6
4
  ._1bsb1osq{width:100%}
7
5
  ._1e0c1ule{display:block}
8
6
  ._1reo15vq{overflow-x:hidden}
9
7
  ._4t3ii2wt{height:6px}
8
+ ._5sagymdr{animation-duration:2s}
10
9
  ._bfhk18ht{background-color:var(--ds-background-inverse-subtle,hsla(0,0%,100%,.5))}
11
10
  ._bfhk1bh5{background-color:var(--ds-background-success-bold,#36b37e)}
12
11
  ._bfhk1vi8{background-color:var(--ds-background-neutral,rgba(9,30,66,.13))}
13
12
  ._bfhk1wby{background-color:var(--ds-background-neutral-bold,#42526e)}
14
13
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
14
+ ._j7hq7g40{animation-name:kxdgi55}
15
+ ._j7hqio0v{animation-name:k1h7rxld}
16
+ ._ju251bs3{animation-delay:.5s}
15
17
  ._kqswh2mm{position:relative}
16
18
  ._kqswstnw{position:absolute}
19
+ ._tip812c5{animation-iteration-count:infinite}
17
20
  @keyframes k1h7rxld{0%{left:-80%;width:80%}to{left:110%;width:10%}}
18
21
  @keyframes kxdgi55{0%{left:-5%;width:5%}to{left:130%;width:100%}}
package/dist/es2019/components/progress-bar.js CHANGED
@@ -49,9 +49,9 @@ const ProgressBar = ({
49
49
  "data-testid": testId,
50
50
  className: ax(["_2rko1sit _1reo15vq _18m915vq _1bsb1osq _4t3ii2wt _kqswh2mm _bfhk1vi8", containerAppearance[appearance]])
51
51
  }, isIndeterminate ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
52
- className: ax(["_2rko1sit _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_y44v1ud3"])
52
+ className: ax(["_2rko1sit _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_5sagymdr _tip812c5 _j7hq7g40"])
53
53
  }), /*#__PURE__*/React.createElement("span", {
54
- className: ax(["_2rko1sit _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_y44voiec"])
54
+ className: ax(["_2rko1sit _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_ju251bs3 _5sagymdr _tip812c5 _j7hqio0v"])
55
55
  })) : /*#__PURE__*/React.createElement("span", {
56
56
  style: {
57
57
  width: `${Number(value) * 100}%`
package/dist/esm/components/progress-bar.compiled.css CHANGED
@@ -1,17 +1,22 @@
1
1
 
2
2
  ._2rko1sit{border-radius:var(--ds-border-radius,3px)}
3
- ._v564calv{transition:width .2s}
4
- ._y44v17o4{animation:var(--_1i6k0rf)}
5
- ._y44vr5uu{animation:var(--_1jqnm6n)}._18m915vq{overflow-y:hidden}
3
+ ._v564calv{transition:width .2s}._18m915vq{overflow-y:hidden}
6
4
  ._1bsb1osq{width:100%}
7
5
  ._1e0c1ule{display:block}
8
6
  ._1reo15vq{overflow-x:hidden}
9
7
  ._4t3ii2wt{height:6px}
8
+ ._5sagymdr{animation-duration:2s}
10
9
  ._bfhk18ht{background-color:var(--ds-background-inverse-subtle,hsla(0,0%,100%,.5))}
11
10
  ._bfhk1bh5{background-color:var(--ds-background-success-bold,#36b37e)}
12
11
  ._bfhk1jmj{background-color:var(--_1j2n3rv)}
13
12
  ._bfhk1vi8{background-color:var(--ds-background-neutral,rgba(9,30,66,.13))}
14
13
  ._bfhk1wby{background-color:var(--ds-background-neutral-bold,#42526e)}
15
14
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
15
+ ._j7hq7g40{animation-name:kxdgi55}
16
+ ._j7hqio0v{animation-name:k1h7rxld}
17
+ ._ju251bs3{animation-delay:.5s}
16
18
  ._kqswh2mm{position:relative}
17
- ._kqswstnw{position:absolute}
19
+ ._kqswstnw{position:absolute}
20
+ ._tip812c5{animation-iteration-count:infinite}
21
+ @keyframes k1h7rxld{0%{left:-80%;width:80%}to{left:110%;width:10%}}
22
+ @keyframes kxdgi55{0%{left:-5%;width:5%}to{left:130%;width:100%}}
package/dist/esm/components/progress-bar.js CHANGED
@@ -55,15 +55,9 @@ var ProgressBar = function ProgressBar(_ref) {
55
55
  "--_1j2n3rv": ix("var(--ds-background-neutral, ".concat(N40A, ")"))
56
56
  }
57
57
  }, isIndeterminate ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
58
- className: ax(["_2rko1sit _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_y44vr5uu"]),
59
- style: {
60
- "--_1jqnm6n": ix("".concat(increasingBarAnimation, " 2s infinite"))
61
- }
58
+ className: ax(["_2rko1sit _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_5sagymdr _tip812c5 _j7hq7g40"])
62
59
  }), /*#__PURE__*/React.createElement("span", {
63
- className: ax(["_2rko1sit _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_y44v17o4"]),
64
- style: {
65
- "--_1i6k0rf": ix("".concat(decreasingBarAnimation, " 2s 0.5s infinite"))
66
- }
60
+ className: ax(["_2rko1sit _1e0c1ule _4t3ii2wt _kqswstnw", barAppearance[appearance], "_ju251bs3 _5sagymdr _tip812c5 _j7hqio0v"])
67
61
  })) : /*#__PURE__*/React.createElement("span", {
68
62
  style: {
69
63
  width: "".concat(Number(value) * 100, "%")
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/progress-bar",
3
- "version": "4.0.4",
3
+ "version": "4.0.6",
4
4
  "description": "A progress bar communicates the status of a system process.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
30
30
  },
31
31
  "dependencies": {
32
32
  "@atlaskit/theme": "^18.0.0",
33
- "@atlaskit/tokens": "^4.5.0",
33
+ "@atlaskit/tokens": "^4.9.0",
34
34
  "@babel/runtime": "^7.0.0",
35
35
  "@compiled/react": "^0.18.3"
36
36
  },
@@ -38,11 +38,11 @@
38
38
  "react": "^18.2.0"
39
39
  },
40
40
  "devDependencies": {
41
- "@af/accessibility-testing": "^2.0.0",
42
- "@af/integration-testing": "^0.5.0",
43
- "@af/visual-regression": "^1.3.0",
41
+ "@af/accessibility-testing": "workspace:^",
42
+ "@af/integration-testing": "workspace:^",
43
+ "@af/visual-regression": "workspace:^",
44
44
  "@atlaskit/docs": "^10.0.0",
45
- "@atlaskit/link": "^3.0.0",
45
+ "@atlaskit/link": "^3.2.0",
46
46
  "@atlaskit/section-message": "^8.2.0",
47
47
  "@testing-library/react": "^13.4.0",
48
48
  "react-dom": "^18.2.0",