@orfium/ictinus 4.23.0 → 4.23.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.
- package/dist/components/Button/Button.js +6 -6
- package/dist/components/Button/Button.style.d.ts +0 -2
- package/dist/components/Button/Button.style.js +2 -19
- package/dist/components/Button/ButtonLoader/ButtonLoader.d.ts +7 -0
- package/dist/components/Button/ButtonLoader/ButtonLoader.js +43 -0
- package/dist/components/Button/ButtonLoader/ButtonLoader.style.d.ts +2 -0
- package/dist/components/Button/ButtonLoader/ButtonLoader.style.js +21 -0
- package/dist/components/Button/ButtonLoader/index.d.ts +1 -0
- package/dist/components/Button/ButtonLoader/index.js +10 -0
- package/dist/components/ButtonBase/ButtonBase.style.js +1 -1
- package/dist/components/Loader/Loader.d.ts +4 -0
- package/dist/components/Loader/Loader.js +3 -2
- package/dist/components/Loader/Loader.utils.d.ts +1 -1
- package/dist/components/Loader/Loader.utils.js +9 -6
- package/dist/components/Loader/components/DotsLoader/DotsLoader.d.ts +1 -0
- package/dist/components/Loader/components/DotsLoader/DotsLoader.js +3 -2
- package/dist/components/Loader/components/DotsLoader/DotsLoader.style.d.ts +3 -2
- package/dist/components/Loader/components/DotsLoader/DotsLoader.style.js +18 -6
- package/dist/components/Loader/components/IndeterminateLoader/IndeterminateLoader.d.ts +1 -0
- package/dist/components/Loader/components/IndeterminateLoader/IndeterminateLoader.js +4 -3
- package/dist/components/Loader/components/IndeterminateLoader/IndeterminateLoader.style.d.ts +2 -2
- package/dist/components/Loader/components/IndeterminateLoader/IndeterminateLoader.style.js +7 -7
- package/dist/components/Loader/components/Spinner/Spinner.d.ts +1 -0
- package/dist/components/Loader/components/Spinner/Spinner.js +3 -2
- package/dist/components/Loader/components/Spinner/Spinner.style.d.ts +1 -1
- package/dist/components/Loader/components/Spinner/Spinner.style.js +2 -2
- package/package.json +1 -1
|
@@ -11,7 +11,7 @@ var _ButtonBase = _interopRequireDefault(require("../ButtonBase/ButtonBase"));
|
|
|
11
11
|
|
|
12
12
|
var _Button = require("./Button.style");
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _ButtonLoader = _interopRequireDefault(require("./ButtonLoader"));
|
|
15
15
|
|
|
16
16
|
var _react2 = require("@emotion/react");
|
|
17
17
|
|
|
@@ -73,11 +73,11 @@ var Button = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
|
|
|
73
73
|
disabled: disabled,
|
|
74
74
|
hasChildren: Boolean(_react["default"].Children.count(children))
|
|
75
75
|
})
|
|
76
|
-
}, loading ? (0, _react2.jsx)("
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
type:
|
|
80
|
-
})
|
|
76
|
+
}, loading ? (0, _react2.jsx)(_ButtonLoader["default"], {
|
|
77
|
+
innerButtonWidth: innerButtonWidth,
|
|
78
|
+
color: color,
|
|
79
|
+
type: type
|
|
80
|
+
}) : children), iconRight && (0, _react2.jsx)("span", {
|
|
81
81
|
css: (0, _Button.iconStyle)()
|
|
82
82
|
}, iconRight)));
|
|
83
83
|
});
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { SerializedStyles } from '@emotion/react';
|
|
2
1
|
import { Theme } from 'theme';
|
|
3
2
|
import { RequiredProperties } from 'utils/common';
|
|
4
3
|
import { Props } from './Button';
|
|
@@ -16,4 +15,3 @@ export declare const childrenWrapperStyle: ({ iconLeft, iconRight, hasChildren,
|
|
|
16
15
|
marginLeft: number | "8";
|
|
17
16
|
marginRight: number | "8";
|
|
18
17
|
};
|
|
19
|
-
export declare const centralizedLoader: (clientWidth?: number) => SerializedStyles;
|
|
@@ -1,13 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
exports.
|
|
5
|
-
|
|
6
|
-
var _react = require("@emotion/react");
|
|
7
|
-
|
|
8
|
-
var _functions = require("../../theme/functions");
|
|
9
|
-
|
|
10
|
-
var _utils = require("../../theme/utils");
|
|
4
|
+
exports.childrenWrapperStyle = exports.iconStyle = exports.buttonSpanStyle = void 0;
|
|
11
5
|
|
|
12
6
|
var buttonSpanStyle = function buttonSpanStyle() {
|
|
13
7
|
return function () {
|
|
@@ -45,15 +39,4 @@ var childrenWrapperStyle = function childrenWrapperStyle(_ref) {
|
|
|
45
39
|
};
|
|
46
40
|
};
|
|
47
41
|
|
|
48
|
-
exports.childrenWrapperStyle = childrenWrapperStyle;
|
|
49
|
-
|
|
50
|
-
var centralizedLoader = function centralizedLoader(clientWidth) {
|
|
51
|
-
return (
|
|
52
|
-
/*#__PURE__*/
|
|
53
|
-
|
|
54
|
-
/*#__PURE__*/
|
|
55
|
-
(0, _react.css)("width:", clientWidth ? (0, _utils.rem)(clientWidth) : 'auto', ";", _functions.flex, ";justify-content:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:centralizedLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0MrRiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBmbGV4IH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcbmltcG9ydCB7IFJlcXVpcmVkUHJvcGVydGllcyB9IGZyb20gJ3V0aWxzL2NvbW1vbic7XG5cbmltcG9ydCB7IFByb3BzIH0gZnJvbSAnLi9CdXR0b24nO1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgaWNvblN0eWxlID0gKCkgPT4gKCkgPT4gKHtcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4Jyxcbn0pO1xuXG5leHBvcnQgY29uc3QgY2hpbGRyZW5XcmFwcGVyU3R5bGUgPSAoe1xuICBpY29uTGVmdCxcbiAgaWNvblJpZ2h0LFxuICBoYXNDaGlsZHJlbixcbn06IFJlcXVpcmVkUHJvcGVydGllczxcbiAgT21pdDxQcm9wcywgJ2Jsb2NrJyB8ICdpc0ljb25CdXR0b24nIHwgJ2J1dHRvblR5cGUnIHwgJ2RhdGFUZXN0SWQnIHwgJ29uQ2xpY2snPiAmIHtcbiAgICBoYXNDaGlsZHJlbjogYm9vbGVhbjtcbiAgfVxuPikgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICBjb25zdCByaWdodEljb25FeGlzdHMgPSBoYXNDaGlsZHJlbiAmJiBpY29uUmlnaHQ7XG4gIGNvbnN0IGxlZnRJY29uRXhpc3RzID0gaGFzQ2hpbGRyZW4gJiYgaWNvbkxlZnQ7XG5cbiAgcmV0dXJuIHtcbiAgICBtYXJnaW5MZWZ0OiBsZWZ0SWNvbkV4aXN0cyA/IHRoZW1lLnNwYWNpbmcuc20gOiAwLFxuICAgIG1hcmdpblJpZ2h0OiByaWdodEljb25FeGlzdHMgPyB0aGVtZS5zcGFjaW5nLnNtIDogMCxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBjZW50cmFsaXplZExvYWRlcjogKGNsaWVudFdpZHRoPzogbnVtYmVyKSA9PiBTZXJpYWxpemVkU3R5bGVzID0gY2xpZW50V2lkdGggPT4gY3NzYFxuICB3aWR0aDogJHtjbGllbnRXaWR0aCA/IHJlbShjbGllbnRXaWR0aCkgOiAnYXV0byd9O1xuICAke2ZsZXh9O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:centralizedLoader;")
|
|
56
|
-
);
|
|
57
|
-
};
|
|
58
|
-
|
|
59
|
-
exports.centralizedLoader = centralizedLoader;
|
|
42
|
+
exports.childrenWrapperStyle = childrenWrapperStyle;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Props as ButtonBaseProps } from '../../ButtonBase/ButtonBase';
|
|
3
|
+
export declare type Props = {
|
|
4
|
+
innerButtonWidth?: number;
|
|
5
|
+
} & Pick<ButtonBaseProps, 'type' | 'color'>;
|
|
6
|
+
declare const ButtonLoader: React.FC<Props>;
|
|
7
|
+
export default ButtonLoader;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports["default"] = void 0;
|
|
5
|
+
|
|
6
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
|
+
|
|
8
|
+
var _useTypeColorToColorMatch = require("../../../hooks/useTypeColorToColorMatch");
|
|
9
|
+
|
|
10
|
+
var _index = require("../../../index");
|
|
11
|
+
|
|
12
|
+
var _ButtonLoader = require("./ButtonLoader.style");
|
|
13
|
+
|
|
14
|
+
var _Loader = _interopRequireDefault(require("../../Loader"));
|
|
15
|
+
|
|
16
|
+
var _react2 = require("@emotion/react");
|
|
17
|
+
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
+
|
|
20
|
+
var ButtonLoader = function ButtonLoader(_ref) {
|
|
21
|
+
var innerButtonWidth = _ref.innerButtonWidth,
|
|
22
|
+
_ref$type = _ref.type,
|
|
23
|
+
type = _ref$type === void 0 ? 'primary' : _ref$type,
|
|
24
|
+
_ref$color = _ref.color,
|
|
25
|
+
color = _ref$color === void 0 ? '' : _ref$color;
|
|
26
|
+
var theme = (0, _index.useTheme)();
|
|
27
|
+
|
|
28
|
+
var _useTypeColorToColorM = (0, _useTypeColorToColorMatch.useTypeColorToColorMatch)(),
|
|
29
|
+
calculateColorBetweenColorAndType = _useTypeColorToColorM.calculateColorBetweenColorAndType;
|
|
30
|
+
|
|
31
|
+
var calculatedColor = calculateColorBetweenColorAndType(color, type);
|
|
32
|
+
var spinnerColor = theme.utils.getAAColorFromSwatches(calculatedColor.color, calculatedColor.shade);
|
|
33
|
+
return (0, _react2.jsx)("div", {
|
|
34
|
+
css: (0, _ButtonLoader.centralizedLoader)(innerButtonWidth)
|
|
35
|
+
}, (0, _react2.jsx)(_Loader["default"], {
|
|
36
|
+
type: 'spinner',
|
|
37
|
+
color: spinnerColor
|
|
38
|
+
}));
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
ButtonLoader.displayName = 'Button';
|
|
42
|
+
var _default = ButtonLoader;
|
|
43
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.centralizedLoader = void 0;
|
|
5
|
+
|
|
6
|
+
var _react = require("@emotion/react");
|
|
7
|
+
|
|
8
|
+
var _functions = require("../../../theme/functions");
|
|
9
|
+
|
|
10
|
+
var _utils = require("../../../theme/utils");
|
|
11
|
+
|
|
12
|
+
var centralizedLoader = function centralizedLoader(clientWidth) {
|
|
13
|
+
return (
|
|
14
|
+
/*#__PURE__*/
|
|
15
|
+
|
|
16
|
+
/*#__PURE__*/
|
|
17
|
+
(0, _react.css)("width:", clientWidth ? (0, _utils.rem)(clientWidth) : 'auto', ";", _functions.flex, ";justify-content:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:centralizedLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b25Mb2FkZXIvQnV0dG9uTG9hZGVyLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUkrRiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uTG9hZGVyL0J1dHRvbkxvYWRlci5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZsZXggfSBmcm9tICd0aGVtZS9mdW5jdGlvbnMnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgY2VudHJhbGl6ZWRMb2FkZXI6IChjbGllbnRXaWR0aD86IG51bWJlcikgPT4gU2VyaWFsaXplZFN0eWxlcyA9IGNsaWVudFdpZHRoID0+IGNzc2BcbiAgd2lkdGg6ICR7Y2xpZW50V2lkdGggPyByZW0oY2xpZW50V2lkdGgpIDogJ2F1dG8nfTtcbiAgJHtmbGV4fTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:centralizedLoader;")
|
|
18
|
+
);
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
exports.centralizedLoader = centralizedLoader;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './ButtonLoader';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports["default"] = void 0;
|
|
5
|
+
|
|
6
|
+
var _ButtonLoader = _interopRequireDefault(require("./ButtonLoader"));
|
|
7
|
+
|
|
8
|
+
exports["default"] = _ButtonLoader["default"];
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -59,7 +59,7 @@ var buttonBaseStyle = function buttonBaseStyle(_ref) {
|
|
|
59
59
|
color: calculateButtonColor(),
|
|
60
60
|
width: block ? '100%' : undefined,
|
|
61
61
|
backgroundColor: isOutlined || transparent ? 'transparent' : backGroundColor,
|
|
62
|
-
padding: size === 'lg' ? theme.spacing.md :
|
|
62
|
+
padding: size === 'lg' ? theme.spacing.md : "0 " + theme.spacing.md,
|
|
63
63
|
height: heightBasedOnSize(size),
|
|
64
64
|
borderRadius: theme.spacing.xsm,
|
|
65
65
|
border: isOutlined ? "solid " + (0, _utils.rem)(borderWidth) + " " + backGroundColor : 'none',
|
|
@@ -2,8 +2,12 @@ import React from 'react';
|
|
|
2
2
|
import { loaderTypes } from './Loader.utils';
|
|
3
3
|
export declare type LoaderType = typeof loaderTypes[number];
|
|
4
4
|
declare type Props = {
|
|
5
|
+
/** Loader type. Defaults to dots **/
|
|
5
6
|
type?: LoaderType;
|
|
7
|
+
/** The data test id if needed */
|
|
6
8
|
dataTestId?: string;
|
|
9
|
+
/** Color of the loader. Define AA color otherwise it gets Primary be default */
|
|
10
|
+
color?: string;
|
|
7
11
|
};
|
|
8
12
|
declare const Loader: React.FC<Props>;
|
|
9
13
|
export default Loader;
|
|
@@ -16,10 +16,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
16
16
|
var Loader = function Loader(_ref) {
|
|
17
17
|
var _ref$type = _ref.type,
|
|
18
18
|
type = _ref$type === void 0 ? 'dots' : _ref$type,
|
|
19
|
-
dataTestId = _ref.dataTestId
|
|
19
|
+
dataTestId = _ref.dataTestId,
|
|
20
|
+
color = _ref.color;
|
|
20
21
|
return (0, _react2.jsx)("div", {
|
|
21
22
|
css: (0, _Loader.loaderContainer)()
|
|
22
|
-
}, (0, _Loader2.getLoader)(type, dataTestId));
|
|
23
|
+
}, (0, _Loader2.getLoader)(type, dataTestId, color));
|
|
23
24
|
};
|
|
24
25
|
|
|
25
26
|
var _default = Loader;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare const loaderTypes: readonly ["dots", "indeterminate", "spinner"];
|
|
2
|
-
export declare const getLoader: (type?: "spinner" | "dots" | "indeterminate" | undefined, dataTestId?: string | undefined) => JSX.Element | null;
|
|
2
|
+
export declare const getLoader: (type?: "spinner" | "dots" | "indeterminate" | undefined, dataTestId?: string | undefined, color?: string | undefined) => JSX.Element | null;
|
|
@@ -18,26 +18,29 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
18
18
|
var loaderTypes = ['dots', 'indeterminate', 'spinner'];
|
|
19
19
|
exports.loaderTypes = loaderTypes;
|
|
20
20
|
|
|
21
|
-
var loadersConfig = function loadersConfig(dataTestId) {
|
|
21
|
+
var loadersConfig = function loadersConfig(dataTestId, color) {
|
|
22
22
|
return {
|
|
23
23
|
dots: (0, _react2.jsx)(_DotsLoader["default"], {
|
|
24
|
-
dataTestId: dataTestId
|
|
24
|
+
dataTestId: dataTestId,
|
|
25
|
+
color: color
|
|
25
26
|
}),
|
|
26
27
|
indeterminate: (0, _react2.jsx)(_IndeterminateLoader["default"], {
|
|
27
|
-
dataTestId: dataTestId
|
|
28
|
+
dataTestId: dataTestId,
|
|
29
|
+
color: color
|
|
28
30
|
}),
|
|
29
31
|
spinner: (0, _react2.jsx)(_Spinner.Spinner, {
|
|
30
|
-
dataTestId: dataTestId
|
|
32
|
+
dataTestId: dataTestId,
|
|
33
|
+
color: color
|
|
31
34
|
})
|
|
32
35
|
};
|
|
33
36
|
};
|
|
34
37
|
|
|
35
|
-
var getLoader = function getLoader(type, dataTestId) {
|
|
38
|
+
var getLoader = function getLoader(type, dataTestId, color) {
|
|
36
39
|
if (!type) {
|
|
37
40
|
return null;
|
|
38
41
|
}
|
|
39
42
|
|
|
40
|
-
return loadersConfig(dataTestId)[type];
|
|
43
|
+
return loadersConfig(dataTestId, color)[type];
|
|
41
44
|
};
|
|
42
45
|
|
|
43
46
|
exports.getLoader = getLoader;
|
|
@@ -14,12 +14,13 @@ var _react2 = require("@emotion/react");
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
15
|
|
|
16
16
|
var DotsLoader = function DotsLoader(_ref) {
|
|
17
|
-
var dataTestId = _ref.dataTestId
|
|
17
|
+
var dataTestId = _ref.dataTestId,
|
|
18
|
+
color = _ref.color;
|
|
18
19
|
return (0, _react2.jsx)("div", {
|
|
19
20
|
css: _DotsLoader.dotsWrapper,
|
|
20
21
|
"data-testid": (0, _helpers.generateTestDataId)('dots-loading', dataTestId)
|
|
21
22
|
}, (0, _react2.jsx)("div", {
|
|
22
|
-
css: (0, _DotsLoader.dotsContainer)()
|
|
23
|
+
css: (0, _DotsLoader.dotsContainer)(color)
|
|
23
24
|
}));
|
|
24
25
|
};
|
|
25
26
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { SerializedStyles } from '@emotion/react';
|
|
2
2
|
import { Theme } from 'theme';
|
|
3
|
-
export declare const
|
|
3
|
+
export declare const getColorForDots: (theme: Theme, step?: number, color?: string | undefined) => string;
|
|
4
|
+
export declare const getDotsLayout: (delay: number, animation: string, theme: Theme, left?: number | undefined, color?: string | undefined) => SerializedStyles;
|
|
4
5
|
export declare const dotsWrapper: SerializedStyles;
|
|
5
|
-
export declare const dotsContainer: () => (theme: Theme) => SerializedStyles;
|
|
6
|
+
export declare const dotsContainer: (color?: string | undefined) => (theme: Theme) => SerializedStyles;
|
|
@@ -1,18 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
exports.dotsContainer = exports.dotsWrapper = exports.getDotsLayout = void 0;
|
|
4
|
+
exports.dotsContainer = exports.dotsWrapper = exports.getDotsLayout = exports.getColorForDots = void 0;
|
|
5
5
|
|
|
6
6
|
var _react = require("@emotion/react");
|
|
7
7
|
|
|
8
|
+
var _polished = require("polished");
|
|
9
|
+
|
|
8
10
|
var _utils = require("../../../../theme/utils");
|
|
9
11
|
|
|
10
|
-
var
|
|
12
|
+
var getColorForDots = function getColorForDots(theme, step, color) {
|
|
13
|
+
if (step === void 0) {
|
|
14
|
+
step = 0;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
return (0, _polished.darken)(step, color || theme.utils.getColor('lightGrey', 150));
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
exports.getColorForDots = getColorForDots;
|
|
21
|
+
|
|
22
|
+
var getDotsLayout = function getDotsLayout(delay, animation, theme, left, color) {
|
|
11
23
|
return (
|
|
12
24
|
/*#__PURE__*/
|
|
13
25
|
|
|
14
26
|
/*#__PURE__*/
|
|
15
|
-
(0, _react.css)("left:", left && (0, _utils.rem)(left), ";width:", (0, _utils.rem)(6), ";height:", (0, _utils.rem)(6), ";border-radius:", (0, _utils.rem)(5), ";background-color:", theme.
|
|
27
|
+
(0, _react.css)("left:", left && (0, _utils.rem)(left), ";width:", (0, _utils.rem)(6), ";height:", (0, _utils.rem)(6), ";border-radius:", (0, _utils.rem)(5), ";background-color:", getColorForDots(theme, 0.1, color), ";color:", getColorForDots(theme, 0.1, color), ";animation:", animation, ";animation-delay:", delay, "s;" + (process.env.NODE_ENV === "production" ? "" : ";label:getDotsLayout;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0RvdHNMb2FkZXIvRG90c0xvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY1EiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTG9hZGVyL2NvbXBvbmVudHMvRG90c0xvYWRlci9Eb3RzTG9hZGVyLnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRhcmtlbiB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgZ2V0Q29sb3JGb3JEb3RzID0gKHRoZW1lOiBUaGVtZSwgc3RlcCA9IDAsIGNvbG9yPzogc3RyaW5nKSA9PlxuICBkYXJrZW4oc3RlcCwgY29sb3IgfHwgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDE1MCkpO1xuXG5leHBvcnQgY29uc3QgZ2V0RG90c0xheW91dCA9IChcbiAgZGVsYXk6IG51bWJlcixcbiAgYW5pbWF0aW9uOiBzdHJpbmcsXG4gIHRoZW1lOiBUaGVtZSxcbiAgbGVmdD86IG51bWJlcixcbiAgY29sb3I/OiBzdHJpbmdcbikgPT4gY3NzYFxuICBsZWZ0OiAke2xlZnQgJiYgcmVtKGxlZnQpfTtcbiAgd2lkdGg6ICR7cmVtKDYpfTtcbiAgaGVpZ2h0OiAke3JlbSg2KX07XG4gIGJvcmRlci1yYWRpdXM6ICR7cmVtKDUpfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvckZvckRvdHModGhlbWUsIDAuMSwgY29sb3IpfTtcbiAgY29sb3I6ICR7Z2V0Q29sb3JGb3JEb3RzKHRoZW1lLCAwLjEsIGNvbG9yKX07XG4gIGFuaW1hdGlvbjogJHthbmltYXRpb259O1xuICBhbmltYXRpb24tZGVsYXk6ICR7ZGVsYXl9cztcbmA7XG5cbmV4cG9ydCBjb25zdCBkb3RzV3JhcHBlciA9IGNzc2BcbiAgd2lkdGg6ICR7cmVtKDI2KX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAke3JlbSg2KX07XG5gO1xuXG5leHBvcnQgY29uc3QgZG90c0NvbnRhaW5lciA9IChjb2xvcj86IHN0cmluZykgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6ICR7cmVtKDEwKX07XG4gICR7Z2V0RG90c0xheW91dCgwLjUsICdkb3RGbGFzaGluZyAwLjdzIGluZmluaXRlIGxpbmVhciBhbHRlcm5hdGUnLCB0aGVtZSwgMCwgY29sb3IpfTtcblxuICAmOjphZnRlcixcbiAgJjo6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgfVxuXG4gICY6OmJlZm9yZSB7XG4gICAgJHtnZXREb3RzTGF5b3V0KDAsICdkb3RGbGFzaGluZyAwLjdzIGluZmluaXRlIGFsdGVybmF0ZScsIHRoZW1lLCAtMTAsIGNvbG9yKX07XG4gIH1cblxuICAmOjphZnRlciB7XG4gICAgJHtnZXREb3RzTGF5b3V0KDAuNywgJ2RvdEZsYXNoaW5nIDAuN3MgaW5maW5pdGUgYWx0ZXJuYXRlJywgdGhlbWUsIDEwLCBjb2xvcil9O1xuICB9XG5cbiAgQGtleWZyYW1lcyBkb3RGbGFzaGluZyB7XG4gICAgMCUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvckZvckRvdHModGhlbWUsIDAsIGNvbG9yKX07XG4gICAgfVxuICAgIDUwJSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yRm9yRG90cyh0aGVtZSwgMC4wNSwgY29sb3IpfTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yRm9yRG90cyh0aGVtZSwgMC4xLCBjb2xvcil9O1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:getDotsLayout;")
|
|
16
28
|
);
|
|
17
29
|
};
|
|
18
30
|
|
|
@@ -21,16 +33,16 @@ var dotsWrapper =
|
|
|
21
33
|
/*#__PURE__*/
|
|
22
34
|
|
|
23
35
|
/*#__PURE__*/
|
|
24
|
-
(0, _react.css)("width:", (0, _utils.rem)(26), ";position:relative;height:", (0, _utils.rem)(6), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:dotsWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
36
|
+
(0, _react.css)("width:", (0, _utils.rem)(26), ";position:relative;height:", (0, _utils.rem)(6), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:dotsWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0RvdHNMb2FkZXIvRG90c0xvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUI4QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkZXIvY29tcG9uZW50cy9Eb3RzTG9hZGVyL0RvdHNMb2FkZXIuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGFya2VuIH0gZnJvbSAncG9saXNoZWQnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBnZXRDb2xvckZvckRvdHMgPSAodGhlbWU6IFRoZW1lLCBzdGVwID0gMCwgY29sb3I/OiBzdHJpbmcpID0+XG4gIGRhcmtlbihzdGVwLCBjb2xvciB8fCB0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTUwKSk7XG5cbmV4cG9ydCBjb25zdCBnZXREb3RzTGF5b3V0ID0gKFxuICBkZWxheTogbnVtYmVyLFxuICBhbmltYXRpb246IHN0cmluZyxcbiAgdGhlbWU6IFRoZW1lLFxuICBsZWZ0PzogbnVtYmVyLFxuICBjb2xvcj86IHN0cmluZ1xuKSA9PiBjc3NgXG4gIGxlZnQ6ICR7bGVmdCAmJiByZW0obGVmdCl9O1xuICB3aWR0aDogJHtyZW0oNil9O1xuICBoZWlnaHQ6ICR7cmVtKDYpfTtcbiAgYm9yZGVyLXJhZGl1czogJHtyZW0oNSl9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yRm9yRG90cyh0aGVtZSwgMC4xLCBjb2xvcil9O1xuICBjb2xvcjogJHtnZXRDb2xvckZvckRvdHModGhlbWUsIDAuMSwgY29sb3IpfTtcbiAgYW5pbWF0aW9uOiAke2FuaW1hdGlvbn07XG4gIGFuaW1hdGlvbi1kZWxheTogJHtkZWxheX1zO1xuYDtcblxuZXhwb3J0IGNvbnN0IGRvdHNXcmFwcGVyID0gY3NzYFxuICB3aWR0aDogJHtyZW0oMjYpfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6ICR7cmVtKDYpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBkb3RzQ29udGFpbmVyID0gKGNvbG9yPzogc3RyaW5nKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogJHtyZW0oMTApfTtcbiAgJHtnZXREb3RzTGF5b3V0KDAuNSwgJ2RvdEZsYXNoaW5nIDAuN3MgaW5maW5pdGUgbGluZWFyIGFsdGVybmF0ZScsIHRoZW1lLCAwLCBjb2xvcil9O1xuXG4gICY6OmFmdGVyLFxuICAmOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICB9XG5cbiAgJjo6YmVmb3JlIHtcbiAgICAke2dldERvdHNMYXlvdXQoMCwgJ2RvdEZsYXNoaW5nIDAuN3MgaW5maW5pdGUgYWx0ZXJuYXRlJywgdGhlbWUsIC0xMCwgY29sb3IpfTtcbiAgfVxuXG4gICY6OmFmdGVyIHtcbiAgICAke2dldERvdHNMYXlvdXQoMC43LCAnZG90Rmxhc2hpbmcgMC43cyBpbmZpbml0ZSBhbHRlcm5hdGUnLCB0aGVtZSwgMTAsIGNvbG9yKX07XG4gIH1cblxuICBAa2V5ZnJhbWVzIGRvdEZsYXNoaW5nIHtcbiAgICAwJSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yRm9yRG90cyh0aGVtZSwgMCwgY29sb3IpfTtcbiAgICB9XG4gICAgNTAlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3JGb3JEb3RzKHRoZW1lLCAwLjA1LCBjb2xvcil9O1xuICAgIH1cbiAgICAxMDAlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3JGb3JEb3RzKHRoZW1lLCAwLjEsIGNvbG9yKX07XG4gICAgfVxuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:dotsWrapper;");
|
|
25
37
|
exports.dotsWrapper = dotsWrapper;
|
|
26
38
|
|
|
27
|
-
var dotsContainer = function dotsContainer() {
|
|
39
|
+
var dotsContainer = function dotsContainer(color) {
|
|
28
40
|
return function (theme) {
|
|
29
41
|
return (
|
|
30
42
|
/*#__PURE__*/
|
|
31
43
|
|
|
32
44
|
/*#__PURE__*/
|
|
33
|
-
(0, _react.css)("position:absolute;left:", (0, _utils.rem)(10), ";", getDotsLayout(0.5, 'dotFlashing 0.7s infinite linear alternate', theme), ";&::after,&::before{content:'';display:inline-block;position:absolute;top:0;}&::before{", getDotsLayout(0, 'dotFlashing 0.7s infinite alternate', theme, -10), ";}&::after{", getDotsLayout(0.7, 'dotFlashing 0.7s infinite alternate', theme, 10), ";}@keyframes dotFlashing{0%{background-color:", theme
|
|
45
|
+
(0, _react.css)("position:absolute;left:", (0, _utils.rem)(10), ";", getDotsLayout(0.5, 'dotFlashing 0.7s infinite linear alternate', theme, 0, color), ";&::after,&::before{content:'';display:inline-block;position:absolute;top:0;}&::before{", getDotsLayout(0, 'dotFlashing 0.7s infinite alternate', theme, -10, color), ";}&::after{", getDotsLayout(0.7, 'dotFlashing 0.7s infinite alternate', theme, 10, color), ";}@keyframes dotFlashing{0%{background-color:", getColorForDots(theme, 0, color), ";}50%{background-color:", getColorForDots(theme, 0.05, color), ";}100%{background-color:", getColorForDots(theme, 0.1, color), ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:dotsContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0RvdHNMb2FkZXIvRG90c0xvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0J3RiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkZXIvY29tcG9uZW50cy9Eb3RzTG9hZGVyL0RvdHNMb2FkZXIuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGFya2VuIH0gZnJvbSAncG9saXNoZWQnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBnZXRDb2xvckZvckRvdHMgPSAodGhlbWU6IFRoZW1lLCBzdGVwID0gMCwgY29sb3I/OiBzdHJpbmcpID0+XG4gIGRhcmtlbihzdGVwLCBjb2xvciB8fCB0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTUwKSk7XG5cbmV4cG9ydCBjb25zdCBnZXREb3RzTGF5b3V0ID0gKFxuICBkZWxheTogbnVtYmVyLFxuICBhbmltYXRpb246IHN0cmluZyxcbiAgdGhlbWU6IFRoZW1lLFxuICBsZWZ0PzogbnVtYmVyLFxuICBjb2xvcj86IHN0cmluZ1xuKSA9PiBjc3NgXG4gIGxlZnQ6ICR7bGVmdCAmJiByZW0obGVmdCl9O1xuICB3aWR0aDogJHtyZW0oNil9O1xuICBoZWlnaHQ6ICR7cmVtKDYpfTtcbiAgYm9yZGVyLXJhZGl1czogJHtyZW0oNSl9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yRm9yRG90cyh0aGVtZSwgMC4xLCBjb2xvcil9O1xuICBjb2xvcjogJHtnZXRDb2xvckZvckRvdHModGhlbWUsIDAuMSwgY29sb3IpfTtcbiAgYW5pbWF0aW9uOiAke2FuaW1hdGlvbn07XG4gIGFuaW1hdGlvbi1kZWxheTogJHtkZWxheX1zO1xuYDtcblxuZXhwb3J0IGNvbnN0IGRvdHNXcmFwcGVyID0gY3NzYFxuICB3aWR0aDogJHtyZW0oMjYpfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6ICR7cmVtKDYpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBkb3RzQ29udGFpbmVyID0gKGNvbG9yPzogc3RyaW5nKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogJHtyZW0oMTApfTtcbiAgJHtnZXREb3RzTGF5b3V0KDAuNSwgJ2RvdEZsYXNoaW5nIDAuN3MgaW5maW5pdGUgbGluZWFyIGFsdGVybmF0ZScsIHRoZW1lLCAwLCBjb2xvcil9O1xuXG4gICY6OmFmdGVyLFxuICAmOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICB9XG5cbiAgJjo6YmVmb3JlIHtcbiAgICAke2dldERvdHNMYXlvdXQoMCwgJ2RvdEZsYXNoaW5nIDAuN3MgaW5maW5pdGUgYWx0ZXJuYXRlJywgdGhlbWUsIC0xMCwgY29sb3IpfTtcbiAgfVxuXG4gICY6OmFmdGVyIHtcbiAgICAke2dldERvdHNMYXlvdXQoMC43LCAnZG90Rmxhc2hpbmcgMC43cyBpbmZpbml0ZSBhbHRlcm5hdGUnLCB0aGVtZSwgMTAsIGNvbG9yKX07XG4gIH1cblxuICBAa2V5ZnJhbWVzIGRvdEZsYXNoaW5nIHtcbiAgICAwJSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yRm9yRG90cyh0aGVtZSwgMCwgY29sb3IpfTtcbiAgICB9XG4gICAgNTAlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3JGb3JEb3RzKHRoZW1lLCAwLjA1LCBjb2xvcil9O1xuICAgIH1cbiAgICAxMDAlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3JGb3JEb3RzKHRoZW1lLCAwLjEsIGNvbG9yKX07XG4gICAgfVxuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:dotsContainer;")
|
|
34
46
|
);
|
|
35
47
|
};
|
|
36
48
|
};
|
|
@@ -14,16 +14,17 @@ var _react2 = require("@emotion/react");
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
15
|
|
|
16
16
|
var IndeterminateLoader = function IndeterminateLoader(_ref) {
|
|
17
|
-
var dataTestId = _ref.dataTestId
|
|
17
|
+
var dataTestId = _ref.dataTestId,
|
|
18
|
+
color = _ref.color;
|
|
18
19
|
return (0, _react2.jsx)("div", {
|
|
19
20
|
css: (0, _IndeterminateLoader.LoaderContainer)(),
|
|
20
21
|
"data-testid": (0, _helpers.generateTestDataId)('dots-loading', dataTestId)
|
|
21
22
|
}, (0, _react2.jsx)("div", {
|
|
22
23
|
css: (0, _IndeterminateLoader.LoaderLine)()
|
|
23
24
|
}), (0, _react2.jsx)("div", {
|
|
24
|
-
css: (0, _IndeterminateLoader.LoaderDecLine)()
|
|
25
|
+
css: (0, _IndeterminateLoader.LoaderDecLine)(color)
|
|
25
26
|
}), (0, _react2.jsx)("div", {
|
|
26
|
-
css: (0, _IndeterminateLoader.LoaderIncLine)()
|
|
27
|
+
css: (0, _IndeterminateLoader.LoaderIncLine)(color)
|
|
27
28
|
}));
|
|
28
29
|
};
|
|
29
30
|
|
package/dist/components/Loader/components/IndeterminateLoader/IndeterminateLoader.style.d.ts
CHANGED
|
@@ -2,6 +2,6 @@ import { SerializedStyles } from '@emotion/react';
|
|
|
2
2
|
import { Theme } from 'theme';
|
|
3
3
|
export declare const LoaderLine: () => (theme: Theme) => SerializedStyles;
|
|
4
4
|
export declare const LoaderSubLine: (color: string) => SerializedStyles;
|
|
5
|
-
export declare const LoaderDecLine: () => (theme: Theme) => SerializedStyles;
|
|
6
|
-
export declare const LoaderIncLine: () => (theme: Theme) => SerializedStyles;
|
|
5
|
+
export declare const LoaderDecLine: (color?: string | undefined) => (theme: Theme) => SerializedStyles;
|
|
6
|
+
export declare const LoaderIncLine: (color?: string | undefined) => (theme: Theme) => SerializedStyles;
|
|
7
7
|
export declare const LoaderContainer: () => () => SerializedStyles;
|
|
@@ -15,7 +15,7 @@ var LoaderLine = function LoaderLine() {
|
|
|
15
15
|
/*#__PURE__*/
|
|
16
16
|
|
|
17
17
|
/*#__PURE__*/
|
|
18
|
-
(0, _react.css)("position:absolute;opacity:0.4;background:", theme.utils.getColor('lightGrey', 100), ";width:150%;height:", (0, _utils.rem)(8), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderLine;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
18
|
+
(0, _react.css)("position:absolute;opacity:0.4;background:", theme.utils.getColor('lightGrey', 100), ";width:150%;height:", (0, _utils.rem)(8), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderLine;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IEJBU0VfU0hBREUgfSBmcm9tICd0aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IExvYWRlckxpbmUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgb3BhY2l0eTogMC40O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAxMDApfTtcbiAgd2lkdGg6IDE1MCU7XG4gIGhlaWdodDogJHtyZW0oOCl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IExvYWRlclN1YkxpbmUgPSAoY29sb3I6IHN0cmluZykgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3J9O1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJEZWNMaW5lID0gKGNvbG9yPzogc3RyaW5nKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7TG9hZGVyU3ViTGluZShjb2xvciB8fCB0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKSl9O1xuXG4gIGFuaW1hdGlvbjogZGVjcmVhc2UgMi4zcyAwLjhzIGluZmluaXRlO1xuICBAa2V5ZnJhbWVzIGRlY3JlYXNlIHtcbiAgICBmcm9tIHtcbiAgICAgIGxlZnQ6IC04MCU7XG4gICAgICB3aWR0aDogODAlO1xuICAgIH1cbiAgICB0byB7XG4gICAgICBsZWZ0OiAxMTAlO1xuICAgICAgd2lkdGg6IDEwJTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJJbmNMaW5lID0gKGNvbG9yPzogc3RyaW5nKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7TG9hZGVyU3ViTGluZShjb2xvciB8fCB0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKSl9O1xuXG4gIGFuaW1hdGlvbjogaW5jcmVhc2UgMi4zcyBpbmZpbml0ZTtcbiAgQGtleWZyYW1lcyBpbmNyZWFzZSB7XG4gICAgZnJvbSB7XG4gICAgICBsZWZ0OiAtNSU7XG4gICAgICB3aWR0aDogNSU7XG4gICAgfVxuICAgIHRvIHtcbiAgICAgIGxlZnQ6IDEzMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJDb250YWluZXIgPSAoKSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogJHtyZW0oOCl9O1xuICBvdmVyZmxvdy14OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6ICR7cmVtKDgpfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:LoaderLine;")
|
|
19
19
|
);
|
|
20
20
|
};
|
|
21
21
|
};
|
|
@@ -27,32 +27,32 @@ var LoaderSubLine = function LoaderSubLine(color) {
|
|
|
27
27
|
/*#__PURE__*/
|
|
28
28
|
|
|
29
29
|
/*#__PURE__*/
|
|
30
|
-
(0, _react.css)("position:absolute;background:", color, ";height:", (0, _utils.rem)(8), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderSubLine;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
30
|
+
(0, _react.css)("position:absolute;background:", color, ";height:", (0, _utils.rem)(8), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderSubLine;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYW1EIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IEJBU0VfU0hBREUgfSBmcm9tICd0aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IExvYWRlckxpbmUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgb3BhY2l0eTogMC40O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAxMDApfTtcbiAgd2lkdGg6IDE1MCU7XG4gIGhlaWdodDogJHtyZW0oOCl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IExvYWRlclN1YkxpbmUgPSAoY29sb3I6IHN0cmluZykgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3J9O1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJEZWNMaW5lID0gKGNvbG9yPzogc3RyaW5nKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7TG9hZGVyU3ViTGluZShjb2xvciB8fCB0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKSl9O1xuXG4gIGFuaW1hdGlvbjogZGVjcmVhc2UgMi4zcyAwLjhzIGluZmluaXRlO1xuICBAa2V5ZnJhbWVzIGRlY3JlYXNlIHtcbiAgICBmcm9tIHtcbiAgICAgIGxlZnQ6IC04MCU7XG4gICAgICB3aWR0aDogODAlO1xuICAgIH1cbiAgICB0byB7XG4gICAgICBsZWZ0OiAxMTAlO1xuICAgICAgd2lkdGg6IDEwJTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJJbmNMaW5lID0gKGNvbG9yPzogc3RyaW5nKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7TG9hZGVyU3ViTGluZShjb2xvciB8fCB0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKSl9O1xuXG4gIGFuaW1hdGlvbjogaW5jcmVhc2UgMi4zcyBpbmZpbml0ZTtcbiAgQGtleWZyYW1lcyBpbmNyZWFzZSB7XG4gICAgZnJvbSB7XG4gICAgICBsZWZ0OiAtNSU7XG4gICAgICB3aWR0aDogNSU7XG4gICAgfVxuICAgIHRvIHtcbiAgICAgIGxlZnQ6IDEzMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJDb250YWluZXIgPSAoKSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogJHtyZW0oOCl9O1xuICBvdmVyZmxvdy14OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6ICR7cmVtKDgpfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:LoaderSubLine;")
|
|
31
31
|
);
|
|
32
32
|
};
|
|
33
33
|
|
|
34
34
|
exports.LoaderSubLine = LoaderSubLine;
|
|
35
35
|
|
|
36
|
-
var LoaderDecLine = function LoaderDecLine() {
|
|
36
|
+
var LoaderDecLine = function LoaderDecLine(color) {
|
|
37
37
|
return function (theme) {
|
|
38
38
|
return (
|
|
39
39
|
/*#__PURE__*/
|
|
40
40
|
|
|
41
41
|
/*#__PURE__*/
|
|
42
|
-
(0, _react.css)(LoaderSubLine(theme.utils.getColor('primary', _palette.BASE_SHADE, 'normal')), ";animation:decrease 2.3s 0.8s infinite;@keyframes decrease{from{left:-80%;width:80%;}to{left:110%;width:10%;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderDecLine;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
42
|
+
(0, _react.css)(LoaderSubLine(color || theme.utils.getColor('primary', _palette.BASE_SHADE, 'normal')), ";animation:decrease 2.3s 0.8s infinite;@keyframes decrease{from{left:-80%;width:80%;}to{left:110%;width:10%;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderDecLine;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJ3RiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkZXIvY29tcG9uZW50cy9JbmRldGVybWluYXRlTG9hZGVyL0luZGV0ZXJtaW5hdGVMb2FkZXIuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBCQVNFX1NIQURFIH0gZnJvbSAndGhlbWUvcGFsZXR0ZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJMaW5lID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG9wYWNpdHk6IDAuNDtcbiAgYmFja2dyb3VuZDogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTAwKX07XG4gIHdpZHRoOiAxNTAlO1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJTdWJMaW5lID0gKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9yfTtcbiAgaGVpZ2h0OiAke3JlbSg4KX07XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVyRGVjTGluZSA9IChjb2xvcj86IHN0cmluZykgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke0xvYWRlclN1YkxpbmUoY29sb3IgfHwgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ3ByaW1hcnknLCBCQVNFX1NIQURFLCAnbm9ybWFsJykpfTtcblxuICBhbmltYXRpb246IGRlY3JlYXNlIDIuM3MgMC44cyBpbmZpbml0ZTtcbiAgQGtleWZyYW1lcyBkZWNyZWFzZSB7XG4gICAgZnJvbSB7XG4gICAgICBsZWZ0OiAtODAlO1xuICAgICAgd2lkdGg6IDgwJTtcbiAgICB9XG4gICAgdG8ge1xuICAgICAgbGVmdDogMTEwJTtcbiAgICAgIHdpZHRoOiAxMCU7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVySW5jTGluZSA9IChjb2xvcj86IHN0cmluZykgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke0xvYWRlclN1YkxpbmUoY29sb3IgfHwgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ3ByaW1hcnknLCBCQVNFX1NIQURFLCAnbm9ybWFsJykpfTtcblxuICBhbmltYXRpb246IGluY3JlYXNlIDIuM3MgaW5maW5pdGU7XG4gIEBrZXlmcmFtZXMgaW5jcmVhc2Uge1xuICAgIGZyb20ge1xuICAgICAgbGVmdDogLTUlO1xuICAgICAgd2lkdGg6IDUlO1xuICAgIH1cbiAgICB0byB7XG4gICAgICBsZWZ0OiAxMzAlO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVyQ29udGFpbmVyID0gKCkgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiAke3JlbSg4KX07XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:LoaderDecLine;")
|
|
43
43
|
);
|
|
44
44
|
};
|
|
45
45
|
};
|
|
46
46
|
|
|
47
47
|
exports.LoaderDecLine = LoaderDecLine;
|
|
48
48
|
|
|
49
|
-
var LoaderIncLine = function LoaderIncLine() {
|
|
49
|
+
var LoaderIncLine = function LoaderIncLine(color) {
|
|
50
50
|
return function (theme) {
|
|
51
51
|
return (
|
|
52
52
|
/*#__PURE__*/
|
|
53
53
|
|
|
54
54
|
/*#__PURE__*/
|
|
55
|
-
(0, _react.css)(LoaderSubLine(theme.utils.getColor('primary', _palette.BASE_SHADE, 'normal')), ";animation:increase 2.3s infinite;@keyframes increase{from{left:-5%;width:5%;}to{left:130%;width:100%;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderIncLine;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
55
|
+
(0, _react.css)(LoaderSubLine(color || theme.utils.getColor('primary', _palette.BASE_SHADE, 'normal')), ";animation:increase 2.3s infinite;@keyframes increase{from{left:-5%;width:5%;}to{left:130%;width:100%;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderIncLine;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUN3RiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkZXIvY29tcG9uZW50cy9JbmRldGVybWluYXRlTG9hZGVyL0luZGV0ZXJtaW5hdGVMb2FkZXIuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBCQVNFX1NIQURFIH0gZnJvbSAndGhlbWUvcGFsZXR0ZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJMaW5lID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG9wYWNpdHk6IDAuNDtcbiAgYmFja2dyb3VuZDogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTAwKX07XG4gIHdpZHRoOiAxNTAlO1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJTdWJMaW5lID0gKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9yfTtcbiAgaGVpZ2h0OiAke3JlbSg4KX07XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVyRGVjTGluZSA9IChjb2xvcj86IHN0cmluZykgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke0xvYWRlclN1YkxpbmUoY29sb3IgfHwgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ3ByaW1hcnknLCBCQVNFX1NIQURFLCAnbm9ybWFsJykpfTtcblxuICBhbmltYXRpb246IGRlY3JlYXNlIDIuM3MgMC44cyBpbmZpbml0ZTtcbiAgQGtleWZyYW1lcyBkZWNyZWFzZSB7XG4gICAgZnJvbSB7XG4gICAgICBsZWZ0OiAtODAlO1xuICAgICAgd2lkdGg6IDgwJTtcbiAgICB9XG4gICAgdG8ge1xuICAgICAgbGVmdDogMTEwJTtcbiAgICAgIHdpZHRoOiAxMCU7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVySW5jTGluZSA9IChjb2xvcj86IHN0cmluZykgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke0xvYWRlclN1YkxpbmUoY29sb3IgfHwgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ3ByaW1hcnknLCBCQVNFX1NIQURFLCAnbm9ybWFsJykpfTtcblxuICBhbmltYXRpb246IGluY3JlYXNlIDIuM3MgaW5maW5pdGU7XG4gIEBrZXlmcmFtZXMgaW5jcmVhc2Uge1xuICAgIGZyb20ge1xuICAgICAgbGVmdDogLTUlO1xuICAgICAgd2lkdGg6IDUlO1xuICAgIH1cbiAgICB0byB7XG4gICAgICBsZWZ0OiAxMzAlO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVyQ29udGFpbmVyID0gKCkgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiAke3JlbSg4KX07XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:LoaderIncLine;")
|
|
56
56
|
);
|
|
57
57
|
};
|
|
58
58
|
};
|
|
@@ -65,7 +65,7 @@ var LoaderContainer = function LoaderContainer() {
|
|
|
65
65
|
/*#__PURE__*/
|
|
66
66
|
|
|
67
67
|
/*#__PURE__*/
|
|
68
|
-
(0, _react.css)("position:relative;width:100%;height:", (0, _utils.rem)(8), ";overflow-x:hidden;border-radius:", (0, _utils.rem)(8), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbURnRSIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkZXIvY29tcG9uZW50cy9JbmRldGVybWluYXRlTG9hZGVyL0luZGV0ZXJtaW5hdGVMb2FkZXIuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBCQVNFX1NIQURFIH0gZnJvbSAndGhlbWUvcGFsZXR0ZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJMaW5lID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG9wYWNpdHk6IDAuNDtcbiAgYmFja2dyb3VuZDogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTAwKX07XG4gIHdpZHRoOiAxNTAlO1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJTdWJMaW5lID0gKGNvbG9yOiBzdHJpbmcpID0+
|
|
68
|
+
(0, _react.css)("position:relative;width:100%;height:", (0, _utils.rem)(8), ";overflow-x:hidden;border-radius:", (0, _utils.rem)(8), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbURnRSIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkZXIvY29tcG9uZW50cy9JbmRldGVybWluYXRlTG9hZGVyL0luZGV0ZXJtaW5hdGVMb2FkZXIuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBCQVNFX1NIQURFIH0gZnJvbSAndGhlbWUvcGFsZXR0ZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJMaW5lID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG9wYWNpdHk6IDAuNDtcbiAgYmFja2dyb3VuZDogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTAwKX07XG4gIHdpZHRoOiAxNTAlO1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJTdWJMaW5lID0gKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9yfTtcbiAgaGVpZ2h0OiAke3JlbSg4KX07XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVyRGVjTGluZSA9IChjb2xvcj86IHN0cmluZykgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke0xvYWRlclN1YkxpbmUoY29sb3IgfHwgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ3ByaW1hcnknLCBCQVNFX1NIQURFLCAnbm9ybWFsJykpfTtcblxuICBhbmltYXRpb246IGRlY3JlYXNlIDIuM3MgMC44cyBpbmZpbml0ZTtcbiAgQGtleWZyYW1lcyBkZWNyZWFzZSB7XG4gICAgZnJvbSB7XG4gICAgICBsZWZ0OiAtODAlO1xuICAgICAgd2lkdGg6IDgwJTtcbiAgICB9XG4gICAgdG8ge1xuICAgICAgbGVmdDogMTEwJTtcbiAgICAgIHdpZHRoOiAxMCU7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVySW5jTGluZSA9IChjb2xvcj86IHN0cmluZykgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke0xvYWRlclN1YkxpbmUoY29sb3IgfHwgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ3ByaW1hcnknLCBCQVNFX1NIQURFLCAnbm9ybWFsJykpfTtcblxuICBhbmltYXRpb246IGluY3JlYXNlIDIuM3MgaW5maW5pdGU7XG4gIEBrZXlmcmFtZXMgaW5jcmVhc2Uge1xuICAgIGZyb20ge1xuICAgICAgbGVmdDogLTUlO1xuICAgICAgd2lkdGg6IDUlO1xuICAgIH1cbiAgICB0byB7XG4gICAgICBsZWZ0OiAxMzAlO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVyQ29udGFpbmVyID0gKCkgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiAke3JlbSg4KX07XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:LoaderContainer;")
|
|
69
69
|
);
|
|
70
70
|
};
|
|
71
71
|
};
|
|
@@ -14,10 +14,11 @@ var _react2 = require("@emotion/react");
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
15
|
|
|
16
16
|
var Spinner = function Spinner(_ref) {
|
|
17
|
-
var dataTestId = _ref.dataTestId
|
|
17
|
+
var dataTestId = _ref.dataTestId,
|
|
18
|
+
color = _ref.color;
|
|
18
19
|
return (0, _react2.jsx)("div", {
|
|
19
20
|
"data-testid": (0, _helpers.generateTestDataId)('spinner', dataTestId),
|
|
20
|
-
css: (0, _Spinner.spinnerContainer)()
|
|
21
|
+
css: (0, _Spinner.spinnerContainer)(color)
|
|
21
22
|
});
|
|
22
23
|
};
|
|
23
24
|
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { SerializedStyles } from '@emotion/react';
|
|
2
2
|
import { Theme } from 'theme';
|
|
3
|
-
export declare const spinnerContainer: () => (theme: Theme) => SerializedStyles;
|
|
3
|
+
export declare const spinnerContainer: (color?: string | undefined) => (theme: Theme) => SerializedStyles;
|
|
@@ -13,13 +13,13 @@ var spinnerBorderStyle = function spinnerBorderStyle(theme, color) {
|
|
|
13
13
|
return (0, _utils.rem)(2) + " solid " + (color || theme.utils.getColor('primary', _palette.BASE_SHADE, 'normal')) + ";";
|
|
14
14
|
};
|
|
15
15
|
|
|
16
|
-
var spinnerContainer = function spinnerContainer() {
|
|
16
|
+
var spinnerContainer = function spinnerContainer(color) {
|
|
17
17
|
return function (theme) {
|
|
18
18
|
return (
|
|
19
19
|
/*#__PURE__*/
|
|
20
20
|
|
|
21
21
|
/*#__PURE__*/
|
|
22
|
-
(0, _react.css)("width:", theme.spacing.lg, ";height:", theme.spacing.lg, ";margin:auto;box-sizing:border-box;border-top:", spinnerBorderStyle(theme), ";border-right:", spinnerBorderStyle(theme), ";border-bottom:", spinnerBorderStyle(theme), ";border-left:", spinnerBorderStyle(theme, 'transparent'), ";border-radius:50%;animation:spin 1.1s infinite linear;@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:spinnerContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
22
|
+
(0, _react.css)("width:", theme.spacing.lg, ";height:", theme.spacing.lg, ";margin:auto;box-sizing:border-box;border-top:", spinnerBorderStyle(theme, color), ";border-right:", spinnerBorderStyle(theme, color), ";border-bottom:", spinnerBorderStyle(theme, color), ";border-left:", spinnerBorderStyle(theme, 'transparent'), ";border-radius:50%;animation:spin 1.1s infinite linear;@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:spinnerContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL1NwaW5uZXIvU3Bpbm5lci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUTJGIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL1NwaW5uZXIvU3Bpbm5lci5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IEJBU0VfU0hBREUgfSBmcm9tICd0aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuY29uc3Qgc3Bpbm5lckJvcmRlclN0eWxlID0gKHRoZW1lOiBUaGVtZSwgY29sb3I/OiBzdHJpbmcpID0+XG4gIGAke3JlbSgyKX0gc29saWQgJHtjb2xvciB8fCB0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKX07YDtcblxuZXhwb3J0IGNvbnN0IHNwaW5uZXJDb250YWluZXIgPSAoY29sb3I/OiBzdHJpbmcpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgd2lkdGg6ICR7dGhlbWUuc3BhY2luZy5sZ307XG4gIGhlaWdodDogJHt0aGVtZS5zcGFjaW5nLmxnfTtcbiAgbWFyZ2luOiBhdXRvO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXItdG9wOiAke3NwaW5uZXJCb3JkZXJTdHlsZSh0aGVtZSwgY29sb3IpfTtcbiAgYm9yZGVyLXJpZ2h0OiAke3NwaW5uZXJCb3JkZXJTdHlsZSh0aGVtZSwgY29sb3IpfTtcbiAgYm9yZGVyLWJvdHRvbTogJHtzcGlubmVyQm9yZGVyU3R5bGUodGhlbWUsIGNvbG9yKX07XG4gIGJvcmRlci1sZWZ0OiAke3NwaW5uZXJCb3JkZXJTdHlsZSh0aGVtZSwgJ3RyYW5zcGFyZW50Jyl9O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGFuaW1hdGlvbjogc3BpbiAxLjFzIGluZmluaXRlIGxpbmVhcjtcblxuICBAa2V5ZnJhbWVzIHNwaW4ge1xuICAgIDAlIHtcbiAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:spinnerContainer;")
|
|
23
23
|
);
|
|
24
24
|
};
|
|
25
25
|
};
|