@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 +24 -0
- package/dist/cjs/components/ProgressBar.js +5 -2
- package/dist/cjs/components/SuccessProgressBar.js +3 -3
- package/dist/cjs/components/TransparentProgressBar.js +3 -3
- package/dist/cjs/index.js +6 -6
- package/dist/cjs/theme.js +3 -21
- package/dist/cjs/types.js +5 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/components/ProgressBar.js +4 -1
- package/dist/es2019/types.js +1 -0
- package/dist/es2019/version.json +1 -1
- package/dist/esm/components/ProgressBar.js +5 -2
- package/dist/esm/components/SuccessProgressBar.js +3 -3
- package/dist/esm/components/TransparentProgressBar.js +3 -3
- package/dist/esm/theme.js +3 -21
- package/dist/esm/types.js +1 -0
- package/dist/esm/version.json +1 -1
- package/dist/types/theme.d.ts +3 -2
- package/dist/types/types.d.ts +2 -0
- package/package.json +17 -9
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 {
|
|
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);
|
|
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]
|
|
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 {
|
|
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);
|
|
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]
|
|
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 {
|
|
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
|
-
|
|
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
|
-
|
|
22
|
-
|
|
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
package/dist/cjs/version.json
CHANGED
|
@@ -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
|
package/dist/es2019/types.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/es2019/version.json
CHANGED
|
@@ -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 {
|
|
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);
|
|
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]
|
|
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 {
|
|
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);
|
|
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]
|
|
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 {
|
|
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
|
-
|
|
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 {};
|
package/dist/esm/version.json
CHANGED
package/dist/types/theme.d.ts
CHANGED
|
@@ -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<
|
|
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
|
};
|
package/dist/types/types.d.ts
CHANGED
|
@@ -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.
|
|
4
|
-
"description": "A
|
|
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
|
|
23
|
+
"name": "Progress bar"
|
|
24
24
|
}
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@atlaskit/theme": "^
|
|
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/
|
|
36
|
-
"@atlaskit/button": "^15.1.0",
|
|
35
|
+
"@atlaskit/button": "^16.0.0",
|
|
37
36
|
"@atlaskit/docs": "*",
|
|
38
|
-
"
|
|
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
|
}
|