@salutejs/plasma-new-hope 0.343.0-canary.2339.19819921872.0 → 0.343.0-canary.2339.19853810107.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/dist/css/cjs/components/Loader/Loader.css +6 -14
- package/dist/css/cjs/components/Loader/Loader.js +6 -16
- package/dist/css/cjs/components/Loader/Loader.js.map +1 -1
- package/dist/css/cjs/components/Loader/Loader.styles.js +51 -1
- package/dist/css/cjs/components/Loader/Loader.styles.js.map +1 -1
- package/dist/css/cjs/components/Loader/{Loader.styles_ju7bog.css → Loader.styles_xzuvzj.css} +3 -0
- package/dist/css/cjs/index.css +6 -3
- package/dist/css/es/components/Loader/Loader.css +6 -14
- package/dist/css/es/components/Loader/Loader.js +7 -17
- package/dist/css/es/components/Loader/Loader.js.map +1 -1
- package/dist/css/es/components/Loader/Loader.styles.js +49 -2
- package/dist/css/es/components/Loader/Loader.styles.js.map +1 -1
- package/dist/css/es/components/Loader/{Loader.styles_ju7bog.css → Loader.styles_xzuvzj.css} +3 -0
- package/dist/css/es/index.css +6 -3
- package/dist/emotion/cjs/components/Loader/Loader.js +6 -16
- package/dist/emotion/cjs/components/Loader/Loader.styles.js +38 -5
- package/dist/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/dist/emotion/es/components/Loader/Loader.js +7 -17
- package/dist/emotion/es/components/Loader/Loader.styles.js +29 -5
- package/dist/styled-components/cjs/components/Loader/Loader.js +6 -16
- package/dist/styled-components/cjs/components/Loader/Loader.styles.js +45 -2
- package/dist/styled-components/es/components/Loader/Loader.js +7 -17
- package/dist/styled-components/es/components/Loader/Loader.styles.js +36 -2
- package/dist/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/package.json +5 -4
- package/types/components/Loader/Loader.d.ts.map +1 -1
- package/types/components/Loader/Loader.styles.d.ts +8 -0
- package/types/components/Loader/Loader.styles.d.ts.map +1 -1
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
.Overlay_styles_cxej3y_s1afr8la__70d4dd9a{position:fixed;inset:0;z-index:var(--s1afr8la-0);--plasma_private-overlay-background-color:var(--s1afr8la-1);--plasma_private-overlay-backdrop-filter:var(--s1afr8la-2);background:var(--s1afr8la-3);-webkit-backdrop-filter:var(--s1afr8la-4);backdrop-filter:var(--s1afr8la-4);cursor:var(--s1afr8la-5);}
|
|
2
|
-
|
|
3
|
-
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
|
4
|
-
|
|
5
|
-
.Popup_styles_kpf3dd_bvkpf6n__890879ed .Popup_styles_kpf3dd_draggablePopupWrapper__890879ed{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;}.Popup_styles_kpf3dd_bvkpf6n__890879ed .Popup_styles_kpf3dd_draggingPopupWrapper__890879ed{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing;}.Popup_styles_kpf3dd_bvkpf6n__890879ed .Popup_styles_kpf3dd_resizableContainerNoSelect__890879ed{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;}
|
|
6
|
-
|
|
7
|
-
.Popup_styles_kpf3dd_s5u7tqa__890879ed{width:0;}
|
|
8
|
-
.Popup_styles_kpf3dd_p1f40oul__890879ed{position:relative;max-width:100%;pointer-events:all;}
|
|
9
|
-
.Popup_styles_kpf3dd_p1ug7bn2__890879ed{position:var(--p1ug7bn2-0);z-index:var(--p1ug7bn2-1);left:var(--p1ug7bn2-2);right:var(--p1ug7bn2-3);top:var(--p1ug7bn2-4);bottom:var(--p1ug7bn2-5);-webkit-transform:var(--p1ug7bn2-6);-ms-transform:var(--p1ug7bn2-6);transform:var(--p1ug7bn2-6);}
|
|
10
|
-
.Popup_styles_kpf3dd_i10c9529__890879ed{color:var(--text-secondary);}.Popup_styles_kpf3dd_i10c9529__890879ed:hover{color:var(--text-secondary-hover);}.Popup_styles_kpf3dd_i10c9529__890879ed:active{color:var(--text-secondary-active);}.Popup_styles_kpf3dd_i10c9529__890879ed.Popup_styles_kpf3dd_resizableTopRightIcon__890879ed{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popup_styles_kpf3dd_i10c9529__890879ed.Popup_styles_kpf3dd_resizableBottomRightIcon__890879ed{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Popup_styles_kpf3dd_i10c9529__890879ed.Popup_styles_kpf3dd_resizableBottomLeftIcon__890879ed{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popup_styles_kpf3dd_i10c9529__890879ed.Popup_styles_kpf3dd_resizableTopLeftIcon__890879ed{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
|
11
|
-
|
|
12
1
|
.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
|
|
13
2
|
|
|
14
3
|
.base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
|
|
@@ -22,6 +11,9 @@
|
|
|
22
11
|
.ProgressBarCircular_styles_16hxdvd_s1d8ncmi__8bec966a{--percentage:var(--s1d8ncmi-0);--radius:var(--s1d8ncmi-1);--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-2);stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);-webkit-transition:stroke-dashoffset 0.3s linear;transition:stroke-dashoffset 0.3s linear;}
|
|
23
12
|
.ProgressBarCircular_styles_16hxdvd_sg9aoc4__8bec966a{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--plasma-progressbar-circular-content-color);font-family:var(--plasma-progressbar-circular-content-font-family);font-size:var(--plasma-progressbar-circular-content-font-size);font-style:var(--plasma-progressbar-circular-content-font-style);font-weight:var(--plasma-progressbar-circular-content-font-weight);-webkit-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-moz-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-ms-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);line-height:var(--plasma-progressbar-circular-content-line-height);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
|
|
24
13
|
|
|
25
|
-
.
|
|
26
|
-
.
|
|
27
|
-
.
|
|
14
|
+
.Loader_styles_xzuvzj_b1pysjlh__74b0ee03{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-loader-width);height:var(--plasma-loader-height);}
|
|
15
|
+
.Loader_styles_xzuvzj_s14s1lcu__74b0ee03{--plasma-spinner-size:var(--plasma-loader-spinner-size);--plasma-spinner-color:var(--plasma-loader-spinner-color);}
|
|
16
|
+
.Loader_styles_xzuvzj_s14gpc11__74b0ee03{--plasma-progressbar-circular-size:var(--plasma-loader-progressbar-circular-size);--plasma-progressbar-circular-width:var(--plasma-loader-progressbar-circular-width);--plasma-progressbar-circular-height:var(--plasma-loader-progressbar-circular-height);--plasma-progressbar-circular-stroke-width:var(--plasma-loader-progressbar-circular-stroke-width);--plasma-progressbar-circular-stroke-size:var(--plasma-loader-progressbar-circular-stroke-size);--plasma-progressbar-circular-background-stroke:var(--plasma-loader-progressbar-circular-background-stroke);--plasma-progressbar-circular-progress-stroke:var(--plasma-loader-progressbar-circular-progress-stroke);--plasma-progressbar-circular-content-color:var(--plasma-loader-progressbar-circular-content-color);--plasma-progressbar-circular-content-font-family:var(--plasma-loader-progressbar-circular-content-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-loader-progressbar-circular-content-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-loader-progressbar-circular-content-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-loader-progressbar-circular-content-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-loader-progressbar-circular-content-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-loader-progressbar-circular-content-line-height);}
|
|
17
|
+
.Loader_styles_xzuvzj_l17iuurt__74b0ee03{position:fixed;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:var(--l17iuurt-0);}
|
|
18
|
+
.Loader_styles_xzuvzj_spt1qmx__74b0ee03{position:absolute;inset:0;background:var(--plasma_private-overlay-background-color);-webkit-backdrop-filter:var(--spt1qmx-0);backdrop-filter:var(--spt1qmx-0);cursor:var(--spt1qmx-1);--plasma_private-overlay-background-color:var(--spt1qmx-2);}
|
|
19
|
+
.Loader_styles_xzuvzj_lh3ju30__74b0ee03{position:relative;z-index:1;}
|
|
@@ -9,16 +9,12 @@ var base = require('./variations/_view/base.js');
|
|
|
9
9
|
var base$1 = require('./variations/_size/base.js');
|
|
10
10
|
var Loader_styles = require('./Loader.styles.js');
|
|
11
11
|
var Loader_tokens = require('./Loader.tokens.js');
|
|
12
|
-
var common = require('../../engines/common.js');
|
|
13
|
-
var Popup$1 = require('../Popup/Popup.js');
|
|
14
|
-
var Overlay = require('../Overlay/Overlay.js');
|
|
15
12
|
|
|
16
13
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
14
|
|
|
18
15
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
19
16
|
|
|
20
17
|
var _excluded = ["type", "hasOverlay", "withBlur", "value", "overlayColor", "maxValue", "size", "view", "children", "className", "strokeSize", "hasTrack", "style", "zIndex", "onOverlayClick"];
|
|
21
|
-
var Popup = /*#__PURE__*/common.component(Popup$1.popupConfig);
|
|
22
18
|
var loaderRoot = function loaderRoot(Root) {
|
|
23
19
|
return /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
24
20
|
var _props$type = props.type,
|
|
@@ -64,20 +60,14 @@ var loaderRoot = function loaderRoot(Root) {
|
|
|
64
60
|
return loaderContent;
|
|
65
61
|
}
|
|
66
62
|
var overlayBackgroundToken = overlayColor || "var(".concat(Loader_tokens.tokens.overlayColor, ")");
|
|
67
|
-
|
|
63
|
+
return /*#__PURE__*/React__default.default.createElement(Loader_styles.LoaderWrapper, {
|
|
64
|
+
zIndex: zIndex
|
|
65
|
+
}, /*#__PURE__*/React__default.default.createElement(Loader_styles.StyledOverlay, {
|
|
68
66
|
className: Loader_tokens.classes.loaderOverlay,
|
|
69
|
-
|
|
70
|
-
backgroundColorProperty: overlayBackgroundToken,
|
|
67
|
+
backgroundColorToken: overlayBackgroundToken,
|
|
71
68
|
withBlur: withBlur,
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
});
|
|
75
|
-
return /*#__PURE__*/React__default.default.createElement(Popup, {
|
|
76
|
-
opened: true,
|
|
77
|
-
placement: "center",
|
|
78
|
-
zIndex: zIndex,
|
|
79
|
-
overlay: overlayNode
|
|
80
|
-
}, loaderContent);
|
|
69
|
+
onClick: onOverlayClick
|
|
70
|
+
}), /*#__PURE__*/React__default.default.createElement(Loader_styles.LoaderContentWrapper, null, loaderContent));
|
|
81
71
|
});
|
|
82
72
|
};
|
|
83
73
|
var loaderConfig = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.js","sources":["../../../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport {
|
|
1
|
+
{"version":3,"file":"Loader.js","sources":["../../../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { LoaderProps } from './Loader.types';\nimport {\n base,\n LoaderContentWrapper,\n LoaderWrapper,\n StyledOverlay,\n StyledProgressBarCircular,\n StyledSpinner,\n} from './Loader.styles';\nimport { classes, tokens } from './Loader.tokens';\n\nexport const loaderRoot = (Root: RootProps<HTMLDivElement, LoaderProps>) =>\n forwardRef<HTMLDivElement, LoaderProps>((props, ref) => {\n const {\n type = 'spinner',\n hasOverlay = false,\n withBlur = false,\n value = 0,\n overlayColor,\n maxValue = 100,\n size,\n view,\n children,\n className,\n strokeSize,\n hasTrack,\n style,\n zIndex = DEFAULT_Z_INDEX,\n onOverlayClick,\n ...rest\n } = props;\n\n const loaderContent = (\n <Root ref={ref} view={view} size={size} className={className} style={style} {...rest}>\n {type === 'spinner' ? (\n <StyledSpinner size={size} view={view} />\n ) : (\n <StyledProgressBarCircular\n value={value}\n maxValue={maxValue}\n strokeSize={strokeSize}\n size={size}\n view={view}\n hasTrack={hasTrack}\n >\n {children}\n </StyledProgressBarCircular>\n )}\n </Root>\n );\n\n if (!hasOverlay) {\n return loaderContent;\n }\n\n const overlayBackgroundToken = overlayColor || `var(${tokens.overlayColor})`;\n\n return (\n <LoaderWrapper zIndex={zIndex}>\n <StyledOverlay\n className={classes.loaderOverlay}\n backgroundColorToken={overlayBackgroundToken}\n withBlur={withBlur}\n onClick={onOverlayClick}\n />\n <LoaderContentWrapper>{loaderContent}</LoaderContentWrapper>\n </LoaderWrapper>\n );\n });\n\nexport const loaderConfig = {\n name: 'Loader',\n tag: 'div',\n layout: loaderRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n },\n};\n"],"names":["loaderRoot","Root","forwardRef","props","ref","_props$type","type","_props$hasOverlay","hasOverlay","_props$withBlur","withBlur","_props$value","value","overlayColor","_props$maxValue","maxValue","size","view","children","className","strokeSize","hasTrack","style","_props$zIndex","zIndex","DEFAULT_Z_INDEX","onOverlayClick","rest","_objectWithoutProperties","_excluded","loaderContent","React","createElement","_extends","StyledSpinner","StyledProgressBarCircular","overlayBackgroundToken","concat","tokens","LoaderWrapper","StyledOverlay","classes","loaderOverlay","backgroundColorToken","onClick","LoaderContentWrapper","loaderConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require('./Loader.
|
|
1
|
+
require('./Loader.styles_xzuvzj.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -29,7 +29,57 @@ var StyledProgressBarCircular = /*#__PURE__*/react.styled(_exp8())({
|
|
|
29
29
|
"class": "s14gpc11",
|
|
30
30
|
propsAsIs: true
|
|
31
31
|
});
|
|
32
|
+
var _exp37 = function _exp37() {
|
|
33
|
+
return function (_ref) {
|
|
34
|
+
var zIndex = _ref.zIndex;
|
|
35
|
+
return zIndex || 9000;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
var LoaderWrapper = /*#__PURE__*/react.styled('div')({
|
|
39
|
+
name: "LoaderWrapper",
|
|
40
|
+
"class": "l17iuurt",
|
|
41
|
+
propsAsIs: false,
|
|
42
|
+
vars: {
|
|
43
|
+
"l17iuurt-0": [/*#__PURE__*/_exp37()]
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
var _exp38 = function _exp38() {
|
|
47
|
+
return function (_ref2) {
|
|
48
|
+
var withBlur = _ref2.withBlur;
|
|
49
|
+
return withBlur ? 'blur(1rem)' : 'none';
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
var _exp39 = function _exp39() {
|
|
53
|
+
return function (_ref3) {
|
|
54
|
+
var onClick = _ref3.onClick;
|
|
55
|
+
return onClick ? 'pointer' : 'default';
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
var _exp40 = function _exp40() {
|
|
59
|
+
return function (_ref4) {
|
|
60
|
+
var backgroundColorToken = _ref4.backgroundColorToken;
|
|
61
|
+
return backgroundColorToken;
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
var StyledOverlay = /*#__PURE__*/react.styled('div')({
|
|
65
|
+
name: "StyledOverlay",
|
|
66
|
+
"class": "spt1qmx",
|
|
67
|
+
propsAsIs: false,
|
|
68
|
+
vars: {
|
|
69
|
+
"spt1qmx-0": [/*#__PURE__*/_exp38()],
|
|
70
|
+
"spt1qmx-1": [/*#__PURE__*/_exp39()],
|
|
71
|
+
"spt1qmx-2": [/*#__PURE__*/_exp40()]
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
var LoaderContentWrapper = /*#__PURE__*/react.styled('div')({
|
|
75
|
+
name: "LoaderContentWrapper",
|
|
76
|
+
"class": "lh3ju30",
|
|
77
|
+
propsAsIs: false
|
|
78
|
+
});
|
|
32
79
|
|
|
80
|
+
exports.LoaderContentWrapper = LoaderContentWrapper;
|
|
81
|
+
exports.LoaderWrapper = LoaderWrapper;
|
|
82
|
+
exports.StyledOverlay = StyledOverlay;
|
|
33
83
|
exports.StyledProgressBarCircular = StyledProgressBarCircular;
|
|
34
84
|
exports.StyledSpinner = StyledSpinner;
|
|
35
85
|
exports.base = base;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.styles.js","sources":["../../../../../src/components/Loader/Loader.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\nimport { progressBarCircularConfig, progressBarCircularTokens } from '../ProgressBarCircular';\nimport { component, mergeConfig } from '../../engines';\n\nimport { tokens } from './Loader.tokens';\n\nconst mergedSpinnerConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedSpinnerConfig);\n\nconst mergedProgressBarCircularConfig = mergeConfig(progressBarCircularConfig);\nconst ProgressBarCircular = component(mergedProgressBarCircularConfig);\n\nexport const base = css`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n\n width: var(${tokens.width});\n height: var(${tokens.height});\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.spinnerSize});\n ${spinnerTokens.color}: var(${tokens.spinnerColor});\n`;\n\nexport const StyledProgressBarCircular = styled(ProgressBarCircular)`\n ${progressBarCircularTokens.size}: var(${tokens.progressBarCircularSize});\n ${progressBarCircularTokens.width}: var(${tokens.progressBarCircularWidth});\n ${progressBarCircularTokens.height}: var(${tokens.progressBarCircularHeight});\n\n ${progressBarCircularTokens.strokeWidth}: var(${tokens.progressBarCircularStrokeWidth});\n ${progressBarCircularTokens.strokeSize}: var(${tokens.progressBarCircularStrokeSize});\n\n ${progressBarCircularTokens.backgroundStroke}: var(${tokens.progressBarCircularBackgroundStroke});\n ${progressBarCircularTokens.progressStroke}: var(${tokens.progressBarCircularStroke});\n\n ${progressBarCircularTokens.contentColor}: var(${tokens.progressBarCircularContentColor});\n ${progressBarCircularTokens.contentFontFamily}: var(${tokens.progressBarCircularContentFontFamily});\n ${progressBarCircularTokens.contentFontSize}: var(${tokens.progressBarCircularContentFontSize});\n ${progressBarCircularTokens.contentFontStyle}: var(${tokens.progressBarCircularContentFontStyle});\n ${progressBarCircularTokens.contentFontWeight}: var(${tokens.progressBarCircularContentFontWeight});\n ${progressBarCircularTokens.contentLetterSpacing}: var(${tokens.progressBarCircularContentLetterSpacing});\n ${progressBarCircularTokens.contentLineHeight}: var(${tokens.progressBarCircularContentLineHeight});\n`;\n"],"names":["mergedSpinnerConfig","mergeConfig","spinnerConfig","Spinner","component","mergedProgressBarCircularConfig","progressBarCircularConfig","ProgressBarCircular","base","_exp3","StyledSpinner","styled","name","class","propsAsIs","_exp8","StyledProgressBarCircular"],"mappings":";;;;;;;;;AASA,IAAMA,mBAAmB,gBAAGC,kBAAW,CAACC,uBAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGC,gBAAS,CAACJ,mBAAmB,CAAC,CAAA;AAE9C,IAAMK,+BAA+B,gBAAGJ,kBAAW,CAACK,+CAAyB,CAAC,CAAA;AAC9E,IAAMC,mBAAmB,gBAAGH,gBAAS,CAACC,+BAA+B,CAAC,CAAA;AAE/D,IAAMG,IAAI,GAQhB,WAAA;AAAC,IAAAC,KAAA,GAtBgBA,SAsBhBA,KAAAA,GAAA;AAAA,EAAA,OAEkCN,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMO,aAAa,gBAAGC,YAAM,CAAAF,KAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGlC,EAAA;AAAC,IAAAC,KAAA,GA3BgBA,SA2BhBA,KAAAA,GAAA;AAAA,EAAA,OAE8CR,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAA5D,IAAMS,yBAAyB,gBAAGL,YAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAkB9C
|
|
1
|
+
{"version":3,"file":"Loader.styles.js","sources":["../../../../../src/components/Loader/Loader.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\nimport { progressBarCircularConfig, progressBarCircularTokens } from '../ProgressBarCircular';\nimport { component, mergeConfig } from '../../engines';\n\nimport { tokens } from './Loader.tokens';\n\nconst mergedSpinnerConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedSpinnerConfig);\n\nconst mergedProgressBarCircularConfig = mergeConfig(progressBarCircularConfig);\nconst ProgressBarCircular = component(mergedProgressBarCircularConfig);\n\nexport const base = css`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n\n width: var(${tokens.width});\n height: var(${tokens.height});\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.spinnerSize});\n ${spinnerTokens.color}: var(${tokens.spinnerColor});\n`;\n\nexport const StyledProgressBarCircular = styled(ProgressBarCircular)`\n ${progressBarCircularTokens.size}: var(${tokens.progressBarCircularSize});\n ${progressBarCircularTokens.width}: var(${tokens.progressBarCircularWidth});\n ${progressBarCircularTokens.height}: var(${tokens.progressBarCircularHeight});\n\n ${progressBarCircularTokens.strokeWidth}: var(${tokens.progressBarCircularStrokeWidth});\n ${progressBarCircularTokens.strokeSize}: var(${tokens.progressBarCircularStrokeSize});\n\n ${progressBarCircularTokens.backgroundStroke}: var(${tokens.progressBarCircularBackgroundStroke});\n ${progressBarCircularTokens.progressStroke}: var(${tokens.progressBarCircularStroke});\n\n ${progressBarCircularTokens.contentColor}: var(${tokens.progressBarCircularContentColor});\n ${progressBarCircularTokens.contentFontFamily}: var(${tokens.progressBarCircularContentFontFamily});\n ${progressBarCircularTokens.contentFontSize}: var(${tokens.progressBarCircularContentFontSize});\n ${progressBarCircularTokens.contentFontStyle}: var(${tokens.progressBarCircularContentFontStyle});\n ${progressBarCircularTokens.contentFontWeight}: var(${tokens.progressBarCircularContentFontWeight});\n ${progressBarCircularTokens.contentLetterSpacing}: var(${tokens.progressBarCircularContentLetterSpacing});\n ${progressBarCircularTokens.contentLineHeight}: var(${tokens.progressBarCircularContentLineHeight});\n`;\n\nexport const LoaderWrapper = styled.div<{ zIndex?: string }>`\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: ${({ zIndex }) => zIndex || 9000};\n`;\n\nexport const StyledOverlay = styled.div<{\n backgroundColorToken: string;\n withBlur?: boolean;\n}>`\n position: absolute;\n inset: 0;\n background: var(--plasma_private-overlay-background-color);\n backdrop-filter: ${({ withBlur }) => (withBlur ? 'blur(1rem)' : 'none')};\n cursor: ${({ onClick }) => (onClick ? 'pointer' : 'default')};\n\n --plasma_private-overlay-background-color: ${({ backgroundColorToken }) => backgroundColorToken};\n`;\n\nexport const LoaderContentWrapper = styled.div`\n position: relative;\n z-index: 1;\n`;\n"],"names":["mergedSpinnerConfig","mergeConfig","spinnerConfig","Spinner","component","mergedProgressBarCircularConfig","progressBarCircularConfig","ProgressBarCircular","base","_exp3","StyledSpinner","styled","name","class","propsAsIs","_exp8","StyledProgressBarCircular","_exp37","_ref","zIndex","LoaderWrapper","vars","_exp38","_ref2","withBlur","_exp39","_ref3","onClick","_exp40","_ref4","backgroundColorToken","StyledOverlay","LoaderContentWrapper"],"mappings":"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"}
|
package/dist/css/cjs/components/Loader/{Loader.styles_ju7bog.css → Loader.styles_xzuvzj.css}
RENAMED
|
@@ -1,3 +1,6 @@
|
|
|
1
1
|
.b1pysjlh{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-loader-width);height:var(--plasma-loader-height);}
|
|
2
2
|
.s14s1lcu{--plasma-spinner-size:var(--plasma-loader-spinner-size);--plasma-spinner-color:var(--plasma-loader-spinner-color);}
|
|
3
3
|
.s14gpc11{--plasma-progressbar-circular-size:var(--plasma-loader-progressbar-circular-size);--plasma-progressbar-circular-width:var(--plasma-loader-progressbar-circular-width);--plasma-progressbar-circular-height:var(--plasma-loader-progressbar-circular-height);--plasma-progressbar-circular-stroke-width:var(--plasma-loader-progressbar-circular-stroke-width);--plasma-progressbar-circular-stroke-size:var(--plasma-loader-progressbar-circular-stroke-size);--plasma-progressbar-circular-background-stroke:var(--plasma-loader-progressbar-circular-background-stroke);--plasma-progressbar-circular-progress-stroke:var(--plasma-loader-progressbar-circular-progress-stroke);--plasma-progressbar-circular-content-color:var(--plasma-loader-progressbar-circular-content-color);--plasma-progressbar-circular-content-font-family:var(--plasma-loader-progressbar-circular-content-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-loader-progressbar-circular-content-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-loader-progressbar-circular-content-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-loader-progressbar-circular-content-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-loader-progressbar-circular-content-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-loader-progressbar-circular-content-line-height);}
|
|
4
|
+
.l17iuurt{position:fixed;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:var(--l17iuurt-0);}
|
|
5
|
+
.spt1qmx{position:absolute;inset:0;background:var(--plasma_private-overlay-background-color);-webkit-backdrop-filter:var(--spt1qmx-0);backdrop-filter:var(--spt1qmx-0);cursor:var(--spt1qmx-1);--plasma_private-overlay-background-color:var(--spt1qmx-2);}
|
|
6
|
+
.lh3ju30{position:relative;z-index:1;}
|
package/dist/css/cjs/index.css
CHANGED
|
@@ -1255,6 +1255,9 @@
|
|
|
1255
1255
|
.Popover_styles_1v6vurg_sptwu7d__ce4c918d .Popover_styles_1v6vurg_plasma_dateTimePickerRoot__ce4c918d{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-date-time-picker-popover-gap);border-radius:var(--plasma-date-time-picker-popover-border-radius);padding:var(--plasma-date-time-picker-popover-padding);background:var(--plasma-date-time-picker-popover__background-color);box-shadow:var(--plasma-date-time-picker-popover-shadow);overflow:hidden;width:var(--sptwu7d-0);height:var(--sptwu7d-1);}
|
|
1256
1256
|
.Popover_styles_1v6vurg_s1xs0v0p__ce4c918d{background-color:var(--plasma-date-time-picker-popover__separator-background);min-width:0.063rem;}
|
|
1257
1257
|
|
|
1258
|
-
.
|
|
1259
|
-
.
|
|
1260
|
-
.
|
|
1258
|
+
.Loader_styles_xzuvzj_b1pysjlh__74b0ee03{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-loader-width);height:var(--plasma-loader-height);}
|
|
1259
|
+
.Loader_styles_xzuvzj_s14s1lcu__74b0ee03{--plasma-spinner-size:var(--plasma-loader-spinner-size);--plasma-spinner-color:var(--plasma-loader-spinner-color);}
|
|
1260
|
+
.Loader_styles_xzuvzj_s14gpc11__74b0ee03{--plasma-progressbar-circular-size:var(--plasma-loader-progressbar-circular-size);--plasma-progressbar-circular-width:var(--plasma-loader-progressbar-circular-width);--plasma-progressbar-circular-height:var(--plasma-loader-progressbar-circular-height);--plasma-progressbar-circular-stroke-width:var(--plasma-loader-progressbar-circular-stroke-width);--plasma-progressbar-circular-stroke-size:var(--plasma-loader-progressbar-circular-stroke-size);--plasma-progressbar-circular-background-stroke:var(--plasma-loader-progressbar-circular-background-stroke);--plasma-progressbar-circular-progress-stroke:var(--plasma-loader-progressbar-circular-progress-stroke);--plasma-progressbar-circular-content-color:var(--plasma-loader-progressbar-circular-content-color);--plasma-progressbar-circular-content-font-family:var(--plasma-loader-progressbar-circular-content-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-loader-progressbar-circular-content-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-loader-progressbar-circular-content-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-loader-progressbar-circular-content-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-loader-progressbar-circular-content-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-loader-progressbar-circular-content-line-height);}
|
|
1261
|
+
.Loader_styles_xzuvzj_l17iuurt__74b0ee03{position:fixed;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:var(--l17iuurt-0);}
|
|
1262
|
+
.Loader_styles_xzuvzj_spt1qmx__74b0ee03{position:absolute;inset:0;background:var(--plasma_private-overlay-background-color);-webkit-backdrop-filter:var(--spt1qmx-0);backdrop-filter:var(--spt1qmx-0);cursor:var(--spt1qmx-1);--plasma_private-overlay-background-color:var(--spt1qmx-2);}
|
|
1263
|
+
.Loader_styles_xzuvzj_lh3ju30__74b0ee03{position:relative;z-index:1;}
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
.Overlay_styles_cxej3y_s1afr8la__70d4dd9a{position:fixed;inset:0;z-index:var(--s1afr8la-0);--plasma_private-overlay-background-color:var(--s1afr8la-1);--plasma_private-overlay-backdrop-filter:var(--s1afr8la-2);background:var(--s1afr8la-3);-webkit-backdrop-filter:var(--s1afr8la-4);backdrop-filter:var(--s1afr8la-4);cursor:var(--s1afr8la-5);}
|
|
2
|
-
|
|
3
|
-
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
|
4
|
-
|
|
5
|
-
.Popup_styles_kpf3dd_bvkpf6n__890879ed .Popup_styles_kpf3dd_draggablePopupWrapper__890879ed{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;}.Popup_styles_kpf3dd_bvkpf6n__890879ed .Popup_styles_kpf3dd_draggingPopupWrapper__890879ed{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing;}.Popup_styles_kpf3dd_bvkpf6n__890879ed .Popup_styles_kpf3dd_resizableContainerNoSelect__890879ed{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;}
|
|
6
|
-
|
|
7
|
-
.Popup_styles_kpf3dd_s5u7tqa__890879ed{width:0;}
|
|
8
|
-
.Popup_styles_kpf3dd_p1f40oul__890879ed{position:relative;max-width:100%;pointer-events:all;}
|
|
9
|
-
.Popup_styles_kpf3dd_p1ug7bn2__890879ed{position:var(--p1ug7bn2-0);z-index:var(--p1ug7bn2-1);left:var(--p1ug7bn2-2);right:var(--p1ug7bn2-3);top:var(--p1ug7bn2-4);bottom:var(--p1ug7bn2-5);-webkit-transform:var(--p1ug7bn2-6);-ms-transform:var(--p1ug7bn2-6);transform:var(--p1ug7bn2-6);}
|
|
10
|
-
.Popup_styles_kpf3dd_i10c9529__890879ed{color:var(--text-secondary);}.Popup_styles_kpf3dd_i10c9529__890879ed:hover{color:var(--text-secondary-hover);}.Popup_styles_kpf3dd_i10c9529__890879ed:active{color:var(--text-secondary-active);}.Popup_styles_kpf3dd_i10c9529__890879ed.Popup_styles_kpf3dd_resizableTopRightIcon__890879ed{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popup_styles_kpf3dd_i10c9529__890879ed.Popup_styles_kpf3dd_resizableBottomRightIcon__890879ed{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Popup_styles_kpf3dd_i10c9529__890879ed.Popup_styles_kpf3dd_resizableBottomLeftIcon__890879ed{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popup_styles_kpf3dd_i10c9529__890879ed.Popup_styles_kpf3dd_resizableTopLeftIcon__890879ed{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
|
11
|
-
|
|
12
1
|
.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
|
|
13
2
|
|
|
14
3
|
.base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
|
|
@@ -22,6 +11,9 @@
|
|
|
22
11
|
.ProgressBarCircular_styles_16hxdvd_s1d8ncmi__8bec966a{--percentage:var(--s1d8ncmi-0);--radius:var(--s1d8ncmi-1);--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-2);stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);-webkit-transition:stroke-dashoffset 0.3s linear;transition:stroke-dashoffset 0.3s linear;}
|
|
23
12
|
.ProgressBarCircular_styles_16hxdvd_sg9aoc4__8bec966a{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--plasma-progressbar-circular-content-color);font-family:var(--plasma-progressbar-circular-content-font-family);font-size:var(--plasma-progressbar-circular-content-font-size);font-style:var(--plasma-progressbar-circular-content-font-style);font-weight:var(--plasma-progressbar-circular-content-font-weight);-webkit-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-moz-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-ms-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);line-height:var(--plasma-progressbar-circular-content-line-height);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
|
|
24
13
|
|
|
25
|
-
.
|
|
26
|
-
.
|
|
27
|
-
.
|
|
14
|
+
.Loader_styles_xzuvzj_b1pysjlh__74b0ee03{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-loader-width);height:var(--plasma-loader-height);}
|
|
15
|
+
.Loader_styles_xzuvzj_s14s1lcu__74b0ee03{--plasma-spinner-size:var(--plasma-loader-spinner-size);--plasma-spinner-color:var(--plasma-loader-spinner-color);}
|
|
16
|
+
.Loader_styles_xzuvzj_s14gpc11__74b0ee03{--plasma-progressbar-circular-size:var(--plasma-loader-progressbar-circular-size);--plasma-progressbar-circular-width:var(--plasma-loader-progressbar-circular-width);--plasma-progressbar-circular-height:var(--plasma-loader-progressbar-circular-height);--plasma-progressbar-circular-stroke-width:var(--plasma-loader-progressbar-circular-stroke-width);--plasma-progressbar-circular-stroke-size:var(--plasma-loader-progressbar-circular-stroke-size);--plasma-progressbar-circular-background-stroke:var(--plasma-loader-progressbar-circular-background-stroke);--plasma-progressbar-circular-progress-stroke:var(--plasma-loader-progressbar-circular-progress-stroke);--plasma-progressbar-circular-content-color:var(--plasma-loader-progressbar-circular-content-color);--plasma-progressbar-circular-content-font-family:var(--plasma-loader-progressbar-circular-content-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-loader-progressbar-circular-content-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-loader-progressbar-circular-content-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-loader-progressbar-circular-content-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-loader-progressbar-circular-content-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-loader-progressbar-circular-content-line-height);}
|
|
17
|
+
.Loader_styles_xzuvzj_l17iuurt__74b0ee03{position:fixed;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:var(--l17iuurt-0);}
|
|
18
|
+
.Loader_styles_xzuvzj_spt1qmx__74b0ee03{position:absolute;inset:0;background:var(--plasma_private-overlay-background-color);-webkit-backdrop-filter:var(--spt1qmx-0);backdrop-filter:var(--spt1qmx-0);cursor:var(--spt1qmx-1);--plasma_private-overlay-background-color:var(--spt1qmx-2);}
|
|
19
|
+
.Loader_styles_xzuvzj_lh3ju30__74b0ee03{position:relative;z-index:1;}
|
|
@@ -3,14 +3,10 @@ import React, { forwardRef } from 'react';
|
|
|
3
3
|
import { DEFAULT_Z_INDEX } from '../Popup/utils/index.js';
|
|
4
4
|
import { base as base$1 } from './variations/_view/base.js';
|
|
5
5
|
import { base as base$2 } from './variations/_size/base.js';
|
|
6
|
-
import { StyledSpinner, StyledProgressBarCircular, base } from './Loader.styles.js';
|
|
6
|
+
import { StyledSpinner, StyledProgressBarCircular, LoaderWrapper, StyledOverlay, LoaderContentWrapper, base } from './Loader.styles.js';
|
|
7
7
|
import { classes, tokens } from './Loader.tokens.js';
|
|
8
|
-
import { component } from '../../engines/common.js';
|
|
9
|
-
import { popupConfig } from '../Popup/Popup.js';
|
|
10
|
-
import { Overlay } from '../Overlay/Overlay.js';
|
|
11
8
|
|
|
12
9
|
var _excluded = ["type", "hasOverlay", "withBlur", "value", "overlayColor", "maxValue", "size", "view", "children", "className", "strokeSize", "hasTrack", "style", "zIndex", "onOverlayClick"];
|
|
13
|
-
var Popup = /*#__PURE__*/component(popupConfig);
|
|
14
10
|
var loaderRoot = function loaderRoot(Root) {
|
|
15
11
|
return /*#__PURE__*/forwardRef(function (props, ref) {
|
|
16
12
|
var _props$type = props.type,
|
|
@@ -56,20 +52,14 @@ var loaderRoot = function loaderRoot(Root) {
|
|
|
56
52
|
return loaderContent;
|
|
57
53
|
}
|
|
58
54
|
var overlayBackgroundToken = overlayColor || "var(".concat(tokens.overlayColor, ")");
|
|
59
|
-
|
|
55
|
+
return /*#__PURE__*/React.createElement(LoaderWrapper, {
|
|
56
|
+
zIndex: zIndex
|
|
57
|
+
}, /*#__PURE__*/React.createElement(StyledOverlay, {
|
|
60
58
|
className: classes.loaderOverlay,
|
|
61
|
-
|
|
62
|
-
backgroundColorProperty: overlayBackgroundToken,
|
|
59
|
+
backgroundColorToken: overlayBackgroundToken,
|
|
63
60
|
withBlur: withBlur,
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
});
|
|
67
|
-
return /*#__PURE__*/React.createElement(Popup, {
|
|
68
|
-
opened: true,
|
|
69
|
-
placement: "center",
|
|
70
|
-
zIndex: zIndex,
|
|
71
|
-
overlay: overlayNode
|
|
72
|
-
}, loaderContent);
|
|
61
|
+
onClick: onOverlayClick
|
|
62
|
+
}), /*#__PURE__*/React.createElement(LoaderContentWrapper, null, loaderContent));
|
|
73
63
|
});
|
|
74
64
|
};
|
|
75
65
|
var loaderConfig = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.js","sources":["../../../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport {
|
|
1
|
+
{"version":3,"file":"Loader.js","sources":["../../../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { LoaderProps } from './Loader.types';\nimport {\n base,\n LoaderContentWrapper,\n LoaderWrapper,\n StyledOverlay,\n StyledProgressBarCircular,\n StyledSpinner,\n} from './Loader.styles';\nimport { classes, tokens } from './Loader.tokens';\n\nexport const loaderRoot = (Root: RootProps<HTMLDivElement, LoaderProps>) =>\n forwardRef<HTMLDivElement, LoaderProps>((props, ref) => {\n const {\n type = 'spinner',\n hasOverlay = false,\n withBlur = false,\n value = 0,\n overlayColor,\n maxValue = 100,\n size,\n view,\n children,\n className,\n strokeSize,\n hasTrack,\n style,\n zIndex = DEFAULT_Z_INDEX,\n onOverlayClick,\n ...rest\n } = props;\n\n const loaderContent = (\n <Root ref={ref} view={view} size={size} className={className} style={style} {...rest}>\n {type === 'spinner' ? (\n <StyledSpinner size={size} view={view} />\n ) : (\n <StyledProgressBarCircular\n value={value}\n maxValue={maxValue}\n strokeSize={strokeSize}\n size={size}\n view={view}\n hasTrack={hasTrack}\n >\n {children}\n </StyledProgressBarCircular>\n )}\n </Root>\n );\n\n if (!hasOverlay) {\n return loaderContent;\n }\n\n const overlayBackgroundToken = overlayColor || `var(${tokens.overlayColor})`;\n\n return (\n <LoaderWrapper zIndex={zIndex}>\n <StyledOverlay\n className={classes.loaderOverlay}\n backgroundColorToken={overlayBackgroundToken}\n withBlur={withBlur}\n onClick={onOverlayClick}\n />\n <LoaderContentWrapper>{loaderContent}</LoaderContentWrapper>\n </LoaderWrapper>\n );\n });\n\nexport const loaderConfig = {\n name: 'Loader',\n tag: 'div',\n layout: loaderRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n },\n};\n"],"names":["loaderRoot","Root","forwardRef","props","ref","_props$type","type","_props$hasOverlay","hasOverlay","_props$withBlur","withBlur","_props$value","value","overlayColor","_props$maxValue","maxValue","size","view","children","className","strokeSize","hasTrack","style","_props$zIndex","zIndex","DEFAULT_Z_INDEX","onOverlayClick","rest","_objectWithoutProperties","_excluded","loaderContent","React","createElement","_extends","StyledSpinner","StyledProgressBarCircular","overlayBackgroundToken","concat","tokens","LoaderWrapper","StyledOverlay","classes","loaderOverlay","backgroundColorToken","onClick","LoaderContentWrapper","loaderConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './Loader.
|
|
1
|
+
import './Loader.styles_xzuvzj.css';
|
|
2
2
|
import { styled } from '@linaria/react';
|
|
3
3
|
import { component, mergeConfig } from '../../engines/common.js';
|
|
4
4
|
import { spinnerConfig } from '../Spinner/Spinner.js';
|
|
@@ -25,6 +25,53 @@ var StyledProgressBarCircular = /*#__PURE__*/styled(_exp8())({
|
|
|
25
25
|
"class": "s14gpc11",
|
|
26
26
|
propsAsIs: true
|
|
27
27
|
});
|
|
28
|
+
var _exp37 = function _exp37() {
|
|
29
|
+
return function (_ref) {
|
|
30
|
+
var zIndex = _ref.zIndex;
|
|
31
|
+
return zIndex || 9000;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
var LoaderWrapper = /*#__PURE__*/styled('div')({
|
|
35
|
+
name: "LoaderWrapper",
|
|
36
|
+
"class": "l17iuurt",
|
|
37
|
+
propsAsIs: false,
|
|
38
|
+
vars: {
|
|
39
|
+
"l17iuurt-0": [/*#__PURE__*/_exp37()]
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
var _exp38 = function _exp38() {
|
|
43
|
+
return function (_ref2) {
|
|
44
|
+
var withBlur = _ref2.withBlur;
|
|
45
|
+
return withBlur ? 'blur(1rem)' : 'none';
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
var _exp39 = function _exp39() {
|
|
49
|
+
return function (_ref3) {
|
|
50
|
+
var onClick = _ref3.onClick;
|
|
51
|
+
return onClick ? 'pointer' : 'default';
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
var _exp40 = function _exp40() {
|
|
55
|
+
return function (_ref4) {
|
|
56
|
+
var backgroundColorToken = _ref4.backgroundColorToken;
|
|
57
|
+
return backgroundColorToken;
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
var StyledOverlay = /*#__PURE__*/styled('div')({
|
|
61
|
+
name: "StyledOverlay",
|
|
62
|
+
"class": "spt1qmx",
|
|
63
|
+
propsAsIs: false,
|
|
64
|
+
vars: {
|
|
65
|
+
"spt1qmx-0": [/*#__PURE__*/_exp38()],
|
|
66
|
+
"spt1qmx-1": [/*#__PURE__*/_exp39()],
|
|
67
|
+
"spt1qmx-2": [/*#__PURE__*/_exp40()]
|
|
68
|
+
}
|
|
69
|
+
});
|
|
70
|
+
var LoaderContentWrapper = /*#__PURE__*/styled('div')({
|
|
71
|
+
name: "LoaderContentWrapper",
|
|
72
|
+
"class": "lh3ju30",
|
|
73
|
+
propsAsIs: false
|
|
74
|
+
});
|
|
28
75
|
|
|
29
|
-
export { StyledProgressBarCircular, StyledSpinner, base };
|
|
76
|
+
export { LoaderContentWrapper, LoaderWrapper, StyledOverlay, StyledProgressBarCircular, StyledSpinner, base };
|
|
30
77
|
//# sourceMappingURL=Loader.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.styles.js","sources":["../../../../../src/components/Loader/Loader.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\nimport { progressBarCircularConfig, progressBarCircularTokens } from '../ProgressBarCircular';\nimport { component, mergeConfig } from '../../engines';\n\nimport { tokens } from './Loader.tokens';\n\nconst mergedSpinnerConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedSpinnerConfig);\n\nconst mergedProgressBarCircularConfig = mergeConfig(progressBarCircularConfig);\nconst ProgressBarCircular = component(mergedProgressBarCircularConfig);\n\nexport const base = css`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n\n width: var(${tokens.width});\n height: var(${tokens.height});\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.spinnerSize});\n ${spinnerTokens.color}: var(${tokens.spinnerColor});\n`;\n\nexport const StyledProgressBarCircular = styled(ProgressBarCircular)`\n ${progressBarCircularTokens.size}: var(${tokens.progressBarCircularSize});\n ${progressBarCircularTokens.width}: var(${tokens.progressBarCircularWidth});\n ${progressBarCircularTokens.height}: var(${tokens.progressBarCircularHeight});\n\n ${progressBarCircularTokens.strokeWidth}: var(${tokens.progressBarCircularStrokeWidth});\n ${progressBarCircularTokens.strokeSize}: var(${tokens.progressBarCircularStrokeSize});\n\n ${progressBarCircularTokens.backgroundStroke}: var(${tokens.progressBarCircularBackgroundStroke});\n ${progressBarCircularTokens.progressStroke}: var(${tokens.progressBarCircularStroke});\n\n ${progressBarCircularTokens.contentColor}: var(${tokens.progressBarCircularContentColor});\n ${progressBarCircularTokens.contentFontFamily}: var(${tokens.progressBarCircularContentFontFamily});\n ${progressBarCircularTokens.contentFontSize}: var(${tokens.progressBarCircularContentFontSize});\n ${progressBarCircularTokens.contentFontStyle}: var(${tokens.progressBarCircularContentFontStyle});\n ${progressBarCircularTokens.contentFontWeight}: var(${tokens.progressBarCircularContentFontWeight});\n ${progressBarCircularTokens.contentLetterSpacing}: var(${tokens.progressBarCircularContentLetterSpacing});\n ${progressBarCircularTokens.contentLineHeight}: var(${tokens.progressBarCircularContentLineHeight});\n`;\n"],"names":["mergedSpinnerConfig","mergeConfig","spinnerConfig","Spinner","component","mergedProgressBarCircularConfig","progressBarCircularConfig","ProgressBarCircular","base","_exp3","StyledSpinner","styled","name","class","propsAsIs","_exp8","StyledProgressBarCircular"],"mappings":";;;;;AASA,IAAMA,mBAAmB,gBAAGC,WAAW,CAACC,aAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGC,SAAS,CAACJ,mBAAmB,CAAC,CAAA;AAE9C,IAAMK,+BAA+B,gBAAGJ,WAAW,CAACK,yBAAyB,CAAC,CAAA;AAC9E,IAAMC,mBAAmB,gBAAGH,SAAS,CAACC,+BAA+B,CAAC,CAAA;AAE/D,IAAMG,IAAI,GAQhB,WAAA;AAAC,IAAAC,KAAA,GAtBgBA,SAsBhBA,KAAAA,GAAA;AAAA,EAAA,OAEkCN,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMO,aAAa,gBAAGC,MAAM,CAAAF,KAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGlC,EAAA;AAAC,IAAAC,KAAA,GA3BgBA,SA2BhBA,KAAAA,GAAA;AAAA,EAAA,OAE8CR,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAA5D,IAAMS,yBAAyB,gBAAGL,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAkB9C;;;;"}
|
|
1
|
+
{"version":3,"file":"Loader.styles.js","sources":["../../../../../src/components/Loader/Loader.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\nimport { progressBarCircularConfig, progressBarCircularTokens } from '../ProgressBarCircular';\nimport { component, mergeConfig } from '../../engines';\n\nimport { tokens } from './Loader.tokens';\n\nconst mergedSpinnerConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedSpinnerConfig);\n\nconst mergedProgressBarCircularConfig = mergeConfig(progressBarCircularConfig);\nconst ProgressBarCircular = component(mergedProgressBarCircularConfig);\n\nexport const base = css`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n\n width: var(${tokens.width});\n height: var(${tokens.height});\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.spinnerSize});\n ${spinnerTokens.color}: var(${tokens.spinnerColor});\n`;\n\nexport const StyledProgressBarCircular = styled(ProgressBarCircular)`\n ${progressBarCircularTokens.size}: var(${tokens.progressBarCircularSize});\n ${progressBarCircularTokens.width}: var(${tokens.progressBarCircularWidth});\n ${progressBarCircularTokens.height}: var(${tokens.progressBarCircularHeight});\n\n ${progressBarCircularTokens.strokeWidth}: var(${tokens.progressBarCircularStrokeWidth});\n ${progressBarCircularTokens.strokeSize}: var(${tokens.progressBarCircularStrokeSize});\n\n ${progressBarCircularTokens.backgroundStroke}: var(${tokens.progressBarCircularBackgroundStroke});\n ${progressBarCircularTokens.progressStroke}: var(${tokens.progressBarCircularStroke});\n\n ${progressBarCircularTokens.contentColor}: var(${tokens.progressBarCircularContentColor});\n ${progressBarCircularTokens.contentFontFamily}: var(${tokens.progressBarCircularContentFontFamily});\n ${progressBarCircularTokens.contentFontSize}: var(${tokens.progressBarCircularContentFontSize});\n ${progressBarCircularTokens.contentFontStyle}: var(${tokens.progressBarCircularContentFontStyle});\n ${progressBarCircularTokens.contentFontWeight}: var(${tokens.progressBarCircularContentFontWeight});\n ${progressBarCircularTokens.contentLetterSpacing}: var(${tokens.progressBarCircularContentLetterSpacing});\n ${progressBarCircularTokens.contentLineHeight}: var(${tokens.progressBarCircularContentLineHeight});\n`;\n\nexport const LoaderWrapper = styled.div<{ zIndex?: string }>`\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: ${({ zIndex }) => zIndex || 9000};\n`;\n\nexport const StyledOverlay = styled.div<{\n backgroundColorToken: string;\n withBlur?: boolean;\n}>`\n position: absolute;\n inset: 0;\n background: var(--plasma_private-overlay-background-color);\n backdrop-filter: ${({ withBlur }) => (withBlur ? 'blur(1rem)' : 'none')};\n cursor: ${({ onClick }) => (onClick ? 'pointer' : 'default')};\n\n --plasma_private-overlay-background-color: ${({ backgroundColorToken }) => backgroundColorToken};\n`;\n\nexport const LoaderContentWrapper = styled.div`\n position: relative;\n z-index: 1;\n`;\n"],"names":["mergedSpinnerConfig","mergeConfig","spinnerConfig","Spinner","component","mergedProgressBarCircularConfig","progressBarCircularConfig","ProgressBarCircular","base","_exp3","StyledSpinner","styled","name","class","propsAsIs","_exp8","StyledProgressBarCircular","_exp37","_ref","zIndex","LoaderWrapper","vars","_exp38","_ref2","withBlur","_exp39","_ref3","onClick","_exp40","_ref4","backgroundColorToken","StyledOverlay","LoaderContentWrapper"],"mappings":";;;;;AASA,IAAMA,mBAAmB,gBAAGC,WAAW,CAACC,aAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGC,SAAS,CAACJ,mBAAmB,CAAC,CAAA;AAE9C,IAAMK,+BAA+B,gBAAGJ,WAAW,CAACK,yBAAyB,CAAC,CAAA;AAC9E,IAAMC,mBAAmB,gBAAGH,SAAS,CAACC,+BAA+B,CAAC,CAAA;AAE/D,IAAMG,IAAI,GAQhB,WAAA;AAAC,IAAAC,KAAA,GAtBgBA,SAsBhBA,KAAAA,GAAA;AAAA,EAAA,OAEkCN,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMO,aAAa,gBAAGC,MAAM,CAAAF,KAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGlC,EAAA;AAAC,IAAAC,KAAA,GA3BgBA,SA2BhBA,KAAAA,GAAA;AAAA,EAAA,OAE8CR,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAA5D,IAAMS,yBAAyB,gBAAGL,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAkB9C,EAAA;AAAC,IAAAG,MAAA,GA/CgBA,SA+ChBA,MAAAA,GAAA;AAAA,EAAA,OAWa,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAaA,MAAM,IAAI,IAAI,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AATtC,IAAMC,aAAa,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAO,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cASpBJ,MAA8B,EAAA,CAAA;AAAA,GAAA;AAAA,CAC5C,EAAA;AAAC,IAAAK,MAAA,GA3DgBA,SA2DhBA,MAAAA,GAAA;AAAA,EAAA,OASqB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,QAAQ,GAAG,YAAY,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GApEzDA,SAoEyDA,MAAAA,GAAA;AAAA,EAAA,OAC7D,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,OAAAA,GAAAA,KAAAA,CAAAA,OAAAA,CAAAA;AAAAA,IAAAA,OAAeA,OAAO,GAAG,SAAS,GAAG,SAAU,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GArE9CA,SAqE8CA,MAAAA,GAAA;AAAA,EAAA,OAEf,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,oBAAAA,GAAAA,KAAAA,CAAAA,oBAAAA,CAAAA;AAAAA,IAAAA,OAA2BA,oBAAoB,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAV5F,IAAMC,aAAa,gBAAGpB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAO,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAOZC,MAAoD,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAC7DG,MAAkD,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAEfG,MAAkD,EAAA,CAAA;AAAA,GAAA;AAAA,CAClG,EAAA;AAEM,IAAMI,oBAAoB,gBAAGrB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGzC;;;;"}
|
|
@@ -1,3 +1,6 @@
|
|
|
1
1
|
.b1pysjlh{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-loader-width);height:var(--plasma-loader-height);}
|
|
2
2
|
.s14s1lcu{--plasma-spinner-size:var(--plasma-loader-spinner-size);--plasma-spinner-color:var(--plasma-loader-spinner-color);}
|
|
3
3
|
.s14gpc11{--plasma-progressbar-circular-size:var(--plasma-loader-progressbar-circular-size);--plasma-progressbar-circular-width:var(--plasma-loader-progressbar-circular-width);--plasma-progressbar-circular-height:var(--plasma-loader-progressbar-circular-height);--plasma-progressbar-circular-stroke-width:var(--plasma-loader-progressbar-circular-stroke-width);--plasma-progressbar-circular-stroke-size:var(--plasma-loader-progressbar-circular-stroke-size);--plasma-progressbar-circular-background-stroke:var(--plasma-loader-progressbar-circular-background-stroke);--plasma-progressbar-circular-progress-stroke:var(--plasma-loader-progressbar-circular-progress-stroke);--plasma-progressbar-circular-content-color:var(--plasma-loader-progressbar-circular-content-color);--plasma-progressbar-circular-content-font-family:var(--plasma-loader-progressbar-circular-content-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-loader-progressbar-circular-content-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-loader-progressbar-circular-content-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-loader-progressbar-circular-content-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-loader-progressbar-circular-content-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-loader-progressbar-circular-content-line-height);}
|
|
4
|
+
.l17iuurt{position:fixed;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:var(--l17iuurt-0);}
|
|
5
|
+
.spt1qmx{position:absolute;inset:0;background:var(--plasma_private-overlay-background-color);-webkit-backdrop-filter:var(--spt1qmx-0);backdrop-filter:var(--spt1qmx-0);cursor:var(--spt1qmx-1);--plasma_private-overlay-background-color:var(--spt1qmx-2);}
|
|
6
|
+
.lh3ju30{position:relative;z-index:1;}
|
package/dist/css/es/index.css
CHANGED
|
@@ -1255,6 +1255,9 @@
|
|
|
1255
1255
|
.Popover_styles_1v6vurg_sptwu7d__ce4c918d .Popover_styles_1v6vurg_plasma_dateTimePickerRoot__ce4c918d{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-date-time-picker-popover-gap);border-radius:var(--plasma-date-time-picker-popover-border-radius);padding:var(--plasma-date-time-picker-popover-padding);background:var(--plasma-date-time-picker-popover__background-color);box-shadow:var(--plasma-date-time-picker-popover-shadow);overflow:hidden;width:var(--sptwu7d-0);height:var(--sptwu7d-1);}
|
|
1256
1256
|
.Popover_styles_1v6vurg_s1xs0v0p__ce4c918d{background-color:var(--plasma-date-time-picker-popover__separator-background);min-width:0.063rem;}
|
|
1257
1257
|
|
|
1258
|
-
.
|
|
1259
|
-
.
|
|
1260
|
-
.
|
|
1258
|
+
.Loader_styles_xzuvzj_b1pysjlh__74b0ee03{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-loader-width);height:var(--plasma-loader-height);}
|
|
1259
|
+
.Loader_styles_xzuvzj_s14s1lcu__74b0ee03{--plasma-spinner-size:var(--plasma-loader-spinner-size);--plasma-spinner-color:var(--plasma-loader-spinner-color);}
|
|
1260
|
+
.Loader_styles_xzuvzj_s14gpc11__74b0ee03{--plasma-progressbar-circular-size:var(--plasma-loader-progressbar-circular-size);--plasma-progressbar-circular-width:var(--plasma-loader-progressbar-circular-width);--plasma-progressbar-circular-height:var(--plasma-loader-progressbar-circular-height);--plasma-progressbar-circular-stroke-width:var(--plasma-loader-progressbar-circular-stroke-width);--plasma-progressbar-circular-stroke-size:var(--plasma-loader-progressbar-circular-stroke-size);--plasma-progressbar-circular-background-stroke:var(--plasma-loader-progressbar-circular-background-stroke);--plasma-progressbar-circular-progress-stroke:var(--plasma-loader-progressbar-circular-progress-stroke);--plasma-progressbar-circular-content-color:var(--plasma-loader-progressbar-circular-content-color);--plasma-progressbar-circular-content-font-family:var(--plasma-loader-progressbar-circular-content-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-loader-progressbar-circular-content-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-loader-progressbar-circular-content-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-loader-progressbar-circular-content-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-loader-progressbar-circular-content-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-loader-progressbar-circular-content-line-height);}
|
|
1261
|
+
.Loader_styles_xzuvzj_l17iuurt__74b0ee03{position:fixed;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:var(--l17iuurt-0);}
|
|
1262
|
+
.Loader_styles_xzuvzj_spt1qmx__74b0ee03{position:absolute;inset:0;background:var(--plasma_private-overlay-background-color);-webkit-backdrop-filter:var(--spt1qmx-0);backdrop-filter:var(--spt1qmx-0);cursor:var(--spt1qmx-1);--plasma_private-overlay-background-color:var(--spt1qmx-2);}
|
|
1263
|
+
.Loader_styles_xzuvzj_lh3ju30__74b0ee03{position:relative;z-index:1;}
|
|
@@ -17,9 +17,6 @@ _export(exports, {
|
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
19
|
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
20
|
-
var _engines = require("../../engines");
|
|
21
|
-
var _Overlay = require("../Overlay");
|
|
22
|
-
var _Popup = require("../Popup");
|
|
23
20
|
var _utils = require("../Popup/utils");
|
|
24
21
|
var _base = require("./variations/_view/base");
|
|
25
22
|
var _base1 = require("./variations/_size/base");
|
|
@@ -121,7 +118,6 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
121
118
|
}
|
|
122
119
|
return target;
|
|
123
120
|
}
|
|
124
|
-
var Popup = (0, _engines.component)(_Popup.popupConfig);
|
|
125
121
|
var loaderRoot = function(Root) {
|
|
126
122
|
return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
|
|
127
123
|
var _props_type = props.type, type = _props_type === void 0 ? 'spinner' : _props_type, _props_hasOverlay = props.hasOverlay, hasOverlay = _props_hasOverlay === void 0 ? false : _props_hasOverlay, _props_withBlur = props.withBlur, withBlur = _props_withBlur === void 0 ? false : _props_withBlur, _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, overlayColor = props.overlayColor, _props_maxValue = props.maxValue, maxValue = _props_maxValue === void 0 ? 100 : _props_maxValue, size = props.size, view = props.view, children = props.children, className = props.className, strokeSize = props.strokeSize, hasTrack = props.hasTrack, style = props.style, _props_zIndex = props.zIndex, zIndex = _props_zIndex === void 0 ? _utils.DEFAULT_Z_INDEX : _props_zIndex, onOverlayClick = props.onOverlayClick, rest = _object_without_properties(props, [
|
|
@@ -162,20 +158,14 @@ var loaderRoot = function(Root) {
|
|
|
162
158
|
return loaderContent;
|
|
163
159
|
}
|
|
164
160
|
var overlayBackgroundToken = overlayColor || "var(".concat(_Loadertokens.tokens.overlayColor, ")");
|
|
165
|
-
|
|
161
|
+
return /*#__PURE__*/ _react.default.createElement(_Loaderstyles.LoaderWrapper, {
|
|
162
|
+
zIndex: zIndex
|
|
163
|
+
}, /*#__PURE__*/ _react.default.createElement(_Loaderstyles.StyledOverlay, {
|
|
166
164
|
className: _Loadertokens.classes.loaderOverlay,
|
|
167
|
-
|
|
168
|
-
backgroundColorProperty: overlayBackgroundToken,
|
|
165
|
+
backgroundColorToken: overlayBackgroundToken,
|
|
169
166
|
withBlur: withBlur,
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
});
|
|
173
|
-
return /*#__PURE__*/ _react.default.createElement(Popup, {
|
|
174
|
-
opened: true,
|
|
175
|
-
placement: "center",
|
|
176
|
-
zIndex: zIndex,
|
|
177
|
-
overlay: overlayNode
|
|
178
|
-
}, loaderContent);
|
|
167
|
+
onClick: onOverlayClick
|
|
168
|
+
}), /*#__PURE__*/ _react.default.createElement(_Loaderstyles.LoaderContentWrapper, null, loaderContent));
|
|
179
169
|
});
|
|
180
170
|
};
|
|
181
171
|
var loaderConfig = {
|