@salutejs/plasma-new-hope 0.339.0-canary.2299.18840379933.0 → 0.339.0-canary.2303.18841217749.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/cjs/components/ProgressBarCircular/ProgressBarCircular.css +5 -5
- package/cjs/components/ProgressBarCircular/ProgressBarCircular.js +5 -7
- package/cjs/components/ProgressBarCircular/ProgressBarCircular.js.map +1 -1
- package/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +1 -1
- package/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js.map +1 -1
- package/cjs/components/ProgressBarCircular/{ProgressBarCircular.styles_16hxdvd.css → ProgressBarCircular.styles_1cnlydo.css} +1 -1
- package/cjs/index.css +5 -9
- package/cjs/index.js +0 -5
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/ProgressBarCircular/ProgressBarCircular.js +5 -6
- package/emotion/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +9 -9
- package/emotion/cjs/index.js +0 -1
- package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.js +5 -6
- package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +9 -9
- package/emotion/es/index.js +0 -1
- package/es/components/ProgressBarCircular/ProgressBarCircular.css +5 -5
- package/es/components/ProgressBarCircular/ProgressBarCircular.js +5 -7
- package/es/components/ProgressBarCircular/ProgressBarCircular.js.map +1 -1
- package/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +1 -1
- package/es/components/ProgressBarCircular/ProgressBarCircular.styles.js.map +1 -1
- package/es/components/ProgressBarCircular/{ProgressBarCircular.styles_16hxdvd.css → ProgressBarCircular.styles_1cnlydo.css} +1 -1
- package/es/index.css +5 -9
- package/es/index.js +0 -2
- package/es/index.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.js +5 -6
- package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +5 -5
- package/styled-components/cjs/index.js +0 -1
- package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.js +5 -6
- package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +5 -5
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/styled-components/es/index.js +0 -1
- package/types/components/ProgressBarCircular/ProgressBarCircular.d.ts.map +1 -1
- package/types/components/ProgressBarCircular/ProgressBarCircular.types.d.ts +1 -5
- package/types/components/ProgressBarCircular/ProgressBarCircular.types.d.ts.map +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Loader/Loader.css +0 -16
- package/cjs/components/Loader/Loader.js +0 -85
- package/cjs/components/Loader/Loader.js.map +0 -1
- package/cjs/components/Loader/Loader.styles.js +0 -36
- package/cjs/components/Loader/Loader.styles.js.map +0 -1
- package/cjs/components/Loader/Loader.styles_1i0a33d.css +0 -3
- package/cjs/components/Loader/Loader.tokens.js +0 -35
- package/cjs/components/Loader/Loader.tokens.js.map +0 -1
- package/cjs/components/Loader/variations/_size/base.js +0 -9
- package/cjs/components/Loader/variations/_size/base.js.map +0 -1
- package/cjs/components/Loader/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Loader/variations/_view/base.js +0 -9
- package/cjs/components/Loader/variations/_view/base.js.map +0 -1
- package/cjs/components/Loader/variations/_view/base_x642ct.css +0 -1
- package/emotion/cjs/components/Loader/Loader.js +0 -207
- package/emotion/cjs/components/Loader/Loader.styles.js +0 -46
- package/emotion/cjs/components/Loader/Loader.tokens.js +0 -52
- package/emotion/cjs/components/Loader/Loader.types.js +0 -4
- package/emotion/cjs/components/Loader/index.js +0 -23
- package/emotion/cjs/components/Loader/variations/_size/base.js +0 -12
- package/emotion/cjs/components/Loader/variations/_view/base.js +0 -12
- package/emotion/cjs/examples/components/Loader/Loader.config.js +0 -38
- package/emotion/cjs/examples/components/Loader/Loader.js +0 -15
- package/emotion/es/components/Loader/Loader.js +0 -143
- package/emotion/es/components/Loader/Loader.styles.js +0 -20
- package/emotion/es/components/Loader/Loader.tokens.js +0 -31
- package/emotion/es/components/Loader/Loader.types.js +0 -1
- package/emotion/es/components/Loader/index.js +0 -2
- package/emotion/es/components/Loader/variations/_size/base.js +0 -2
- package/emotion/es/components/Loader/variations/_view/base.js +0 -2
- package/emotion/es/examples/components/Loader/Loader.config.js +0 -28
- package/emotion/es/examples/components/Loader/Loader.js +0 -5
- package/es/components/Loader/Loader.css +0 -16
- package/es/components/Loader/Loader.js +0 -75
- package/es/components/Loader/Loader.js.map +0 -1
- package/es/components/Loader/Loader.styles.js +0 -30
- package/es/components/Loader/Loader.styles.js.map +0 -1
- package/es/components/Loader/Loader.styles_1i0a33d.css +0 -3
- package/es/components/Loader/Loader.tokens.js +0 -30
- package/es/components/Loader/Loader.tokens.js.map +0 -1
- package/es/components/Loader/variations/_size/base.js +0 -5
- package/es/components/Loader/variations/_size/base.js.map +0 -1
- package/es/components/Loader/variations/_size/base_x642ct.css +0 -1
- package/es/components/Loader/variations/_view/base.js +0 -5
- package/es/components/Loader/variations/_view/base.js.map +0 -1
- package/es/components/Loader/variations/_view/base_x642ct.css +0 -1
- package/styled-components/cjs/components/Loader/Loader.js +0 -207
- package/styled-components/cjs/components/Loader/Loader.styles.js +0 -129
- package/styled-components/cjs/components/Loader/Loader.tokens.js +0 -52
- package/styled-components/cjs/components/Loader/Loader.types.js +0 -4
- package/styled-components/cjs/components/Loader/index.js +0 -23
- package/styled-components/cjs/components/Loader/variations/_size/base.js +0 -14
- package/styled-components/cjs/components/Loader/variations/_view/base.js +0 -14
- package/styled-components/cjs/examples/components/Loader/Loader.config.js +0 -199
- package/styled-components/cjs/examples/components/Loader/Loader.js +0 -15
- package/styled-components/es/components/Loader/Loader.js +0 -143
- package/styled-components/es/components/Loader/Loader.styles.js +0 -68
- package/styled-components/es/components/Loader/Loader.tokens.js +0 -31
- package/styled-components/es/components/Loader/Loader.types.js +0 -1
- package/styled-components/es/components/Loader/index.js +0 -2
- package/styled-components/es/components/Loader/variations/_size/base.js +0 -4
- package/styled-components/es/components/Loader/variations/_view/base.js +0 -4
- package/styled-components/es/examples/components/Loader/Loader.config.js +0 -189
- package/styled-components/es/examples/components/Loader/Loader.js +0 -5
- package/types/components/Loader/Loader.d.ts +0 -23
- package/types/components/Loader/Loader.d.ts.map +0 -1
- package/types/components/Loader/Loader.styles.d.ts +0 -19
- package/types/components/Loader/Loader.styles.d.ts.map +0 -1
- package/types/components/Loader/Loader.tokens.d.ts +0 -32
- package/types/components/Loader/Loader.tokens.d.ts.map +0 -1
- package/types/components/Loader/Loader.types.d.ts +0 -60
- package/types/components/Loader/Loader.types.d.ts.map +0 -1
- package/types/components/Loader/index.d.ts +0 -4
- package/types/components/Loader/index.d.ts.map +0 -1
- package/types/components/Loader/variations/_size/base.d.ts +0 -2
- package/types/components/Loader/variations/_size/base.d.ts.map +0 -1
- package/types/components/Loader/variations/_view/base.d.ts +0 -2
- package/types/components/Loader/variations/_view/base.d.ts.map +0 -1
- package/types/examples/components/Loader/Loader.config.d.ts +0 -27
- package/types/examples/components/Loader/Loader.config.d.ts.map +0 -1
- package/types/examples/components/Loader/Loader.d.ts +0 -21
- package/types/examples/components/Loader/Loader.d.ts.map +0 -1
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
|
|
2
|
-
|
|
3
|
-
.base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
|
|
4
|
-
|
|
5
|
-
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
|
6
|
-
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
|
7
|
-
|
|
8
|
-
.ProgressBarCircular_styles_16hxdvd_b18reh89__8bec966a{position:relative;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-progressbar-circular-height);height:var(--plasma-progressbar-circular-height);}
|
|
9
|
-
.ProgressBarCircular_styles_16hxdvd_s2tt3b5__8bec966a{width:100%;height:100%;}
|
|
10
|
-
.ProgressBarCircular_styles_16hxdvd_slvt37h__8bec966a{fill:none;r:var(--slvt37h-0);stroke:var(--plasma-progressbar-circular-background-stroke);stroke-width:var(--slvt37h-1);}
|
|
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;}
|
|
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;}
|
|
13
|
-
|
|
14
|
-
.Loader_styles_1i0a33d_b1pysjlh__1de0e3cd{position:relative;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);}.Loader_styles_1i0a33d_b1pysjlh__1de0e3cd.Loader_styles_1i0a33d__PlasmaLoaderSmallBlur__1de0e3cd{-webkit-backdrop-filter:blur(1.6875rem);backdrop-filter:blur(1.6875rem);}.Loader_styles_1i0a33d_b1pysjlh__1de0e3cd.Loader_styles_1i0a33d__PlasmaLoaderMediumBlur__1de0e3cd{-webkit-backdrop-filter:blur(2.3125rem);backdrop-filter:blur(2.3125rem);}.Loader_styles_1i0a33d_b1pysjlh__1de0e3cd.Loader_styles_1i0a33d__PlasmaLoaderLargeBlur__1de0e3cd{-webkit-backdrop-filter:blur(3.125rem);backdrop-filter:blur(3.125rem);}.Loader_styles_1i0a33d_b1pysjlh__1de0e3cd.Loader_styles_1i0a33d__PlasmaProgressbarCircularBackgroundCircle__1de0e3cd{background:var(--plasma_private-loader-overlay-color);}
|
|
15
|
-
.Loader_styles_1i0a33d_s14s1lcu__1de0e3cd{--plasma-spinner-size:var(--plasma-loader-spinner-size);--plasma-spinner-color:var(--plasma-loader-spinner-color);}
|
|
16
|
-
.Loader_styles_1i0a33d_s14gpc11__1de0e3cd{--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);}
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import React, { forwardRef } from 'react';
|
|
3
|
-
import cls from 'classnames';
|
|
4
|
-
import { base as base$1 } from './variations/_view/base.js';
|
|
5
|
-
import { base as base$2 } from './variations/_size/base.js';
|
|
6
|
-
import { StyledSpinner, StyledProgressBarCircular, base } from './Loader.styles.js';
|
|
7
|
-
import { classes, tokens } from './Loader.tokens.js';
|
|
8
|
-
|
|
9
|
-
var _excluded = ["type", "hasBlur", "hasOverlay", "value", "blur", "overlayColor", "maxValue", "size", "view", "children", "className", "strokeSize", "hasTrack", "style"];
|
|
10
|
-
var loaderRoot = function loaderRoot(Root) {
|
|
11
|
-
return /*#__PURE__*/forwardRef(function (props, ref) {
|
|
12
|
-
var _props$type = props.type,
|
|
13
|
-
type = _props$type === void 0 ? 'spinner' : _props$type,
|
|
14
|
-
_props$hasBlur = props.hasBlur,
|
|
15
|
-
hasBlur = _props$hasBlur === void 0 ? false : _props$hasBlur,
|
|
16
|
-
_props$hasOverlay = props.hasOverlay,
|
|
17
|
-
hasOverlay = _props$hasOverlay === void 0 ? false : _props$hasOverlay,
|
|
18
|
-
_props$value = props.value,
|
|
19
|
-
value = _props$value === void 0 ? 0 : _props$value,
|
|
20
|
-
_props$blur = props.blur,
|
|
21
|
-
blur = _props$blur === void 0 ? 'medium' : _props$blur,
|
|
22
|
-
overlayColor = props.overlayColor,
|
|
23
|
-
_props$maxValue = props.maxValue,
|
|
24
|
-
maxValue = _props$maxValue === void 0 ? 100 : _props$maxValue,
|
|
25
|
-
size = props.size,
|
|
26
|
-
view = props.view,
|
|
27
|
-
children = props.children,
|
|
28
|
-
className = props.className,
|
|
29
|
-
strokeSize = props.strokeSize,
|
|
30
|
-
hasTrack = props.hasTrack,
|
|
31
|
-
style = props.style,
|
|
32
|
-
rest = _objectWithoutProperties(props, _excluded);
|
|
33
|
-
var blurClass = hasBlur ? classes["".concat(blur, "LoaderBlur")] : '';
|
|
34
|
-
return /*#__PURE__*/React.createElement(Root, _extends({
|
|
35
|
-
ref: ref,
|
|
36
|
-
view: view,
|
|
37
|
-
size: size,
|
|
38
|
-
className: cls(className, blurClass, _defineProperty({}, classes.loaderHasOverlay, hasOverlay)),
|
|
39
|
-
style: _objectSpread2(_objectSpread2({}, style), {}, {
|
|
40
|
-
'--plasma_private-loader-overlay-color': overlayColor || "var(".concat(tokens.overlayColor, ")")
|
|
41
|
-
})
|
|
42
|
-
}, rest), type === 'spinner' ? /*#__PURE__*/React.createElement(StyledSpinner, {
|
|
43
|
-
size: size,
|
|
44
|
-
view: view
|
|
45
|
-
}) : /*#__PURE__*/React.createElement(StyledProgressBarCircular, {
|
|
46
|
-
value: value,
|
|
47
|
-
maxValue: maxValue,
|
|
48
|
-
strokeSize: strokeSize,
|
|
49
|
-
size: size,
|
|
50
|
-
view: view,
|
|
51
|
-
hasTrack: hasTrack
|
|
52
|
-
}, children));
|
|
53
|
-
});
|
|
54
|
-
};
|
|
55
|
-
var loaderConfig = {
|
|
56
|
-
name: 'Loader',
|
|
57
|
-
tag: 'div',
|
|
58
|
-
layout: loaderRoot,
|
|
59
|
-
base: base,
|
|
60
|
-
variations: {
|
|
61
|
-
view: {
|
|
62
|
-
css: base$1
|
|
63
|
-
},
|
|
64
|
-
size: {
|
|
65
|
-
css: base$2
|
|
66
|
-
}
|
|
67
|
-
},
|
|
68
|
-
defaults: {
|
|
69
|
-
view: 'primary',
|
|
70
|
-
size: 'm'
|
|
71
|
-
}
|
|
72
|
-
};
|
|
73
|
-
|
|
74
|
-
export { loaderConfig, loaderRoot };
|
|
75
|
-
//# sourceMappingURL=Loader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef } from 'react';\nimport cls from 'classnames';\n\nimport type { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { LoaderProps } from './Loader.types';\nimport { base, StyledProgressBarCircular, StyledSpinner } 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 hasBlur = false,\n hasOverlay = false,\n value = 0,\n blur = 'medium',\n overlayColor,\n maxValue = 100,\n size,\n view,\n children,\n className,\n strokeSize,\n hasTrack,\n style,\n ...rest\n } = props;\n\n const blurClass = hasBlur ? classes[`${blur}LoaderBlur` as keyof typeof classes] : '';\n\n return (\n <Root\n ref={ref}\n view={view}\n size={size}\n className={cls(className, blurClass, { [classes.loaderHasOverlay]: hasOverlay })}\n style={\n {\n ...style,\n '--plasma_private-loader-overlay-color': overlayColor || `var(${tokens.overlayColor})`,\n } as CSSProperties\n }\n {...rest}\n >\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\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$hasBlur","hasBlur","_props$hasOverlay","hasOverlay","_props$value","value","_props$blur","blur","overlayColor","_props$maxValue","maxValue","size","view","children","className","strokeSize","hasTrack","style","rest","_objectWithoutProperties","_excluded","blurClass","classes","concat","React","createElement","_extends","cls","_defineProperty","loaderHasOverlay","_objectSpread","tokens","StyledSpinner","StyledProgressBarCircular","loaderConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import './Loader.styles_1i0a33d.css';
|
|
2
|
-
import { styled } from '@linaria/react';
|
|
3
|
-
import { component, mergeConfig } from '../../engines/common.js';
|
|
4
|
-
import { spinnerConfig } from '../Spinner/Spinner.js';
|
|
5
|
-
import { progressBarCircularConfig } from '../ProgressBarCircular/ProgressBarCircular.js';
|
|
6
|
-
|
|
7
|
-
var mergedSpinnerConfig = /*#__PURE__*/mergeConfig(spinnerConfig);
|
|
8
|
-
var Spinner = /*#__PURE__*/component(mergedSpinnerConfig);
|
|
9
|
-
var mergedProgressBarCircularConfig = /*#__PURE__*/mergeConfig(progressBarCircularConfig);
|
|
10
|
-
var ProgressBarCircular = /*#__PURE__*/component(mergedProgressBarCircularConfig);
|
|
11
|
-
var base = "b1pysjlh";
|
|
12
|
-
var _exp11 = function _exp11() {
|
|
13
|
-
return Spinner;
|
|
14
|
-
};
|
|
15
|
-
var StyledSpinner = /*#__PURE__*/styled(_exp11())({
|
|
16
|
-
name: "StyledSpinner",
|
|
17
|
-
"class": "s14s1lcu",
|
|
18
|
-
propsAsIs: true
|
|
19
|
-
});
|
|
20
|
-
var _exp16 = function _exp16() {
|
|
21
|
-
return ProgressBarCircular;
|
|
22
|
-
};
|
|
23
|
-
var StyledProgressBarCircular = /*#__PURE__*/styled(_exp16())({
|
|
24
|
-
name: "StyledProgressBarCircular",
|
|
25
|
-
"class": "s14gpc11",
|
|
26
|
-
propsAsIs: true
|
|
27
|
-
});
|
|
28
|
-
|
|
29
|
-
export { StyledProgressBarCircular, StyledSpinner, base };
|
|
30
|
-
//# sourceMappingURL=Loader.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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';\nimport { applyBlur } from 'src/mixins';\n\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\nimport { progressBarCircularConfig, progressBarCircularTokens } from '../ProgressBarCircular';\nimport { component, mergeConfig } from '../../engines';\n\nimport { tokens, classes, privateTokens } 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 position: relative;\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 &.${classes.smallLoaderBlur} {\n ${applyBlur('small')}\n }\n\n &.${classes.mediumLoaderBlur} {\n ${applyBlur('medium')}\n }\n\n &.${classes.largeLoaderBlur} {\n ${applyBlur('large')}\n }\n\n &.${classes.loaderHasOverlay} {\n background: var(${privateTokens.loaderOverlayColor});\n }\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","_exp11","StyledSpinner","styled","name","class","propsAsIs","_exp16","StyledProgressBarCircular"],"mappings":";;;;;AAUA,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,GAyBhB,WAAA;AAAC,IAAAC,MAAA,GAxCgBA,SAwChBA,MAAAA,GAAA;AAAA,EAAA,OAEkCN,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMO,aAAa,gBAAGC,MAAM,CAAAF,MAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGlC,EAAA;AAAC,IAAAC,MAAA,GA7CgBA,SA6ChBA,MAAAA,GAAA;AAAA,EAAA,OAE8CR,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAA5D,IAAMS,yBAAyB,gBAAGL,MAAM,CAAAI,MAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAkB9C;;;;"}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
.b1pysjlh{position:relative;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);}.b1pysjlh.--plasma-loader-small-blur{-webkit-backdrop-filter:blur(1.6875rem);backdrop-filter:blur(1.6875rem);}.b1pysjlh.--plasma-loader-medium-blur{-webkit-backdrop-filter:blur(2.3125rem);backdrop-filter:blur(2.3125rem);}.b1pysjlh.--plasma-loader-large-blur{-webkit-backdrop-filter:blur(3.125rem);backdrop-filter:blur(3.125rem);}.b1pysjlh.--plasma-progressbar-circular-background-circle{background:var(--plasma_private-loader-overlay-color);}
|
|
2
|
-
.s14s1lcu{--plasma-spinner-size:var(--plasma-loader-spinner-size);--plasma-spinner-color:var(--plasma-loader-spinner-color);}
|
|
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);}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
var classes = {
|
|
2
|
-
smallLoaderBlur: '--plasma-loader-small-blur',
|
|
3
|
-
mediumLoaderBlur: '--plasma-loader-medium-blur',
|
|
4
|
-
largeLoaderBlur: '--plasma-loader-large-blur',
|
|
5
|
-
loaderHasOverlay: '--plasma-progressbar-circular-background-circle'
|
|
6
|
-
};
|
|
7
|
-
var tokens = {
|
|
8
|
-
width: '--plasma-loader-width',
|
|
9
|
-
height: '--plasma-loader-height',
|
|
10
|
-
progressBarCircularSize: '--plasma-loader-progressbar-circular-size',
|
|
11
|
-
progressBarCircularWidth: '--plasma-loader-progressbar-circular-width',
|
|
12
|
-
progressBarCircularHeight: '--plasma-loader-progressbar-circular-height',
|
|
13
|
-
progressBarCircularStrokeWidth: '--plasma-loader-progressbar-circular-stroke-width',
|
|
14
|
-
progressBarCircularStrokeSize: '--plasma-loader-progressbar-circular-stroke-size',
|
|
15
|
-
progressBarCircularBackgroundStroke: '--plasma-loader-progressbar-circular-background-stroke',
|
|
16
|
-
progressBarCircularStroke: '--plasma-loader-progressbar-circular-progress-stroke',
|
|
17
|
-
progressBarCircularContentColor: '--plasma-loader-progressbar-circular-content-color',
|
|
18
|
-
progressBarCircularContentFontFamily: '--plasma-loader-progressbar-circular-content-font-family',
|
|
19
|
-
progressBarCircularContentFontSize: '--plasma-loader-progressbar-circular-content-font-size',
|
|
20
|
-
progressBarCircularContentFontStyle: '--plasma-loader-progressbar-circular-content-font-style',
|
|
21
|
-
progressBarCircularContentFontWeight: '--plasma-loader-progressbar-circular-content-font-weight',
|
|
22
|
-
progressBarCircularContentLetterSpacing: '--plasma-loader-progressbar-circular-content-letter-spacing',
|
|
23
|
-
progressBarCircularContentLineHeight: '--plasma-loader-progressbar-circular-content-line-height',
|
|
24
|
-
overlayColor: '--plasma-loader-overlay-color',
|
|
25
|
-
spinnerSize: '--plasma-loader-spinner-size',
|
|
26
|
-
spinnerColor: '--plasma-loader-spinner-color'
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
export { classes, tokens };
|
|
30
|
-
//# sourceMappingURL=Loader.tokens.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.tokens.js","sources":["../../../src/components/Loader/Loader.tokens.ts"],"sourcesContent":["export const classes = {\n smallLoaderBlur: '--plasma-loader-small-blur',\n mediumLoaderBlur: '--plasma-loader-medium-blur',\n largeLoaderBlur: '--plasma-loader-large-blur',\n loaderHasOverlay: '--plasma-progressbar-circular-background-circle',\n};\n\nexport const tokens = {\n width: '--plasma-loader-width',\n height: '--plasma-loader-height',\n\n progressBarCircularSize: '--plasma-loader-progressbar-circular-size',\n progressBarCircularWidth: '--plasma-loader-progressbar-circular-width',\n progressBarCircularHeight: '--plasma-loader-progressbar-circular-height',\n\n progressBarCircularStrokeWidth: '--plasma-loader-progressbar-circular-stroke-width',\n progressBarCircularStrokeSize: '--plasma-loader-progressbar-circular-stroke-size',\n\n progressBarCircularBackgroundStroke: '--plasma-loader-progressbar-circular-background-stroke',\n progressBarCircularStroke: '--plasma-loader-progressbar-circular-progress-stroke',\n\n progressBarCircularContentColor: '--plasma-loader-progressbar-circular-content-color',\n progressBarCircularContentFontFamily: '--plasma-loader-progressbar-circular-content-font-family',\n progressBarCircularContentFontSize: '--plasma-loader-progressbar-circular-content-font-size',\n progressBarCircularContentFontStyle: '--plasma-loader-progressbar-circular-content-font-style',\n progressBarCircularContentFontWeight: '--plasma-loader-progressbar-circular-content-font-weight',\n progressBarCircularContentLetterSpacing: '--plasma-loader-progressbar-circular-content-letter-spacing',\n progressBarCircularContentLineHeight: '--plasma-loader-progressbar-circular-content-line-height',\n\n overlayColor: '--plasma-loader-overlay-color',\n\n spinnerSize: '--plasma-loader-spinner-size',\n spinnerColor: '--plasma-loader-spinner-color',\n};\n\nexport const privateTokens = {\n loaderOverlayColor: '--plasma_private-loader-overlay-color',\n loaderBlur: '--plasma_private-loader-blur',\n};\n"],"names":["classes","smallLoaderBlur","mediumLoaderBlur","largeLoaderBlur","loaderHasOverlay","tokens","width","height","progressBarCircularSize","progressBarCircularWidth","progressBarCircularHeight","progressBarCircularStrokeWidth","progressBarCircularStrokeSize","progressBarCircularBackgroundStroke","progressBarCircularStroke","progressBarCircularContentColor","progressBarCircularContentFontFamily","progressBarCircularContentFontSize","progressBarCircularContentFontStyle","progressBarCircularContentFontWeight","progressBarCircularContentLetterSpacing","progressBarCircularContentLineHeight","overlayColor","spinnerSize","spinnerColor"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,gBAAgB,EAAE,iDAAA;AACtB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,KAAK,EAAE,uBAAuB;AAC9BC,EAAAA,MAAM,EAAE,wBAAwB;AAEhCC,EAAAA,uBAAuB,EAAE,2CAA2C;AACpEC,EAAAA,wBAAwB,EAAE,4CAA4C;AACtEC,EAAAA,yBAAyB,EAAE,6CAA6C;AAExEC,EAAAA,8BAA8B,EAAE,mDAAmD;AACnFC,EAAAA,6BAA6B,EAAE,kDAAkD;AAEjFC,EAAAA,mCAAmC,EAAE,wDAAwD;AAC7FC,EAAAA,yBAAyB,EAAE,sDAAsD;AAEjFC,EAAAA,+BAA+B,EAAE,oDAAoD;AACrFC,EAAAA,oCAAoC,EAAE,0DAA0D;AAChGC,EAAAA,kCAAkC,EAAE,wDAAwD;AAC5FC,EAAAA,mCAAmC,EAAE,yDAAyD;AAC9FC,EAAAA,oCAAoC,EAAE,0DAA0D;AAChGC,EAAAA,uCAAuC,EAAE,6DAA6D;AACtGC,EAAAA,oCAAoC,EAAE,0DAA0D;AAEhGC,EAAAA,YAAY,EAAE,+BAA+B;AAE7CC,EAAAA,WAAW,EAAE,8BAA8B;AAC3CC,EAAAA,YAAY,EAAE,+BAAA;AAClB;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Loader/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Loader/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1,207 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
get loaderConfig () {
|
|
13
|
-
return loaderConfig;
|
|
14
|
-
},
|
|
15
|
-
get loaderRoot () {
|
|
16
|
-
return loaderRoot;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
20
|
-
var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
|
|
21
|
-
var _base = require("./variations/_view/base");
|
|
22
|
-
var _base1 = require("./variations/_size/base");
|
|
23
|
-
var _Loaderstyles = require("./Loader.styles");
|
|
24
|
-
var _Loadertokens = require("./Loader.tokens");
|
|
25
|
-
function _define_property(obj, key, value) {
|
|
26
|
-
if (key in obj) {
|
|
27
|
-
Object.defineProperty(obj, key, {
|
|
28
|
-
value: value,
|
|
29
|
-
enumerable: true,
|
|
30
|
-
configurable: true,
|
|
31
|
-
writable: true
|
|
32
|
-
});
|
|
33
|
-
} else {
|
|
34
|
-
obj[key] = value;
|
|
35
|
-
}
|
|
36
|
-
return obj;
|
|
37
|
-
}
|
|
38
|
-
function _interop_require_default(obj) {
|
|
39
|
-
return obj && obj.__esModule ? obj : {
|
|
40
|
-
default: obj
|
|
41
|
-
};
|
|
42
|
-
}
|
|
43
|
-
function _getRequireWildcardCache(nodeInterop) {
|
|
44
|
-
if (typeof WeakMap !== "function") return null;
|
|
45
|
-
var cacheBabelInterop = new WeakMap();
|
|
46
|
-
var cacheNodeInterop = new WeakMap();
|
|
47
|
-
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
48
|
-
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
49
|
-
})(nodeInterop);
|
|
50
|
-
}
|
|
51
|
-
function _interop_require_wildcard(obj, nodeInterop) {
|
|
52
|
-
if (!nodeInterop && obj && obj.__esModule) {
|
|
53
|
-
return obj;
|
|
54
|
-
}
|
|
55
|
-
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
56
|
-
return {
|
|
57
|
-
default: obj
|
|
58
|
-
};
|
|
59
|
-
}
|
|
60
|
-
var cache = _getRequireWildcardCache(nodeInterop);
|
|
61
|
-
if (cache && cache.has(obj)) {
|
|
62
|
-
return cache.get(obj);
|
|
63
|
-
}
|
|
64
|
-
var newObj = {
|
|
65
|
-
__proto__: null
|
|
66
|
-
};
|
|
67
|
-
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
68
|
-
for(var key in obj){
|
|
69
|
-
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
70
|
-
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
71
|
-
if (desc && (desc.get || desc.set)) {
|
|
72
|
-
Object.defineProperty(newObj, key, desc);
|
|
73
|
-
} else {
|
|
74
|
-
newObj[key] = obj[key];
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
newObj.default = obj;
|
|
79
|
-
if (cache) {
|
|
80
|
-
cache.set(obj, newObj);
|
|
81
|
-
}
|
|
82
|
-
return newObj;
|
|
83
|
-
}
|
|
84
|
-
function _object_spread(target) {
|
|
85
|
-
for(var i = 1; i < arguments.length; i++){
|
|
86
|
-
var source = arguments[i] != null ? arguments[i] : {};
|
|
87
|
-
var ownKeys = Object.keys(source);
|
|
88
|
-
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
89
|
-
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
90
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
91
|
-
}));
|
|
92
|
-
}
|
|
93
|
-
ownKeys.forEach(function(key) {
|
|
94
|
-
_define_property(target, key, source[key]);
|
|
95
|
-
});
|
|
96
|
-
}
|
|
97
|
-
return target;
|
|
98
|
-
}
|
|
99
|
-
function ownKeys(object, enumerableOnly) {
|
|
100
|
-
var keys = Object.keys(object);
|
|
101
|
-
if (Object.getOwnPropertySymbols) {
|
|
102
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
103
|
-
if (enumerableOnly) {
|
|
104
|
-
symbols = symbols.filter(function(sym) {
|
|
105
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
106
|
-
});
|
|
107
|
-
}
|
|
108
|
-
keys.push.apply(keys, symbols);
|
|
109
|
-
}
|
|
110
|
-
return keys;
|
|
111
|
-
}
|
|
112
|
-
function _object_spread_props(target, source) {
|
|
113
|
-
source = source != null ? source : {};
|
|
114
|
-
if (Object.getOwnPropertyDescriptors) {
|
|
115
|
-
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
116
|
-
} else {
|
|
117
|
-
ownKeys(Object(source)).forEach(function(key) {
|
|
118
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
119
|
-
});
|
|
120
|
-
}
|
|
121
|
-
return target;
|
|
122
|
-
}
|
|
123
|
-
function _object_without_properties(source, excluded) {
|
|
124
|
-
if (source == null) return {};
|
|
125
|
-
var target = _object_without_properties_loose(source, excluded);
|
|
126
|
-
var key, i;
|
|
127
|
-
if (Object.getOwnPropertySymbols) {
|
|
128
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
129
|
-
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
130
|
-
key = sourceSymbolKeys[i];
|
|
131
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
132
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
133
|
-
target[key] = source[key];
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
return target;
|
|
137
|
-
}
|
|
138
|
-
function _object_without_properties_loose(source, excluded) {
|
|
139
|
-
if (source == null) return {};
|
|
140
|
-
var target = {};
|
|
141
|
-
var sourceKeys = Object.keys(source);
|
|
142
|
-
var key, i;
|
|
143
|
-
for(i = 0; i < sourceKeys.length; i++){
|
|
144
|
-
key = sourceKeys[i];
|
|
145
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
146
|
-
target[key] = source[key];
|
|
147
|
-
}
|
|
148
|
-
return target;
|
|
149
|
-
}
|
|
150
|
-
var loaderRoot = function(Root) {
|
|
151
|
-
return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
|
|
152
|
-
var _props_type = props.type, type = _props_type === void 0 ? 'spinner' : _props_type, _props_hasBlur = props.hasBlur, hasBlur = _props_hasBlur === void 0 ? false : _props_hasBlur, _props_hasOverlay = props.hasOverlay, hasOverlay = _props_hasOverlay === void 0 ? false : _props_hasOverlay, _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, _props_blur = props.blur, blur = _props_blur === void 0 ? 'medium' : _props_blur, 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, rest = _object_without_properties(props, [
|
|
153
|
-
"type",
|
|
154
|
-
"hasBlur",
|
|
155
|
-
"hasOverlay",
|
|
156
|
-
"value",
|
|
157
|
-
"blur",
|
|
158
|
-
"overlayColor",
|
|
159
|
-
"maxValue",
|
|
160
|
-
"size",
|
|
161
|
-
"view",
|
|
162
|
-
"children",
|
|
163
|
-
"className",
|
|
164
|
-
"strokeSize",
|
|
165
|
-
"hasTrack",
|
|
166
|
-
"style"
|
|
167
|
-
]);
|
|
168
|
-
var blurClass = hasBlur ? _Loadertokens.classes["".concat(blur, "LoaderBlur")] : '';
|
|
169
|
-
return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
|
|
170
|
-
ref: ref,
|
|
171
|
-
view: view,
|
|
172
|
-
size: size,
|
|
173
|
-
className: (0, _classnames.default)(className, blurClass, _define_property({}, _Loadertokens.classes.loaderHasOverlay, hasOverlay)),
|
|
174
|
-
style: _object_spread_props(_object_spread({}, style), {
|
|
175
|
-
'--plasma_private-loader-overlay-color': overlayColor || "var(".concat(_Loadertokens.tokens.overlayColor, ")")
|
|
176
|
-
})
|
|
177
|
-
}, rest), type === 'spinner' ? /*#__PURE__*/ _react.default.createElement(_Loaderstyles.StyledSpinner, {
|
|
178
|
-
size: size,
|
|
179
|
-
view: view
|
|
180
|
-
}) : /*#__PURE__*/ _react.default.createElement(_Loaderstyles.StyledProgressBarCircular, {
|
|
181
|
-
value: value,
|
|
182
|
-
maxValue: maxValue,
|
|
183
|
-
strokeSize: strokeSize,
|
|
184
|
-
size: size,
|
|
185
|
-
view: view,
|
|
186
|
-
hasTrack: hasTrack
|
|
187
|
-
}, children));
|
|
188
|
-
});
|
|
189
|
-
};
|
|
190
|
-
var loaderConfig = {
|
|
191
|
-
name: 'Loader',
|
|
192
|
-
tag: 'div',
|
|
193
|
-
layout: loaderRoot,
|
|
194
|
-
base: _Loaderstyles.base,
|
|
195
|
-
variations: {
|
|
196
|
-
view: {
|
|
197
|
-
css: _base.base
|
|
198
|
-
},
|
|
199
|
-
size: {
|
|
200
|
-
css: _base1.base
|
|
201
|
-
}
|
|
202
|
-
},
|
|
203
|
-
defaults: {
|
|
204
|
-
view: 'primary',
|
|
205
|
-
size: 'm'
|
|
206
|
-
}
|
|
207
|
-
};
|
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
get StyledProgressBarCircular () {
|
|
13
|
-
return StyledProgressBarCircular;
|
|
14
|
-
},
|
|
15
|
-
get StyledSpinner () {
|
|
16
|
-
return StyledSpinner;
|
|
17
|
-
},
|
|
18
|
-
get base () {
|
|
19
|
-
return base;
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
|
|
23
|
-
var _mixins = require("../../mixins");
|
|
24
|
-
var _Spinner = require("../Spinner");
|
|
25
|
-
var _ProgressBarCircular = require("../ProgressBarCircular");
|
|
26
|
-
var _engines = require("../../engines");
|
|
27
|
-
var _Loadertokens = require("./Loader.tokens");
|
|
28
|
-
function _getRequireWildcardCache(nodeInterop) {
|
|
29
|
-
if (typeof WeakMap !== "function") return null;
|
|
30
|
-
var cacheBabelInterop = new WeakMap();
|
|
31
|
-
var cacheNodeInterop = new WeakMap();
|
|
32
|
-
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
33
|
-
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
34
|
-
})(nodeInterop);
|
|
35
|
-
}
|
|
36
|
-
function _interop_require_wildcard(obj, nodeInterop) {
|
|
37
|
-
if (!nodeInterop && obj && obj.__esModule) {
|
|
38
|
-
return obj;
|
|
39
|
-
}
|
|
40
|
-
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
41
|
-
return {
|
|
42
|
-
default: obj
|
|
43
|
-
};
|
|
44
|
-
}
|
|
45
|
-
var cache = _getRequireWildcardCache(nodeInterop);
|
|
46
|
-
if (cache && cache.has(obj)) {
|
|
47
|
-
return cache.get(obj);
|
|
48
|
-
}
|
|
49
|
-
var newObj = {
|
|
50
|
-
__proto__: null
|
|
51
|
-
};
|
|
52
|
-
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
53
|
-
for(var key in obj){
|
|
54
|
-
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
55
|
-
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
56
|
-
if (desc && (desc.get || desc.set)) {
|
|
57
|
-
Object.defineProperty(newObj, key, desc);
|
|
58
|
-
} else {
|
|
59
|
-
newObj[key] = obj[key];
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
newObj.default = obj;
|
|
64
|
-
if (cache) {
|
|
65
|
-
cache.set(obj, newObj);
|
|
66
|
-
}
|
|
67
|
-
return newObj;
|
|
68
|
-
}
|
|
69
|
-
var mergedSpinnerConfig = (0, _engines.mergeConfig)(_Spinner.spinnerConfig);
|
|
70
|
-
var Spinner = (0, _engines.component)(mergedSpinnerConfig);
|
|
71
|
-
var mergedProgressBarCircularConfig = (0, _engines.mergeConfig)(_ProgressBarCircular.progressBarCircularConfig);
|
|
72
|
-
var ProgressBarCircular = (0, _engines.component)(mergedProgressBarCircularConfig);
|
|
73
|
-
var base = (0, _styledcomponents.css)([
|
|
74
|
-
"position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(",
|
|
75
|
-
");height:var(",
|
|
76
|
-
");&.",
|
|
77
|
-
"{",
|
|
78
|
-
"}&.",
|
|
79
|
-
"{",
|
|
80
|
-
"}&.",
|
|
81
|
-
"{",
|
|
82
|
-
"}&.",
|
|
83
|
-
"{background:var(",
|
|
84
|
-
");}"
|
|
85
|
-
], _Loadertokens.tokens.width, _Loadertokens.tokens.height, _Loadertokens.classes.smallLoaderBlur, (0, _mixins.applyBlur)('small'), _Loadertokens.classes.mediumLoaderBlur, (0, _mixins.applyBlur)('medium'), _Loadertokens.classes.largeLoaderBlur, (0, _mixins.applyBlur)('large'), _Loadertokens.classes.loaderHasOverlay, _Loadertokens.privateTokens.loaderOverlayColor);
|
|
86
|
-
var StyledSpinner = (0, _styledcomponents.default)(Spinner).withConfig({
|
|
87
|
-
displayName: "Loader.styles__StyledSpinner",
|
|
88
|
-
componentId: "sc-dd6b2421-0"
|
|
89
|
-
})([
|
|
90
|
-
"",
|
|
91
|
-
":var(",
|
|
92
|
-
");",
|
|
93
|
-
":var(",
|
|
94
|
-
");"
|
|
95
|
-
], _Spinner.spinnerTokens.size, _Loadertokens.tokens.spinnerSize, _Spinner.spinnerTokens.color, _Loadertokens.tokens.spinnerColor);
|
|
96
|
-
var StyledProgressBarCircular = (0, _styledcomponents.default)(ProgressBarCircular).withConfig({
|
|
97
|
-
displayName: "Loader.styles__StyledProgressBarCircular",
|
|
98
|
-
componentId: "sc-dd6b2421-1"
|
|
99
|
-
})([
|
|
100
|
-
"",
|
|
101
|
-
":var(",
|
|
102
|
-
");",
|
|
103
|
-
":var(",
|
|
104
|
-
");",
|
|
105
|
-
":var(",
|
|
106
|
-
");",
|
|
107
|
-
":var(",
|
|
108
|
-
");",
|
|
109
|
-
":var(",
|
|
110
|
-
");",
|
|
111
|
-
":var(",
|
|
112
|
-
");",
|
|
113
|
-
":var(",
|
|
114
|
-
");",
|
|
115
|
-
":var(",
|
|
116
|
-
");",
|
|
117
|
-
":var(",
|
|
118
|
-
");",
|
|
119
|
-
":var(",
|
|
120
|
-
");",
|
|
121
|
-
":var(",
|
|
122
|
-
");",
|
|
123
|
-
":var(",
|
|
124
|
-
");",
|
|
125
|
-
":var(",
|
|
126
|
-
");",
|
|
127
|
-
":var(",
|
|
128
|
-
");"
|
|
129
|
-
], _ProgressBarCircular.progressBarCircularTokens.size, _Loadertokens.tokens.progressBarCircularSize, _ProgressBarCircular.progressBarCircularTokens.width, _Loadertokens.tokens.progressBarCircularWidth, _ProgressBarCircular.progressBarCircularTokens.height, _Loadertokens.tokens.progressBarCircularHeight, _ProgressBarCircular.progressBarCircularTokens.strokeWidth, _Loadertokens.tokens.progressBarCircularStrokeWidth, _ProgressBarCircular.progressBarCircularTokens.strokeSize, _Loadertokens.tokens.progressBarCircularStrokeSize, _ProgressBarCircular.progressBarCircularTokens.backgroundStroke, _Loadertokens.tokens.progressBarCircularBackgroundStroke, _ProgressBarCircular.progressBarCircularTokens.progressStroke, _Loadertokens.tokens.progressBarCircularStroke, _ProgressBarCircular.progressBarCircularTokens.contentColor, _Loadertokens.tokens.progressBarCircularContentColor, _ProgressBarCircular.progressBarCircularTokens.contentFontFamily, _Loadertokens.tokens.progressBarCircularContentFontFamily, _ProgressBarCircular.progressBarCircularTokens.contentFontSize, _Loadertokens.tokens.progressBarCircularContentFontSize, _ProgressBarCircular.progressBarCircularTokens.contentFontStyle, _Loadertokens.tokens.progressBarCircularContentFontStyle, _ProgressBarCircular.progressBarCircularTokens.contentFontWeight, _Loadertokens.tokens.progressBarCircularContentFontWeight, _ProgressBarCircular.progressBarCircularTokens.contentLetterSpacing, _Loadertokens.tokens.progressBarCircularContentLetterSpacing, _ProgressBarCircular.progressBarCircularTokens.contentLineHeight, _Loadertokens.tokens.progressBarCircularContentLineHeight);
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
get classes () {
|
|
13
|
-
return classes;
|
|
14
|
-
},
|
|
15
|
-
get privateTokens () {
|
|
16
|
-
return privateTokens;
|
|
17
|
-
},
|
|
18
|
-
get tokens () {
|
|
19
|
-
return tokens;
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
var classes = {
|
|
23
|
-
smallLoaderBlur: '--plasma-loader-small-blur',
|
|
24
|
-
mediumLoaderBlur: '--plasma-loader-medium-blur',
|
|
25
|
-
largeLoaderBlur: '--plasma-loader-large-blur',
|
|
26
|
-
loaderHasOverlay: '--plasma-progressbar-circular-background-circle'
|
|
27
|
-
};
|
|
28
|
-
var tokens = {
|
|
29
|
-
width: '--plasma-loader-width',
|
|
30
|
-
height: '--plasma-loader-height',
|
|
31
|
-
progressBarCircularSize: '--plasma-loader-progressbar-circular-size',
|
|
32
|
-
progressBarCircularWidth: '--plasma-loader-progressbar-circular-width',
|
|
33
|
-
progressBarCircularHeight: '--plasma-loader-progressbar-circular-height',
|
|
34
|
-
progressBarCircularStrokeWidth: '--plasma-loader-progressbar-circular-stroke-width',
|
|
35
|
-
progressBarCircularStrokeSize: '--plasma-loader-progressbar-circular-stroke-size',
|
|
36
|
-
progressBarCircularBackgroundStroke: '--plasma-loader-progressbar-circular-background-stroke',
|
|
37
|
-
progressBarCircularStroke: '--plasma-loader-progressbar-circular-progress-stroke',
|
|
38
|
-
progressBarCircularContentColor: '--plasma-loader-progressbar-circular-content-color',
|
|
39
|
-
progressBarCircularContentFontFamily: '--plasma-loader-progressbar-circular-content-font-family',
|
|
40
|
-
progressBarCircularContentFontSize: '--plasma-loader-progressbar-circular-content-font-size',
|
|
41
|
-
progressBarCircularContentFontStyle: '--plasma-loader-progressbar-circular-content-font-style',
|
|
42
|
-
progressBarCircularContentFontWeight: '--plasma-loader-progressbar-circular-content-font-weight',
|
|
43
|
-
progressBarCircularContentLetterSpacing: '--plasma-loader-progressbar-circular-content-letter-spacing',
|
|
44
|
-
progressBarCircularContentLineHeight: '--plasma-loader-progressbar-circular-content-line-height',
|
|
45
|
-
overlayColor: '--plasma-loader-overlay-color',
|
|
46
|
-
spinnerSize: '--plasma-loader-spinner-size',
|
|
47
|
-
spinnerColor: '--plasma-loader-spinner-color'
|
|
48
|
-
};
|
|
49
|
-
var privateTokens = {
|
|
50
|
-
loaderOverlayColor: '--plasma_private-loader-overlay-color',
|
|
51
|
-
loaderBlur: '--plasma_private-loader-blur'
|
|
52
|
-
};
|