@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
|
@@ -5,7 +5,7 @@ import { base as base$2 } from './variations/_size/base.js';
|
|
|
5
5
|
import { StyledSVG, StyledBackgroundCircle, StyledProgressCircle, StyledContent, base } from './ProgressBarCircular.styles.js';
|
|
6
6
|
import { classes } from './ProgressBarCircular.tokens.js';
|
|
7
7
|
|
|
8
|
-
var _excluded = ["value", "maxValue", "size", "view", "children", "className", "
|
|
8
|
+
var _excluded = ["value", "maxValue", "size", "view", "children", "className", "strokeWidth"];
|
|
9
9
|
var progressBarCircularRoot = function progressBarCircularRoot(Root) {
|
|
10
10
|
return /*#__PURE__*/forwardRef(function (props, ref) {
|
|
11
11
|
var _props$value = props.value,
|
|
@@ -16,9 +16,7 @@ var progressBarCircularRoot = function progressBarCircularRoot(Root) {
|
|
|
16
16
|
view = props.view,
|
|
17
17
|
children = props.children,
|
|
18
18
|
className = props.className,
|
|
19
|
-
|
|
20
|
-
_props$hasTrack = props.hasTrack,
|
|
21
|
-
hasTrack = _props$hasTrack === void 0 ? true : _props$hasTrack,
|
|
19
|
+
strokeWidth = props.strokeWidth,
|
|
22
20
|
rest = _objectWithoutProperties(props, _excluded);
|
|
23
21
|
var clampedValue = Math.min(Math.max(value, 0), maxValue);
|
|
24
22
|
var percentage = clampedValue / maxValue * 100;
|
|
@@ -33,15 +31,15 @@ var progressBarCircularRoot = function progressBarCircularRoot(Root) {
|
|
|
33
31
|
height: "100%",
|
|
34
32
|
viewBox: "0 0 100 100",
|
|
35
33
|
className: classes.svg
|
|
36
|
-
},
|
|
37
|
-
customStrokeWidth:
|
|
34
|
+
}, /*#__PURE__*/React.createElement(StyledBackgroundCircle, {
|
|
35
|
+
customStrokeWidth: strokeWidth,
|
|
38
36
|
cx: center,
|
|
39
37
|
cy: center,
|
|
40
38
|
className: classes.backgroundCircle
|
|
41
39
|
}), /*#__PURE__*/React.createElement(StyledProgressCircle, {
|
|
42
40
|
cx: center,
|
|
43
41
|
cy: center,
|
|
44
|
-
customStrokeWidth:
|
|
42
|
+
customStrokeWidth: strokeWidth,
|
|
45
43
|
className: classes.progressCircle,
|
|
46
44
|
percent: percentage,
|
|
47
45
|
transform: "rotate(-90 50 50)"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBarCircular.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\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 { ProgressBarCircularProps } from './ProgressBarCircular.types';\nimport {\n base,\n StyledSVG,\n StyledBackgroundCircle,\n StyledProgressCircle,\n StyledContent,\n} from './ProgressBarCircular.styles';\nimport { classes } from './ProgressBarCircular.tokens';\n\nexport const progressBarCircularRoot = (Root: RootProps<HTMLDivElement, ProgressBarCircularProps>) =>\n forwardRef<HTMLDivElement, ProgressBarCircularProps>((props, ref) => {\n const {
|
|
1
|
+
{"version":3,"file":"ProgressBarCircular.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\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 { ProgressBarCircularProps } from './ProgressBarCircular.types';\nimport {\n base,\n StyledSVG,\n StyledBackgroundCircle,\n StyledProgressCircle,\n StyledContent,\n} from './ProgressBarCircular.styles';\nimport { classes } from './ProgressBarCircular.tokens';\n\nexport const progressBarCircularRoot = (Root: RootProps<HTMLDivElement, ProgressBarCircularProps>) =>\n forwardRef<HTMLDivElement, ProgressBarCircularProps>((props, ref) => {\n const { value = 0, maxValue = 100, size, view, children, className, strokeWidth, ...rest } = props;\n\n const clampedValue = Math.min(Math.max(value, 0), maxValue);\n const percentage = (clampedValue / maxValue) * 100;\n\n const center = 50;\n\n return (\n <Root ref={ref} view={view} size={size} className={className} {...rest}>\n <StyledSVG width=\"100%\" height=\"100%\" viewBox=\"0 0 100 100\" className={classes.svg}>\n <StyledBackgroundCircle\n customStrokeWidth={strokeWidth}\n cx={center}\n cy={center}\n className={classes.backgroundCircle}\n />\n <StyledProgressCircle\n cx={center}\n cy={center}\n customStrokeWidth={strokeWidth}\n className={classes.progressCircle}\n percent={percentage}\n transform=\"rotate(-90 50 50)\"\n />\n </StyledSVG>\n\n {children && <StyledContent className={classes.content}>{children}</StyledContent>}\n </Root>\n );\n });\n\nexport const progressBarCircularConfig = {\n name: 'ProgressBarCircular',\n tag: 'div',\n layout: progressBarCircularRoot,\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":["progressBarCircularRoot","Root","forwardRef","props","ref","_props$value","value","_props$maxValue","maxValue","size","view","children","className","strokeWidth","rest","_objectWithoutProperties","_excluded","clampedValue","Math","min","max","percentage","center","React","createElement","_extends","StyledSVG","width","height","viewBox","classes","svg","StyledBackgroundCircle","customStrokeWidth","cx","cy","backgroundCircle","StyledProgressCircle","progressCircle","percent","transform","StyledContent","content","progressBarCircularConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBarCircular.styles.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { tokens } from './ProgressBarCircular.tokens';\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.height});\n height: var(${tokens.height});\n`;\n\nexport const StyledSVG = styled.svg`\n width: 100%;\n height: 100%;\n`;\n\nexport const StyledBackgroundCircle = styled.circle<{ customStrokeWidth?: number }>`\n fill: none;\n r: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(50px - calc(calc(50px / var(${tokens.size})) * ${customStrokeWidth}))`};\n stroke: var(${tokens.backgroundStroke});\n stroke-width: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(calc(50px / var(${tokens.size})) * calc(${customStrokeWidth}) * 2)`};\n`;\n\nexport const StyledProgressCircle = styled.circle<{ customStrokeWidth?: number; percent?: number }>`\n --percentage: ${({ percent }) => percent ?? 0};\n --radius: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(50px - calc(calc(50px / var(${tokens.size})) * ${customStrokeWidth}))`};\n --circumference: calc(calc(2 * 3.1415926535) * var(--radius));\n --dashoffset: calc(var(--circumference) - (var(--percentage, 0) * var(--circumference) / 100));\n\n fill: none;\n stroke: var(${tokens.progressStroke});\n stroke-width: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(calc(50px / var(${tokens.size})) * calc(${customStrokeWidth}) * 2)`};\n stroke-linecap: round;\n r: var(--radius);\n stroke-dasharray: var(--circumference);\n stroke-dashoffset: var(--dashoffset);\n transition: stroke-dashoffset 0.3s
|
|
1
|
+
{"version":3,"file":"ProgressBarCircular.styles.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { tokens } from './ProgressBarCircular.tokens';\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.height});\n height: var(${tokens.height});\n`;\n\nexport const StyledSVG = styled.svg`\n width: 100%;\n height: 100%;\n`;\n\nexport const StyledBackgroundCircle = styled.circle<{ customStrokeWidth?: number }>`\n fill: none;\n r: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(50px - calc(calc(50px / var(${tokens.size})) * ${customStrokeWidth}))`};\n stroke: var(${tokens.backgroundStroke});\n stroke-width: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(calc(50px / var(${tokens.size})) * calc(${customStrokeWidth}) * 2)`};\n`;\n\nexport const StyledProgressCircle = styled.circle<{ customStrokeWidth?: number; percent?: number }>`\n --percentage: ${({ percent }) => percent ?? 0};\n --radius: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(50px - calc(calc(50px / var(${tokens.size})) * ${customStrokeWidth}))`};\n --circumference: calc(calc(2 * 3.1415926535) * var(--radius));\n --dashoffset: calc(var(--circumference) - (var(--percentage, 0) * var(--circumference) / 100));\n\n fill: none;\n stroke: var(${tokens.progressStroke});\n stroke-width: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(calc(50px / var(${tokens.size})) * calc(${customStrokeWidth}) * 2)`};\n stroke-linecap: round;\n r: var(--radius);\n stroke-dasharray: var(--circumference);\n stroke-dashoffset: var(--dashoffset);\n transition: stroke-dashoffset 0.3s ease-in-out;\n`;\n\nexport const StyledContent = styled.div`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n color: var(${tokens.contentColor});\n font-family: var(${tokens.contentFontFamily});\n font-size: var(${tokens.contentFontSize});\n font-style: var(${tokens.contentFontStyle});\n font-weight: var(${tokens.contentFontWeight});\n letter-spacing: var(${tokens.contentLetterSpacing});\n line-height: var(${tokens.contentLineHeight});\n\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n"],"names":["base","StyledSVG","styled","name","class","propsAsIs","_exp3","_ref","_ref$customStrokeWidt","customStrokeWidth","concat","tokens","strokeSize","size","_exp5","_ref2","_ref2$customStrokeWid","StyledBackgroundCircle","vars","_exp6","_ref3","percent","_exp7","_ref4","_ref4$customStrokeWid","_exp9","_ref5","_ref5$customStrokeWid","StyledProgressCircle","StyledContent"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.b18reh89{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);}
|
|
2
2
|
.s2tt3b5{width:100%;height:100%;}
|
|
3
3
|
.slvt37h{fill:none;r:var(--slvt37h-0);stroke:var(--plasma-progressbar-circular-background-stroke);stroke-width:var(--slvt37h-1);}
|
|
4
|
-
.s1d8ncmi{--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
|
|
4
|
+
.s1d8ncmi{--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 ease-in-out;transition:stroke-dashoffset 0.3s ease-in-out;}
|
|
5
5
|
.sg9aoc4{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;}
|
package/es/index.css
CHANGED
|
@@ -1171,11 +1171,11 @@
|
|
|
1171
1171
|
.Section_styles_147bzzp_a6i3xtj__60e0567c{margin:auto;}
|
|
1172
1172
|
.Section_styles_147bzzp_lnmmdxt__60e0567c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
1173
1173
|
|
|
1174
|
-
.
|
|
1175
|
-
.
|
|
1176
|
-
.
|
|
1177
|
-
.
|
|
1178
|
-
.
|
|
1174
|
+
.ProgressBarCircular_styles_1cnlydo_b18reh89__42dafeea{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);}
|
|
1175
|
+
.ProgressBarCircular_styles_1cnlydo_s2tt3b5__42dafeea{width:100%;height:100%;}
|
|
1176
|
+
.ProgressBarCircular_styles_1cnlydo_slvt37h__42dafeea{fill:none;r:var(--slvt37h-0);stroke:var(--plasma-progressbar-circular-background-stroke);stroke-width:var(--slvt37h-1);}
|
|
1177
|
+
.ProgressBarCircular_styles_1cnlydo_s1d8ncmi__42dafeea{--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 ease-in-out;transition:stroke-dashoffset 0.3s ease-in-out;}
|
|
1178
|
+
.ProgressBarCircular_styles_1cnlydo_sg9aoc4__42dafeea{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;}
|
|
1179
1179
|
|
|
1180
1180
|
.TimePickerGrid_styles_mz2mkl_b1gxyazn__68be6be3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:10rem;}
|
|
1181
1181
|
.TimePickerGrid_styles_mz2mkl_s5pkh4__68be6be3{background:var(--plasma-time-picker-grid-grid-background);border-radius:var(--plasma-time-picker-grid-grid-border-radius);width:var(--s5pkh4-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:var(--plasma-time-picker-grid-grid-padding);-webkit-flex:1 1 1;-ms-flex:1 1 1;flex:1 1 1;gap:var(--plasma-time-picker-grid-scrollbar-width);box-sizing:border-box;position:relative;height:var(--plasma-time-picker-grid-column-height);}
|
|
@@ -1197,7 +1197,3 @@
|
|
|
1197
1197
|
.base_nyid0i_bxyi89k__8a89f178[disabled]{opacity:var(--plasma-time-picker-disabled-opacity);cursor:not-allowed;}
|
|
1198
1198
|
|
|
1199
1199
|
.base_zalfas_b13m44ib__f47929ae[readonly]{cursor:not-allowed;}
|
|
1200
|
-
|
|
1201
|
-
.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);}
|
|
1202
|
-
.Loader_styles_1i0a33d_s14s1lcu__1de0e3cd{--plasma-spinner-size:var(--plasma-loader-spinner-size);--plasma-spinner-color:var(--plasma-loader-spinner-color);}
|
|
1203
|
-
.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);}
|
package/es/index.js
CHANGED
|
@@ -265,6 +265,4 @@ export { progressBarCircularConfig, progressBarCircularRoot } from './components
|
|
|
265
265
|
export { tokens as progressBarCircularTokens } from './components/ProgressBarCircular/ProgressBarCircular.tokens.js';
|
|
266
266
|
export { timePickerConfig, timePickerRoot } from './components/TimePicker/TimePicker.js';
|
|
267
267
|
export { classes as timePickerClasses, tokens as timePickerTokens } from './components/TimePicker/TimePicker.tokens.js';
|
|
268
|
-
export { loaderConfig, loaderRoot } from './components/Loader/Loader.js';
|
|
269
|
-
export { tokens as loaderTokens } from './components/Loader/Loader.tokens.js';
|
|
270
268
|
//# sourceMappingURL=index.js.map
|
package/es/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.339.0-canary.
|
|
3
|
+
"version": "0.339.0-canary.2303.18841217749.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
"@rollup/plugin-babel": "^6.0.4",
|
|
80
80
|
"@rollup/plugin-commonjs": "^25.0.4",
|
|
81
81
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
82
|
-
"@salutejs/plasma-sb-utils": "0.209.0-canary.
|
|
82
|
+
"@salutejs/plasma-sb-utils": "0.209.0-canary.2303.18841217749.0",
|
|
83
83
|
"@salutejs/plasma-themes": "0.38.0",
|
|
84
84
|
"@storybook/addon-docs": "8.6.12",
|
|
85
85
|
"@storybook/addon-essentials": "8.6.12",
|
|
@@ -117,7 +117,7 @@
|
|
|
117
117
|
"@linaria/react": "5.0.3",
|
|
118
118
|
"@popperjs/core": "2.11.8",
|
|
119
119
|
"@salutejs/input-core": "2.1.2",
|
|
120
|
-
"@salutejs/plasma-core": "1.209.0-canary.
|
|
120
|
+
"@salutejs/plasma-core": "1.209.0-canary.2303.18841217749.0",
|
|
121
121
|
"@salutejs/react-maskinput": "3.2.6",
|
|
122
122
|
"@tanstack/react-table": "8.21.2",
|
|
123
123
|
"@tanstack/react-virtual": "3.13.2",
|
|
@@ -137,5 +137,5 @@
|
|
|
137
137
|
"sideEffects": [
|
|
138
138
|
"*.css"
|
|
139
139
|
],
|
|
140
|
-
"gitHead": "
|
|
140
|
+
"gitHead": "465d21b58d746fc2770c7ef56ca6e29dca9d40c2"
|
|
141
141
|
}
|
|
@@ -119,15 +119,14 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
119
119
|
}
|
|
120
120
|
var progressBarCircularRoot = function(Root) {
|
|
121
121
|
return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
|
|
122
|
-
var _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, _props_maxValue = props.maxValue, maxValue = _props_maxValue === void 0 ? 100 : _props_maxValue, size = props.size, view = props.view, children = props.children, className = props.className,
|
|
122
|
+
var _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, _props_maxValue = props.maxValue, maxValue = _props_maxValue === void 0 ? 100 : _props_maxValue, size = props.size, view = props.view, children = props.children, className = props.className, strokeWidth = props.strokeWidth, rest = _object_without_properties(props, [
|
|
123
123
|
"value",
|
|
124
124
|
"maxValue",
|
|
125
125
|
"size",
|
|
126
126
|
"view",
|
|
127
127
|
"children",
|
|
128
128
|
"className",
|
|
129
|
-
"
|
|
130
|
-
"hasTrack"
|
|
129
|
+
"strokeWidth"
|
|
131
130
|
]);
|
|
132
131
|
var clampedValue = Math.min(Math.max(value, 0), maxValue);
|
|
133
132
|
var percentage = clampedValue / maxValue * 100;
|
|
@@ -142,15 +141,15 @@ var progressBarCircularRoot = function(Root) {
|
|
|
142
141
|
height: "100%",
|
|
143
142
|
viewBox: "0 0 100 100",
|
|
144
143
|
className: _ProgressBarCirculartokens.classes.svg
|
|
145
|
-
},
|
|
146
|
-
customStrokeWidth:
|
|
144
|
+
}, /*#__PURE__*/ _react.default.createElement(_ProgressBarCircularstyles.StyledBackgroundCircle, {
|
|
145
|
+
customStrokeWidth: strokeWidth,
|
|
147
146
|
cx: center,
|
|
148
147
|
cy: center,
|
|
149
148
|
className: _ProgressBarCirculartokens.classes.backgroundCircle
|
|
150
149
|
}), /*#__PURE__*/ _react.default.createElement(_ProgressBarCircularstyles.StyledProgressCircle, {
|
|
151
150
|
cx: center,
|
|
152
151
|
cy: center,
|
|
153
|
-
customStrokeWidth:
|
|
152
|
+
customStrokeWidth: strokeWidth,
|
|
154
153
|
className: _ProgressBarCirculartokens.classes.progressCircle,
|
|
155
154
|
percent: percentage,
|
|
156
155
|
transform: "rotate(-90 50 50)"
|
|
@@ -75,13 +75,13 @@ var base = (0, _styledcomponents.css)([
|
|
|
75
75
|
], _ProgressBarCirculartokens.tokens.height, _ProgressBarCirculartokens.tokens.height);
|
|
76
76
|
var StyledSVG = _styledcomponents.default.svg.withConfig({
|
|
77
77
|
displayName: "ProgressBarCircular.styles__StyledSVG",
|
|
78
|
-
componentId: "sc-
|
|
78
|
+
componentId: "sc-91481a88-0"
|
|
79
79
|
})([
|
|
80
80
|
"width:100%;height:100%;"
|
|
81
81
|
]);
|
|
82
82
|
var StyledBackgroundCircle = _styledcomponents.default.circle.withConfig({
|
|
83
83
|
displayName: "ProgressBarCircular.styles__StyledBackgroundCircle",
|
|
84
|
-
componentId: "sc-
|
|
84
|
+
componentId: "sc-91481a88-1"
|
|
85
85
|
})([
|
|
86
86
|
"fill:none;r:",
|
|
87
87
|
";stroke:var(",
|
|
@@ -96,13 +96,13 @@ var StyledBackgroundCircle = _styledcomponents.default.circle.withConfig({
|
|
|
96
96
|
});
|
|
97
97
|
var StyledProgressCircle = _styledcomponents.default.circle.withConfig({
|
|
98
98
|
displayName: "ProgressBarCircular.styles__StyledProgressCircle",
|
|
99
|
-
componentId: "sc-
|
|
99
|
+
componentId: "sc-91481a88-2"
|
|
100
100
|
})([
|
|
101
101
|
"--percentage:",
|
|
102
102
|
";--radius:",
|
|
103
103
|
";--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(",
|
|
104
104
|
");stroke-width:",
|
|
105
|
-
";stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);transition:stroke-dashoffset 0.3s
|
|
105
|
+
";stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);transition:stroke-dashoffset 0.3s ease-in-out;"
|
|
106
106
|
], function(param) {
|
|
107
107
|
var percent = param.percent;
|
|
108
108
|
return percent !== null && percent !== void 0 ? percent : 0;
|
|
@@ -115,7 +115,7 @@ var StyledProgressCircle = _styledcomponents.default.circle.withConfig({
|
|
|
115
115
|
});
|
|
116
116
|
var StyledContent = _styledcomponents.default.div.withConfig({
|
|
117
117
|
displayName: "ProgressBarCircular.styles__StyledContent",
|
|
118
|
-
componentId: "sc-
|
|
118
|
+
componentId: "sc-91481a88-3"
|
|
119
119
|
})([
|
|
120
120
|
"position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(",
|
|
121
121
|
");font-family:var(",
|
|
@@ -88,7 +88,6 @@ _export_star(require("./components/InformationWrapper"), exports);
|
|
|
88
88
|
_export_star(require("./components/NavigationDrawer"), exports);
|
|
89
89
|
_export_star(require("./components/ProgressBarCircular"), exports);
|
|
90
90
|
_export_star(require("./components/TimePicker"), exports);
|
|
91
|
-
_export_star(require("./components/Loader"), exports);
|
|
92
91
|
function _export_star(from, to) {
|
|
93
92
|
Object.keys(from).forEach(function(k) {
|
|
94
93
|
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
|
|
@@ -60,15 +60,14 @@ import { base, StyledSVG, StyledBackgroundCircle, StyledProgressCircle, StyledCo
|
|
|
60
60
|
import { classes } from "./ProgressBarCircular.tokens";
|
|
61
61
|
export var progressBarCircularRoot = function(Root) {
|
|
62
62
|
return /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
63
|
-
var _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, _props_maxValue = props.maxValue, maxValue = _props_maxValue === void 0 ? 100 : _props_maxValue, size = props.size, view = props.view, children = props.children, className = props.className,
|
|
63
|
+
var _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, _props_maxValue = props.maxValue, maxValue = _props_maxValue === void 0 ? 100 : _props_maxValue, size = props.size, view = props.view, children = props.children, className = props.className, strokeWidth = props.strokeWidth, rest = _object_without_properties(props, [
|
|
64
64
|
"value",
|
|
65
65
|
"maxValue",
|
|
66
66
|
"size",
|
|
67
67
|
"view",
|
|
68
68
|
"children",
|
|
69
69
|
"className",
|
|
70
|
-
"
|
|
71
|
-
"hasTrack"
|
|
70
|
+
"strokeWidth"
|
|
72
71
|
]);
|
|
73
72
|
var clampedValue = Math.min(Math.max(value, 0), maxValue);
|
|
74
73
|
var percentage = clampedValue / maxValue * 100;
|
|
@@ -83,15 +82,15 @@ export var progressBarCircularRoot = function(Root) {
|
|
|
83
82
|
height: "100%",
|
|
84
83
|
viewBox: "0 0 100 100",
|
|
85
84
|
className: classes.svg
|
|
86
|
-
},
|
|
87
|
-
customStrokeWidth:
|
|
85
|
+
}, /*#__PURE__*/ React.createElement(StyledBackgroundCircle, {
|
|
86
|
+
customStrokeWidth: strokeWidth,
|
|
88
87
|
cx: center,
|
|
89
88
|
cy: center,
|
|
90
89
|
className: classes.backgroundCircle
|
|
91
90
|
}), /*#__PURE__*/ React.createElement(StyledProgressCircle, {
|
|
92
91
|
cx: center,
|
|
93
92
|
cy: center,
|
|
94
|
-
customStrokeWidth:
|
|
93
|
+
customStrokeWidth: strokeWidth,
|
|
95
94
|
className: classes.progressCircle,
|
|
96
95
|
percent: percentage,
|
|
97
96
|
transform: "rotate(-90 50 50)"
|
|
@@ -8,13 +8,13 @@ export var base = css([
|
|
|
8
8
|
], tokens.height, tokens.height);
|
|
9
9
|
export var StyledSVG = styled.svg.withConfig({
|
|
10
10
|
displayName: "ProgressBarCircular.styles__StyledSVG",
|
|
11
|
-
componentId: "sc-
|
|
11
|
+
componentId: "sc-91481a88-0"
|
|
12
12
|
})([
|
|
13
13
|
"width:100%;height:100%;"
|
|
14
14
|
]);
|
|
15
15
|
export var StyledBackgroundCircle = styled.circle.withConfig({
|
|
16
16
|
displayName: "ProgressBarCircular.styles__StyledBackgroundCircle",
|
|
17
|
-
componentId: "sc-
|
|
17
|
+
componentId: "sc-91481a88-1"
|
|
18
18
|
})([
|
|
19
19
|
"fill:none;r:",
|
|
20
20
|
";stroke:var(",
|
|
@@ -29,13 +29,13 @@ export var StyledBackgroundCircle = styled.circle.withConfig({
|
|
|
29
29
|
});
|
|
30
30
|
export var StyledProgressCircle = styled.circle.withConfig({
|
|
31
31
|
displayName: "ProgressBarCircular.styles__StyledProgressCircle",
|
|
32
|
-
componentId: "sc-
|
|
32
|
+
componentId: "sc-91481a88-2"
|
|
33
33
|
})([
|
|
34
34
|
"--percentage:",
|
|
35
35
|
";--radius:",
|
|
36
36
|
";--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(",
|
|
37
37
|
");stroke-width:",
|
|
38
|
-
";stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);transition:stroke-dashoffset 0.3s
|
|
38
|
+
";stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);transition:stroke-dashoffset 0.3s ease-in-out;"
|
|
39
39
|
], function(param) {
|
|
40
40
|
var percent = param.percent;
|
|
41
41
|
return percent !== null && percent !== void 0 ? percent : 0;
|
|
@@ -48,7 +48,7 @@ export var StyledProgressCircle = styled.circle.withConfig({
|
|
|
48
48
|
});
|
|
49
49
|
export var StyledContent = styled.div.withConfig({
|
|
50
50
|
displayName: "ProgressBarCircular.styles__StyledContent",
|
|
51
|
-
componentId: "sc-
|
|
51
|
+
componentId: "sc-91481a88-3"
|
|
52
52
|
})([
|
|
53
53
|
"position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(",
|
|
54
54
|
");font-family:var(",
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { component, mergeConfig } from "../../../engines";
|
|
2
|
+
import { comboboxNewConfig } from "../../..";
|
|
3
|
+
import { config } from "./Combobox.config";
|
|
4
|
+
var mergedConfig = mergeConfig(comboboxNewConfig, config);
|
|
5
|
+
var ComboboxComponent = component(mergedConfig);
|
|
6
|
+
var Combobox = ComboboxComponent;
|
|
7
|
+
export { Combobox };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBarCircular.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI/C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAU5E,eAAO,MAAM,uBAAuB,SAAU,SAAS,CAAC,cAAc,EAAE,wBAAwB,CAAC,
|
|
1
|
+
{"version":3,"file":"ProgressBarCircular.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI/C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAU5E,eAAO,MAAM,uBAAuB,SAAU,SAAS,CAAC,cAAc,EAAE,wBAAwB,CAAC,uLA+B3F,CAAC;AAEP,eAAO,MAAM,yBAAyB;;;mBAjCQ,SAAS,CAAC,cAAc,EAAE,wBAAwB,CAAC;;;;;;;;;;;;;;CAkDhG,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBarCircular.types.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,8BAA8B,GAAG;IACzC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,
|
|
1
|
+
{"version":3,"file":"ProgressBarCircular.types.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,8BAA8B,GAAG;IACzC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,8BAA8B,CAAC"}
|
package/types/index.d.ts
CHANGED
|
@@ -85,5 +85,4 @@ export * from './components/InformationWrapper';
|
|
|
85
85
|
export * from './components/NavigationDrawer';
|
|
86
86
|
export * from './components/ProgressBarCircular';
|
|
87
87
|
export * from './components/TimePicker';
|
|
88
|
-
export * from './components/Loader';
|
|
89
88
|
//# sourceMappingURL=index.d.ts.map
|
package/types/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,yBAAyB,CAAC
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,yBAAyB,CAAC"}
|
|
@@ -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,85 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var cls = require('classnames');
|
|
8
|
-
var base = require('./variations/_view/base.js');
|
|
9
|
-
var base$1 = require('./variations/_size/base.js');
|
|
10
|
-
var Loader_styles = require('./Loader.styles.js');
|
|
11
|
-
var Loader_tokens = require('./Loader.tokens.js');
|
|
12
|
-
|
|
13
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
-
|
|
15
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
16
|
-
var cls__default = /*#__PURE__*/_interopDefault(cls);
|
|
17
|
-
|
|
18
|
-
var _excluded = ["type", "hasBlur", "hasOverlay", "value", "blur", "overlayColor", "maxValue", "size", "view", "children", "className", "strokeSize", "hasTrack", "style"];
|
|
19
|
-
var loaderRoot = function loaderRoot(Root) {
|
|
20
|
-
return /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
21
|
-
var _props$type = props.type,
|
|
22
|
-
type = _props$type === void 0 ? 'spinner' : _props$type,
|
|
23
|
-
_props$hasBlur = props.hasBlur,
|
|
24
|
-
hasBlur = _props$hasBlur === void 0 ? false : _props$hasBlur,
|
|
25
|
-
_props$hasOverlay = props.hasOverlay,
|
|
26
|
-
hasOverlay = _props$hasOverlay === void 0 ? false : _props$hasOverlay,
|
|
27
|
-
_props$value = props.value,
|
|
28
|
-
value = _props$value === void 0 ? 0 : _props$value,
|
|
29
|
-
_props$blur = props.blur,
|
|
30
|
-
blur = _props$blur === void 0 ? 'medium' : _props$blur,
|
|
31
|
-
overlayColor = props.overlayColor,
|
|
32
|
-
_props$maxValue = props.maxValue,
|
|
33
|
-
maxValue = _props$maxValue === void 0 ? 100 : _props$maxValue,
|
|
34
|
-
size = props.size,
|
|
35
|
-
view = props.view,
|
|
36
|
-
children = props.children,
|
|
37
|
-
className = props.className,
|
|
38
|
-
strokeSize = props.strokeSize,
|
|
39
|
-
hasTrack = props.hasTrack,
|
|
40
|
-
style = props.style,
|
|
41
|
-
rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
|
|
42
|
-
var blurClass = hasBlur ? Loader_tokens.classes["".concat(blur, "LoaderBlur")] : '';
|
|
43
|
-
return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
|
|
44
|
-
ref: ref,
|
|
45
|
-
view: view,
|
|
46
|
-
size: size,
|
|
47
|
-
className: cls__default.default(className, blurClass, _rollupPluginBabelHelpers.defineProperty({}, Loader_tokens.classes.loaderHasOverlay, hasOverlay)),
|
|
48
|
-
style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, style), {}, {
|
|
49
|
-
'--plasma_private-loader-overlay-color': overlayColor || "var(".concat(Loader_tokens.tokens.overlayColor, ")")
|
|
50
|
-
})
|
|
51
|
-
}, rest), type === 'spinner' ? /*#__PURE__*/React__default.default.createElement(Loader_styles.StyledSpinner, {
|
|
52
|
-
size: size,
|
|
53
|
-
view: view
|
|
54
|
-
}) : /*#__PURE__*/React__default.default.createElement(Loader_styles.StyledProgressBarCircular, {
|
|
55
|
-
value: value,
|
|
56
|
-
maxValue: maxValue,
|
|
57
|
-
strokeSize: strokeSize,
|
|
58
|
-
size: size,
|
|
59
|
-
view: view,
|
|
60
|
-
hasTrack: hasTrack
|
|
61
|
-
}, children));
|
|
62
|
-
});
|
|
63
|
-
};
|
|
64
|
-
var loaderConfig = {
|
|
65
|
-
name: 'Loader',
|
|
66
|
-
tag: 'div',
|
|
67
|
-
layout: loaderRoot,
|
|
68
|
-
base: Loader_styles.base,
|
|
69
|
-
variations: {
|
|
70
|
-
view: {
|
|
71
|
-
css: base.base
|
|
72
|
-
},
|
|
73
|
-
size: {
|
|
74
|
-
css: base$1.base
|
|
75
|
-
}
|
|
76
|
-
},
|
|
77
|
-
defaults: {
|
|
78
|
-
view: 'primary',
|
|
79
|
-
size: 'm'
|
|
80
|
-
}
|
|
81
|
-
};
|
|
82
|
-
|
|
83
|
-
exports.loaderConfig = loaderConfig;
|
|
84
|
-
exports.loaderRoot = loaderRoot;
|
|
85
|
-
//# 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,36 +0,0 @@
|
|
|
1
|
-
require('./Loader.styles_1i0a33d.css');
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
-
|
|
6
|
-
var react = require('@linaria/react');
|
|
7
|
-
var common = require('../../engines/common.js');
|
|
8
|
-
var Spinner$1 = require('../Spinner/Spinner.js');
|
|
9
|
-
var ProgressBarCircular$1 = require('../ProgressBarCircular/ProgressBarCircular.js');
|
|
10
|
-
|
|
11
|
-
var mergedSpinnerConfig = /*#__PURE__*/common.mergeConfig(Spinner$1.spinnerConfig);
|
|
12
|
-
var Spinner = /*#__PURE__*/common.component(mergedSpinnerConfig);
|
|
13
|
-
var mergedProgressBarCircularConfig = /*#__PURE__*/common.mergeConfig(ProgressBarCircular$1.progressBarCircularConfig);
|
|
14
|
-
var ProgressBarCircular = /*#__PURE__*/common.component(mergedProgressBarCircularConfig);
|
|
15
|
-
var base = "b1pysjlh";
|
|
16
|
-
var _exp11 = function _exp11() {
|
|
17
|
-
return Spinner;
|
|
18
|
-
};
|
|
19
|
-
var StyledSpinner = /*#__PURE__*/react.styled(_exp11())({
|
|
20
|
-
name: "StyledSpinner",
|
|
21
|
-
"class": "s14s1lcu",
|
|
22
|
-
propsAsIs: true
|
|
23
|
-
});
|
|
24
|
-
var _exp16 = function _exp16() {
|
|
25
|
-
return ProgressBarCircular;
|
|
26
|
-
};
|
|
27
|
-
var StyledProgressBarCircular = /*#__PURE__*/react.styled(_exp16())({
|
|
28
|
-
name: "StyledProgressBarCircular",
|
|
29
|
-
"class": "s14gpc11",
|
|
30
|
-
propsAsIs: true
|
|
31
|
-
});
|
|
32
|
-
|
|
33
|
-
exports.StyledProgressBarCircular = StyledProgressBarCircular;
|
|
34
|
-
exports.StyledSpinner = StyledSpinner;
|
|
35
|
-
exports.base = base;
|
|
36
|
-
//# sourceMappingURL=Loader.styles.js.map
|