@atlaskit/progress-bar 0.3.6 → 0.4.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,29 @@
1
1
  # @atlaskit/progress-bar
2
2
 
3
+ ## 0.4.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`9d0e0a31638`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d0e0a31638) - Adds ariaLabel prop to progress bar for accessibility
8
+
9
+ ## 0.3.9
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
15
+ ## 0.3.8
16
+
17
+ ### Patch Changes
18
+
19
+ - [`c5785203506`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c5785203506) - Updated homepage in package.json
20
+
21
+ ## 0.3.7
22
+
23
+ ### Patch Changes
24
+
25
+ - [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
26
+
3
27
  ## 0.3.6
4
28
 
5
29
  ### Patch Changes
@@ -27,7 +27,7 @@ var _theme = require("../theme");
27
27
 
28
28
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
29
29
 
30
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
30
+ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
31
31
 
32
32
  var maxValue = 1;
33
33
 
@@ -62,6 +62,7 @@ var ProgressBar = /*#__PURE__*/function (_React$PureComponent) {
62
62
  key: "render",
63
63
  value: function render() {
64
64
  var _this$props = this.props,
65
+ ariaLabel = _this$props.ariaLabel,
65
66
  value = _this$props.value,
66
67
  isIndeterminate = _this$props.isIndeterminate,
67
68
  theme = _this$props.theme;
@@ -74,10 +75,12 @@ var ProgressBar = /*#__PURE__*/function (_React$PureComponent) {
74
75
  return (0, _core.jsx)("div", {
75
76
  css: tokens.container,
76
77
  role: "progressbar",
78
+ "aria-label": ariaLabel,
77
79
  "aria-valuemin": 0,
78
80
  "aria-valuenow": valueParsed,
79
81
  "aria-valuemax": maxValue,
80
- tabIndex: 0
82
+ tabIndex: 0,
83
+ "data-testid": "progress-bar"
81
84
  }, (0, _core.jsx)(Bar, {
82
85
  isIndeterminate: isIndeterminate,
83
86
  tokens: tokens
@@ -27,13 +27,13 @@ var _colors = require("@atlaskit/theme/colors");
27
27
 
28
28
  var _ProgressBar = _interopRequireDefault(require("./ProgressBar"));
29
29
 
30
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
30
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
31
31
 
32
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
32
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
33
33
 
34
34
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
35
35
 
36
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
36
+ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
37
37
 
38
38
  var SuccessProgressBar = /*#__PURE__*/function (_React$PureComponent) {
39
39
  (0, _inherits2.default)(SuccessProgressBar, _React$PureComponent);
@@ -25,13 +25,13 @@ var _react = _interopRequireDefault(require("react"));
25
25
 
26
26
  var _ProgressBar = _interopRequireDefault(require("./ProgressBar"));
27
27
 
28
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
28
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
29
29
 
30
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
30
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
31
31
 
32
32
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
33
33
 
34
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
34
+ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
35
35
 
36
36
  var TransparentProgressBar = /*#__PURE__*/function (_React$PureComponent) {
37
37
  (0, _inherits2.default)(TransparentProgressBar, _React$PureComponent);
package/dist/cjs/index.js CHANGED
@@ -5,12 +5,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- Object.defineProperty(exports, "default", {
9
- enumerable: true,
10
- get: function get() {
11
- return _ProgressBar.default;
12
- }
13
- });
14
8
  Object.defineProperty(exports, "SuccessProgressBar", {
15
9
  enumerable: true,
16
10
  get: function get() {
@@ -23,6 +17,12 @@ Object.defineProperty(exports, "TransparentProgressBar", {
23
17
  return _TransparentProgressBar.default;
24
18
  }
25
19
  });
20
+ Object.defineProperty(exports, "default", {
21
+ enumerable: true,
22
+ get: function get() {
23
+ return _ProgressBar.default;
24
+ }
25
+ });
26
26
 
27
27
  var _ProgressBar = _interopRequireDefault(require("./components/ProgressBar"));
28
28
 
package/dist/cjs/theme.js CHANGED
@@ -15,28 +15,10 @@ var _colors = require("@atlaskit/theme/colors");
15
15
 
16
16
  var _components = require("@atlaskit/theme/components");
17
17
 
18
- function _templateObject2() {
19
- var data = (0, _taggedTemplateLiteral2.default)(["\n from { left: -80%; width: 80%; }\n to { left: 110%; width: 10%;}\n"]);
18
+ var _templateObject, _templateObject2;
20
19
 
21
- _templateObject2 = function _templateObject2() {
22
- return data;
23
- };
24
-
25
- return data;
26
- }
27
-
28
- function _templateObject() {
29
- var data = (0, _taggedTemplateLiteral2.default)(["\n from { left: -5%; width: 5%; }\n to { left: 130%; width: 100%;}\n"]);
30
-
31
- _templateObject = function _templateObject() {
32
- return data;
33
- };
34
-
35
- return data;
36
- }
37
-
38
- var increasingBarAnimation = (0, _core.keyframes)(_templateObject());
39
- var decreasingBarAnimation = (0, _core.keyframes)(_templateObject2());
20
+ var increasingBarAnimation = (0, _core.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n from { left: -5%; width: 5%; }\n to { left: 130%; width: 100%;}\n"])));
21
+ var decreasingBarAnimation = (0, _core.keyframes)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n from { left: -80%; width: 80%; }\n to { left: 110%; width: 10%;}\n"])));
40
22
  var Theme = (0, _components.createTheme)(function (props) {
41
23
  return {
42
24
  container: {
package/dist/cjs/types.js CHANGED
@@ -1 +1,5 @@
1
- "use strict";
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/progress-bar",
3
- "version": "0.3.6",
3
+ "version": "0.4.0",
4
4
  "sideEffects": false
5
5
  }
@@ -26,6 +26,7 @@ const Bar = ({
26
26
  export default class ProgressBar extends React.PureComponent {
27
27
  render() {
28
28
  const {
29
+ ariaLabel,
29
30
  value,
30
31
  isIndeterminate,
31
32
  theme
@@ -38,10 +39,12 @@ export default class ProgressBar extends React.PureComponent {
38
39
  }, tokens => jsx("div", {
39
40
  css: tokens.container,
40
41
  role: "progressbar",
42
+ "aria-label": ariaLabel,
41
43
  "aria-valuemin": 0,
42
44
  "aria-valuenow": valueParsed,
43
45
  "aria-valuemax": maxValue,
44
- tabIndex: 0
46
+ tabIndex: 0,
47
+ "data-testid": "progress-bar"
45
48
  }, jsx(Bar, {
46
49
  isIndeterminate: isIndeterminate,
47
50
  tokens: tokens
@@ -0,0 +1 @@
1
+ export {};
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/progress-bar",
3
- "version": "0.3.6",
3
+ "version": "0.4.0",
4
4
  "sideEffects": false
5
5
  }
@@ -7,7 +7,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
7
7
 
8
8
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
9
9
 
10
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
10
+ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
11
11
 
12
12
  /** @jsx jsx */
13
13
  import React from 'react';
@@ -47,6 +47,7 @@ var ProgressBar = /*#__PURE__*/function (_React$PureComponent) {
47
47
  key: "render",
48
48
  value: function render() {
49
49
  var _this$props = this.props,
50
+ ariaLabel = _this$props.ariaLabel,
50
51
  value = _this$props.value,
51
52
  isIndeterminate = _this$props.isIndeterminate,
52
53
  theme = _this$props.theme;
@@ -59,10 +60,12 @@ var ProgressBar = /*#__PURE__*/function (_React$PureComponent) {
59
60
  return jsx("div", {
60
61
  css: tokens.container,
61
62
  role: "progressbar",
63
+ "aria-label": ariaLabel,
62
64
  "aria-valuemin": 0,
63
65
  "aria-valuenow": valueParsed,
64
66
  "aria-valuemax": maxValue,
65
- tabIndex: 0
67
+ tabIndex: 0,
68
+ "data-testid": "progress-bar"
66
69
  }, jsx(Bar, {
67
70
  isIndeterminate: isIndeterminate,
68
71
  tokens: tokens
@@ -6,13 +6,13 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
6
6
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
7
7
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
8
 
9
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
9
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
10
10
 
11
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
11
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
12
12
 
13
13
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
14
14
 
15
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
15
+ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
16
16
 
17
17
  import React from 'react';
18
18
  import { G300 } from '@atlaskit/theme/colors';
@@ -6,13 +6,13 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
6
6
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
7
7
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
8
 
9
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
9
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
10
10
 
11
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
11
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
12
12
 
13
13
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
14
14
 
15
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
15
+ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
16
16
 
17
17
  import React from 'react';
18
18
  import ProgressBar from './ProgressBar';
package/dist/esm/theme.js CHANGED
@@ -1,30 +1,12 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
2
 
3
- function _templateObject2() {
4
- var data = _taggedTemplateLiteral(["\n from { left: -80%; width: 80%; }\n to { left: 110%; width: 10%;}\n"]);
5
-
6
- _templateObject2 = function _templateObject2() {
7
- return data;
8
- };
9
-
10
- return data;
11
- }
12
-
13
- function _templateObject() {
14
- var data = _taggedTemplateLiteral(["\n from { left: -5%; width: 5%; }\n to { left: 130%; width: 100%;}\n"]);
15
-
16
- _templateObject = function _templateObject() {
17
- return data;
18
- };
19
-
20
- return data;
21
- }
3
+ var _templateObject, _templateObject2;
22
4
 
23
5
  import { keyframes } from '@emotion/core';
24
6
  import { N40A, N500 } from '@atlaskit/theme/colors';
25
7
  import { createTheme } from '@atlaskit/theme/components';
26
- var increasingBarAnimation = keyframes(_templateObject());
27
- var decreasingBarAnimation = keyframes(_templateObject2());
8
+ var increasingBarAnimation = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n from { left: -5%; width: 5%; }\n to { left: 130%; width: 100%;}\n"])));
9
+ var decreasingBarAnimation = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n from { left: -80%; width: 80%; }\n to { left: 110%; width: 10%;}\n"])));
28
10
  export var Theme = createTheme(function (props) {
29
11
  return {
30
12
  container: {
package/dist/esm/types.js CHANGED
@@ -0,0 +1 @@
1
+ export {};
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/progress-bar",
3
- "version": "0.3.6",
3
+ "version": "0.4.0",
4
4
  "sideEffects": false
5
5
  }
@@ -1,11 +1,12 @@
1
1
  /// <reference types="react" />
2
2
  import { ThemeProps, ThemeTokens } from './types';
3
3
  export declare const Theme: {
4
- Consumer: import("react").ComponentType<ThemeProps & {
4
+ Consumer: import("react").ComponentType<{
5
5
  children: (tokens: ThemeTokens) => import("react").ReactNode;
6
- }>;
6
+ } & ThemeProps>;
7
7
  Provider: import("react").ComponentType<{
8
8
  children?: import("react").ReactNode;
9
9
  value?: import("@atlaskit/theme/components").ThemeProp<ThemeTokens, ThemeProps> | undefined;
10
10
  }>;
11
+ useTheme: (props: ThemeProps) => ThemeTokens;
11
12
  };
@@ -14,6 +14,8 @@ export interface CustomProgressBarProps {
14
14
  value: number;
15
15
  /** When true the component is in indeterminate state. */
16
16
  isIndeterminate: boolean;
17
+ /** The aria-label attribute associated with the progress bar. */
18
+ ariaLabel?: string;
17
19
  }
18
20
  export interface DefaultProgressBarProps extends CustomProgressBarProps {
19
21
  /** The theme the component should use. */
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@atlaskit/progress-bar",
3
- "version": "0.3.6",
4
- "description": "A React component that is a progress bar",
3
+ "version": "0.4.0",
4
+ "description": "A progress bar displays the status of a given process.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
7
7
  },
@@ -14,17 +14,17 @@
14
14
  "types": "dist/types/index.d.ts",
15
15
  "sideEffects": false,
16
16
  "atlaskit:src": "src/index.ts",
17
+ "homepage": "https://atlassian.design/components/progress-bar/",
17
18
  "atlassian": {
18
19
  "team": "Design System Team",
19
20
  "deprecatedAutoEntryPoints": true,
20
- "inPublicMirror": true,
21
21
  "releaseModel": "scheduled",
22
22
  "website": {
23
- "name": "Progress Bar"
23
+ "name": "Progress bar"
24
24
  }
25
25
  },
26
26
  "dependencies": {
27
- "@atlaskit/theme": "^11.0.0",
27
+ "@atlaskit/theme": "^12.1.0",
28
28
  "@babel/runtime": "^7.0.0",
29
29
  "@emotion/core": "^10.0.9"
30
30
  },
@@ -32,10 +32,11 @@
32
32
  "react": "^16.8.0"
33
33
  },
34
34
  "devDependencies": {
35
- "@atlaskit/build-utils": "*",
36
- "@atlaskit/button": "^15.1.0",
35
+ "@atlaskit/button": "^16.0.0",
37
36
  "@atlaskit/docs": "*",
38
- "enzyme": "^3.10.0",
37
+ "@atlaskit/section-message": "^6.0.0",
38
+ "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
39
+ "@testing-library/react": "^8.0.1",
39
40
  "react-dom": "^16.8.0",
40
41
  "typescript": "3.9.6"
41
42
  },
@@ -47,6 +48,13 @@
47
48
  "techstack": {
48
49
  "@atlassian/frontend": {
49
50
  "import-structure": "atlassian-conventions"
51
+ },
52
+ "@repo/internal": {
53
+ "deprecation": "no-deprecated-imports",
54
+ "styling": [
55
+ "emotion"
56
+ ]
50
57
  }
51
- }
58
+ },
59
+ "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
52
60
  }