@salutejs/plasma-web 1.596.0-canary.2280.18412321271.0 → 1.596.0-canary.2280.18485554017.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/components/ProgressBarCircular/ProgressBarCircular.config.d.ts +1 -0
- package/components/ProgressBarCircular/ProgressBarCircular.config.js +34 -21
- package/components/ProgressBarCircular/ProgressBarCircular.d.ts +1 -0
- package/css/cjs/components/ProgressBarCircular/ProgressBarCircular.config.js +34 -0
- package/css/cjs/components/ProgressBarCircular/ProgressBarCircular.config.js.map +1 -0
- package/css/cjs/components/ProgressBarCircular/ProgressBarCircular.config_3d74ss.css +14 -0
- package/css/cjs/components/ProgressBarCircular/ProgressBarCircular.css +14 -0
- package/css/cjs/components/ProgressBarCircular/ProgressBarCircular.js +12 -0
- package/css/cjs/components/ProgressBarCircular/ProgressBarCircular.js.map +1 -0
- package/css/cjs/index.css +15 -0
- package/css/cjs/index.js +2 -0
- package/css/cjs/index.js.map +1 -1
- package/css/es/components/ProgressBarCircular/ProgressBarCircular.config.js +30 -0
- package/css/es/components/ProgressBarCircular/ProgressBarCircular.config.js.map +1 -0
- package/css/es/components/ProgressBarCircular/ProgressBarCircular.config_3d74ss.css +14 -0
- package/css/es/components/ProgressBarCircular/ProgressBarCircular.css +14 -0
- package/css/es/components/ProgressBarCircular/ProgressBarCircular.js +8 -0
- package/css/es/components/ProgressBarCircular/ProgressBarCircular.js.map +1 -0
- package/css/es/index.css +15 -0
- package/css/es/index.js +1 -0
- package/css/es/index.js.map +1 -1
- package/es/components/ProgressBarCircular/ProgressBarCircular.config.js +34 -21
- package/es/index.js +1 -0
- package/index.d.ts +1 -0
- package/index.js +1 -0
- package/package.json +3 -3
|
@@ -11,6 +11,7 @@ export declare const config: {
|
|
|
11
11
|
positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
12
12
|
warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
13
13
|
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
14
|
+
info: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
14
15
|
};
|
|
15
16
|
size: {
|
|
16
17
|
xxl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -92,6 +92,18 @@ function _templateObject5() {
|
|
|
92
92
|
return data;
|
|
93
93
|
}
|
|
94
94
|
function _templateObject6() {
|
|
95
|
+
var data = _tagged_template_literal([
|
|
96
|
+
"\n ",
|
|
97
|
+
": var(--surface-transparent-tertiary);\n ",
|
|
98
|
+
": var(--surface-info);\n ",
|
|
99
|
+
": var(--text-primary);\n "
|
|
100
|
+
]);
|
|
101
|
+
_templateObject6 = function _templateObject() {
|
|
102
|
+
return data;
|
|
103
|
+
};
|
|
104
|
+
return data;
|
|
105
|
+
}
|
|
106
|
+
function _templateObject7() {
|
|
95
107
|
var data = _tagged_template_literal([
|
|
96
108
|
"\n ",
|
|
97
109
|
": 8rem;\n ",
|
|
@@ -105,12 +117,12 @@ function _templateObject6() {
|
|
|
105
117
|
": var(--plasma-typo-h2-letter-spacing);\n ",
|
|
106
118
|
": var(--plasma-typo-h2-line-height);\n "
|
|
107
119
|
]);
|
|
108
|
-
|
|
120
|
+
_templateObject7 = function _templateObject() {
|
|
109
121
|
return data;
|
|
110
122
|
};
|
|
111
123
|
return data;
|
|
112
124
|
}
|
|
113
|
-
function
|
|
125
|
+
function _templateObject8() {
|
|
114
126
|
var data = _tagged_template_literal([
|
|
115
127
|
"\n ",
|
|
116
128
|
": 5.5rem;\n ",
|
|
@@ -124,12 +136,12 @@ function _templateObject7() {
|
|
|
124
136
|
": var(--plasma-typo-h5-letter-spacing);\n ",
|
|
125
137
|
": var(--plasma-typo-h5-line-height);\n "
|
|
126
138
|
]);
|
|
127
|
-
|
|
139
|
+
_templateObject8 = function _templateObject() {
|
|
128
140
|
return data;
|
|
129
141
|
};
|
|
130
142
|
return data;
|
|
131
143
|
}
|
|
132
|
-
function
|
|
144
|
+
function _templateObject9() {
|
|
133
145
|
var data = _tagged_template_literal([
|
|
134
146
|
"\n ",
|
|
135
147
|
": 3.5rem;\n ",
|
|
@@ -143,12 +155,12 @@ function _templateObject8() {
|
|
|
143
155
|
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
|
144
156
|
": var(--plasma-typo-body-l-line-height);\n "
|
|
145
157
|
]);
|
|
146
|
-
|
|
158
|
+
_templateObject9 = function _templateObject() {
|
|
147
159
|
return data;
|
|
148
160
|
};
|
|
149
161
|
return data;
|
|
150
162
|
}
|
|
151
|
-
function
|
|
163
|
+
function _templateObject10() {
|
|
152
164
|
var data = _tagged_template_literal([
|
|
153
165
|
"\n ",
|
|
154
166
|
": 3rem;\n ",
|
|
@@ -162,12 +174,12 @@ function _templateObject9() {
|
|
|
162
174
|
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
|
163
175
|
": var(--plasma-typo-body-m-line-height);\n "
|
|
164
176
|
]);
|
|
165
|
-
|
|
177
|
+
_templateObject10 = function _templateObject() {
|
|
166
178
|
return data;
|
|
167
179
|
};
|
|
168
180
|
return data;
|
|
169
181
|
}
|
|
170
|
-
function
|
|
182
|
+
function _templateObject11() {
|
|
171
183
|
var data = _tagged_template_literal([
|
|
172
184
|
"\n ",
|
|
173
185
|
": 2.25rem;\n ",
|
|
@@ -181,12 +193,12 @@ function _templateObject10() {
|
|
|
181
193
|
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
182
194
|
": var(--plasma-typo-body-s-line-height);\n "
|
|
183
195
|
]);
|
|
184
|
-
|
|
196
|
+
_templateObject11 = function _templateObject() {
|
|
185
197
|
return data;
|
|
186
198
|
};
|
|
187
199
|
return data;
|
|
188
200
|
}
|
|
189
|
-
function
|
|
201
|
+
function _templateObject12() {
|
|
190
202
|
var data = _tagged_template_literal([
|
|
191
203
|
"\n ",
|
|
192
204
|
": 1.5rem;\n ",
|
|
@@ -200,12 +212,12 @@ function _templateObject11() {
|
|
|
200
212
|
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
201
213
|
": var(--plasma-typo-body-xs-line-height);\n "
|
|
202
214
|
]);
|
|
203
|
-
|
|
215
|
+
_templateObject12 = function _templateObject() {
|
|
204
216
|
return data;
|
|
205
217
|
};
|
|
206
218
|
return data;
|
|
207
219
|
}
|
|
208
|
-
function
|
|
220
|
+
function _templateObject13() {
|
|
209
221
|
var data = _tagged_template_literal([
|
|
210
222
|
"\n ",
|
|
211
223
|
": 1rem;\n ",
|
|
@@ -219,7 +231,7 @@ function _templateObject12() {
|
|
|
219
231
|
": var(--plasma-typo-body-xxs-letter-spacing);\n ",
|
|
220
232
|
": var(--plasma-typo-body-xxs-line-height);\n "
|
|
221
233
|
]);
|
|
222
|
-
|
|
234
|
+
_templateObject13 = function _templateObject() {
|
|
223
235
|
return data;
|
|
224
236
|
};
|
|
225
237
|
return data;
|
|
@@ -236,16 +248,17 @@ var config = {
|
|
|
236
248
|
accent: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.progressBarCircularTokens.backgroundStroke, _styledcomponents.progressBarCircularTokens.progressStroke, _styledcomponents.progressBarCircularTokens.contentColor),
|
|
237
249
|
positive: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.progressBarCircularTokens.backgroundStroke, _styledcomponents.progressBarCircularTokens.progressStroke, _styledcomponents.progressBarCircularTokens.contentColor),
|
|
238
250
|
warning: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.progressBarCircularTokens.backgroundStroke, _styledcomponents.progressBarCircularTokens.progressStroke, _styledcomponents.progressBarCircularTokens.contentColor),
|
|
239
|
-
negative: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.progressBarCircularTokens.backgroundStroke, _styledcomponents.progressBarCircularTokens.progressStroke, _styledcomponents.progressBarCircularTokens.contentColor)
|
|
251
|
+
negative: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.progressBarCircularTokens.backgroundStroke, _styledcomponents.progressBarCircularTokens.progressStroke, _styledcomponents.progressBarCircularTokens.contentColor),
|
|
252
|
+
info: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.progressBarCircularTokens.backgroundStroke, _styledcomponents.progressBarCircularTokens.progressStroke, _styledcomponents.progressBarCircularTokens.contentColor)
|
|
240
253
|
},
|
|
241
254
|
size: {
|
|
242
|
-
xxl: (0, _styledcomponents.css)(
|
|
243
|
-
xl: (0, _styledcomponents.css)(
|
|
244
|
-
l: (0, _styledcomponents.css)(
|
|
245
|
-
m: (0, _styledcomponents.css)(
|
|
246
|
-
s: (0, _styledcomponents.css)(
|
|
247
|
-
xs: (0, _styledcomponents.css)(
|
|
248
|
-
xxs: (0, _styledcomponents.css)(
|
|
255
|
+
xxl: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.progressBarCircularTokens.width, _styledcomponents.progressBarCircularTokens.height, _styledcomponents.progressBarCircularTokens.backgroundStrokeWidth, _styledcomponents.progressBarCircularTokens.progressStrokeWidth, _styledcomponents.progressBarCircularTokens.contentFontFamily, _styledcomponents.progressBarCircularTokens.contentFontSize, _styledcomponents.progressBarCircularTokens.contentFontStyle, _styledcomponents.progressBarCircularTokens.contentFontWeight, _styledcomponents.progressBarCircularTokens.contentLetterSpacing, _styledcomponents.progressBarCircularTokens.contentLineHeight),
|
|
256
|
+
xl: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.progressBarCircularTokens.width, _styledcomponents.progressBarCircularTokens.height, _styledcomponents.progressBarCircularTokens.backgroundStrokeWidth, _styledcomponents.progressBarCircularTokens.progressStrokeWidth, _styledcomponents.progressBarCircularTokens.contentFontFamily, _styledcomponents.progressBarCircularTokens.contentFontSize, _styledcomponents.progressBarCircularTokens.contentFontStyle, _styledcomponents.progressBarCircularTokens.contentFontWeight, _styledcomponents.progressBarCircularTokens.contentLetterSpacing, _styledcomponents.progressBarCircularTokens.contentLineHeight),
|
|
257
|
+
l: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.progressBarCircularTokens.width, _styledcomponents.progressBarCircularTokens.height, _styledcomponents.progressBarCircularTokens.backgroundStrokeWidth, _styledcomponents.progressBarCircularTokens.progressStrokeWidth, _styledcomponents.progressBarCircularTokens.contentFontFamily, _styledcomponents.progressBarCircularTokens.contentFontSize, _styledcomponents.progressBarCircularTokens.contentFontStyle, _styledcomponents.progressBarCircularTokens.contentFontWeight, _styledcomponents.progressBarCircularTokens.contentLetterSpacing, _styledcomponents.progressBarCircularTokens.contentLineHeight),
|
|
258
|
+
m: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.progressBarCircularTokens.width, _styledcomponents.progressBarCircularTokens.height, _styledcomponents.progressBarCircularTokens.backgroundStrokeWidth, _styledcomponents.progressBarCircularTokens.progressStrokeWidth, _styledcomponents.progressBarCircularTokens.contentFontFamily, _styledcomponents.progressBarCircularTokens.contentFontSize, _styledcomponents.progressBarCircularTokens.contentFontStyle, _styledcomponents.progressBarCircularTokens.contentFontWeight, _styledcomponents.progressBarCircularTokens.contentLetterSpacing, _styledcomponents.progressBarCircularTokens.contentLineHeight),
|
|
259
|
+
s: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.progressBarCircularTokens.width, _styledcomponents.progressBarCircularTokens.height, _styledcomponents.progressBarCircularTokens.backgroundStrokeWidth, _styledcomponents.progressBarCircularTokens.progressStrokeWidth, _styledcomponents.progressBarCircularTokens.contentFontFamily, _styledcomponents.progressBarCircularTokens.contentFontSize, _styledcomponents.progressBarCircularTokens.contentFontStyle, _styledcomponents.progressBarCircularTokens.contentFontWeight, _styledcomponents.progressBarCircularTokens.contentLetterSpacing, _styledcomponents.progressBarCircularTokens.contentLineHeight),
|
|
260
|
+
xs: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.progressBarCircularTokens.width, _styledcomponents.progressBarCircularTokens.height, _styledcomponents.progressBarCircularTokens.backgroundStrokeWidth, _styledcomponents.progressBarCircularTokens.progressStrokeWidth, _styledcomponents.progressBarCircularTokens.contentFontFamily, _styledcomponents.progressBarCircularTokens.contentFontSize, _styledcomponents.progressBarCircularTokens.contentFontStyle, _styledcomponents.progressBarCircularTokens.contentFontWeight, _styledcomponents.progressBarCircularTokens.contentLetterSpacing, _styledcomponents.progressBarCircularTokens.contentLineHeight),
|
|
261
|
+
xxs: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.progressBarCircularTokens.width, _styledcomponents.progressBarCircularTokens.height, _styledcomponents.progressBarCircularTokens.backgroundStrokeWidth, _styledcomponents.progressBarCircularTokens.progressStrokeWidth, _styledcomponents.progressBarCircularTokens.contentFontFamily, _styledcomponents.progressBarCircularTokens.contentFontSize, _styledcomponents.progressBarCircularTokens.contentFontStyle, _styledcomponents.progressBarCircularTokens.contentFontWeight, _styledcomponents.progressBarCircularTokens.contentLetterSpacing, _styledcomponents.progressBarCircularTokens.contentLineHeight)
|
|
249
262
|
}
|
|
250
263
|
}
|
|
251
264
|
};
|
|
@@ -6,6 +6,7 @@ export declare const ProgressBarCircular: import("react").FunctionComponent<impo
|
|
|
6
6
|
positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
7
7
|
warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
8
8
|
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
9
|
+
info: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
9
10
|
};
|
|
10
11
|
size: {
|
|
11
12
|
xxl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
require('./ProgressBarCircular.config_3d74ss.css');
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
+
|
|
6
|
+
var config = {
|
|
7
|
+
defaults: {
|
|
8
|
+
view: 'default',
|
|
9
|
+
size: 'm'
|
|
10
|
+
},
|
|
11
|
+
variations: {
|
|
12
|
+
view: {
|
|
13
|
+
"default": "df2jts1",
|
|
14
|
+
secondary: "shrkgo0",
|
|
15
|
+
accent: "a1bathp2",
|
|
16
|
+
positive: "p1l7v9qp",
|
|
17
|
+
warning: "wj8xcrq",
|
|
18
|
+
negative: "nun9fo",
|
|
19
|
+
info: "i6agjyy"
|
|
20
|
+
},
|
|
21
|
+
size: {
|
|
22
|
+
xxl: "xpi6bg2",
|
|
23
|
+
xl: "xw2gomv",
|
|
24
|
+
l: "lhmkbw6",
|
|
25
|
+
m: "m190acfu",
|
|
26
|
+
s: "sjmg6b2",
|
|
27
|
+
xs: "x1afper5",
|
|
28
|
+
xxs: "x16bhrd0"
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
exports.config = config;
|
|
34
|
+
//# sourceMappingURL=ProgressBarCircular.config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressBarCircular.config.js","sources":["../../../../src-css/components/ProgressBarCircular/ProgressBarCircular.config.ts"],"sourcesContent":["import { css, progressBarCircularTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);\n ${progressBarCircularTokens.progressStroke}: var(--surface-solid-default);\n ${progressBarCircularTokens.contentColor}: var(--text-primary);\n `,\n secondary: css`\n ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);\n ${progressBarCircularTokens.progressStroke}: var(--surface-transparent-secondary);\n ${progressBarCircularTokens.contentColor}: var(--text-primary);\n `,\n accent: css`\n ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);\n ${progressBarCircularTokens.progressStroke}: var(--surface-accent);\n ${progressBarCircularTokens.contentColor}: var(--text-primary);\n `,\n positive: css`\n ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);\n ${progressBarCircularTokens.progressStroke}: var(--surface-positive);\n ${progressBarCircularTokens.contentColor}: var(--text-primary);\n `,\n warning: css`\n ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);\n ${progressBarCircularTokens.progressStroke}: var(--surface-warning);\n ${progressBarCircularTokens.contentColor}: var(--text-primary);\n `,\n negative: css`\n ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);\n ${progressBarCircularTokens.progressStroke}: var(--surface-negative);\n ${progressBarCircularTokens.contentColor}: var(--text-primary);\n `,\n info: css`\n ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);\n ${progressBarCircularTokens.progressStroke}: var(--surface-info);\n ${progressBarCircularTokens.contentColor}: var(--text-primary);\n `,\n },\n size: {\n xxl: css`\n ${progressBarCircularTokens.width}: 8rem;\n ${progressBarCircularTokens.height}: 8rem;\n ${progressBarCircularTokens.backgroundStrokeWidth}: 0.25rem;\n ${progressBarCircularTokens.progressStrokeWidth}: 0.25rem;\n ${progressBarCircularTokens.contentFontFamily}: var(--plasma-typo-h2-font-family);\n ${progressBarCircularTokens.contentFontSize}: var(--plasma-typo-h2-font-size);\n ${progressBarCircularTokens.contentFontStyle}: var(--plasma-typo-h2-font-style);\n ${progressBarCircularTokens.contentFontWeight}: var(--plasma-typo-h2-bold-font-weight);\n ${progressBarCircularTokens.contentLetterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${progressBarCircularTokens.contentLineHeight}: var(--plasma-typo-h2-line-height);\n `,\n xl: css`\n ${progressBarCircularTokens.width}: 5.5rem;\n ${progressBarCircularTokens.height}: 5.5rem;\n ${progressBarCircularTokens.backgroundStrokeWidth}: 0.25rem;\n ${progressBarCircularTokens.progressStrokeWidth}: 0.25rem;\n ${progressBarCircularTokens.contentFontFamily}: var(--plasma-typo-h5-font-family);\n ${progressBarCircularTokens.contentFontSize}: var(--plasma-typo-h5-font-size);\n ${progressBarCircularTokens.contentFontStyle}: var(--plasma-typo-h5-font-style);\n ${progressBarCircularTokens.contentFontWeight}: var(--plasma-typo-h5-bold-font-weight);\n ${progressBarCircularTokens.contentLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${progressBarCircularTokens.contentLineHeight}: var(--plasma-typo-h5-line-height);\n `,\n l: css`\n ${progressBarCircularTokens.width}: 3.5rem;\n ${progressBarCircularTokens.height}: 3.5rem;\n ${progressBarCircularTokens.backgroundStrokeWidth}: 0.125rem;\n ${progressBarCircularTokens.progressStrokeWidth}: 0.125rem;\n ${progressBarCircularTokens.contentFontFamily}: var(--plasma-typo-body-l-font-family);\n ${progressBarCircularTokens.contentFontSize}: var(--plasma-typo-body-l-font-size);\n ${progressBarCircularTokens.contentFontStyle}: var(--plasma-typo-body-l-font-style);\n ${progressBarCircularTokens.contentFontWeight}: var(--plasma-typo-body-l-body-font-weight);\n ${progressBarCircularTokens.contentLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${progressBarCircularTokens.contentLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${progressBarCircularTokens.width}: 3rem;\n ${progressBarCircularTokens.height}: 3rem;\n ${progressBarCircularTokens.backgroundStrokeWidth}: 0.125rem;\n ${progressBarCircularTokens.progressStrokeWidth}: 0.125rem;\n ${progressBarCircularTokens.contentFontFamily}: var(--plasma-typo-body-m-font-family);\n ${progressBarCircularTokens.contentFontSize}: var(--plasma-typo-body-m-font-size);\n ${progressBarCircularTokens.contentFontStyle}: var(--plasma-typo-body-m-font-style);\n ${progressBarCircularTokens.contentFontWeight}: var(--plasma-typo-body-m-body-font-weight);\n ${progressBarCircularTokens.contentLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${progressBarCircularTokens.contentLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${progressBarCircularTokens.width}: 2.25rem;\n ${progressBarCircularTokens.height}: 2.25rem;\n ${progressBarCircularTokens.backgroundStrokeWidth}: 0.125rem;\n ${progressBarCircularTokens.progressStrokeWidth}: 0.125rem;\n ${progressBarCircularTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${progressBarCircularTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n ${progressBarCircularTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${progressBarCircularTokens.contentFontWeight}: var(--plasma-typo-body-s-body-font-weight);\n ${progressBarCircularTokens.contentLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${progressBarCircularTokens.contentLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${progressBarCircularTokens.width}: 1.5rem;\n ${progressBarCircularTokens.height}: 1.5rem;\n ${progressBarCircularTokens.backgroundStrokeWidth}: 0.125rem;\n ${progressBarCircularTokens.progressStrokeWidth}: 0.125rem;\n ${progressBarCircularTokens.contentFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${progressBarCircularTokens.contentFontSize}: var(--plasma-typo-body-xs-font-size);\n ${progressBarCircularTokens.contentFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${progressBarCircularTokens.contentFontWeight}: var(--plasma-typo-body-xs-body-font-weight);\n ${progressBarCircularTokens.contentLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${progressBarCircularTokens.contentLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n xxs: css`\n ${progressBarCircularTokens.width}: 1rem;\n ${progressBarCircularTokens.height}: 1rem;\n ${progressBarCircularTokens.backgroundStrokeWidth}: 0.125rem;\n ${progressBarCircularTokens.progressStrokeWidth}: 0.125rem;\n ${progressBarCircularTokens.contentFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${progressBarCircularTokens.contentFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${progressBarCircularTokens.contentFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${progressBarCircularTokens.contentFontWeight}: var(--plasma-typo-body-xxs-body-font-weight);\n ${progressBarCircularTokens.contentLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${progressBarCircularTokens.contentLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","secondary","accent","positive","warning","negative","info","xxl","xl","l","m","s","xs","xxs"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAIC,SAAA;AACDC,MAAAA,SAAS,EAIR,SAAA;AACDC,MAAAA,MAAM,EAIL,UAAA;AACDC,MAAAA,QAAQ,EAIP,UAAA;AACDC,MAAAA,OAAO,EAIN,SAAA;AACDC,MAAAA,QAAQ,EAIP,QAAA;AACDC,MAAAA,IAAI,EAAA,SAAA;KAKP;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,GAAG,EAWF,SAAA;AACDC,MAAAA,EAAE,EAWD,SAAA;AACDC,MAAAA,CAAC,EAWA,SAAA;AACDC,MAAAA,CAAC,EAWA,UAAA;AACDC,MAAAA,CAAC,EAWA,SAAA;AACDC,MAAAA,EAAE,EAWD,UAAA;AACDC,MAAAA,GAAG,EAAA,UAAA;AAYP,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
.df2jts1{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-solid-default);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
2
|
+
.shrkgo0{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-transparent-secondary);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
3
|
+
.a1bathp2{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-accent);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
4
|
+
.p1l7v9qp{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-positive);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
5
|
+
.wj8xcrq{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-warning);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
6
|
+
.nun9fo{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-negative);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
7
|
+
.i6agjyy{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-info);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
8
|
+
.xpi6bg2{--plasma-progressbar-circular-width:8rem;--plasma-progressbar-circular-height:8rem;--plasma-progressbar-circular-background-stroke-width:0.25rem;--plasma-progressbar-circular-progress-stroke-width:0.25rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-h2-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-h2-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-h2-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-h2-bold-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-h2-line-height);}
|
|
9
|
+
.xw2gomv{--plasma-progressbar-circular-width:5.5rem;--plasma-progressbar-circular-height:5.5rem;--plasma-progressbar-circular-background-stroke-width:0.25rem;--plasma-progressbar-circular-progress-stroke-width:0.25rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-h5-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-h5-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-h5-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-h5-bold-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-h5-line-height);}
|
|
10
|
+
.lhmkbw6{--plasma-progressbar-circular-width:3.5rem;--plasma-progressbar-circular-height:3.5rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-l-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-l-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-l-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-l-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-l-line-height);}
|
|
11
|
+
.m190acfu{--plasma-progressbar-circular-width:3rem;--plasma-progressbar-circular-height:3rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-m-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-m-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-m-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-m-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-m-line-height);}
|
|
12
|
+
.sjmg6b2{--plasma-progressbar-circular-width:2.25rem;--plasma-progressbar-circular-height:2.25rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-s-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-s-line-height);}
|
|
13
|
+
.x1afper5{--plasma-progressbar-circular-width:1.5rem;--plasma-progressbar-circular-height:1.5rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-xs-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
14
|
+
.x16bhrd0{--plasma-progressbar-circular-width:1rem;--plasma-progressbar-circular-height:1rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-xxs-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-xxs-line-height);}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
.ProgressBarCircular_config_3d74ss_df2jts1__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-solid-default);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
2
|
+
.ProgressBarCircular_config_3d74ss_shrkgo0__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-transparent-secondary);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
3
|
+
.ProgressBarCircular_config_3d74ss_a1bathp2__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-accent);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
4
|
+
.ProgressBarCircular_config_3d74ss_p1l7v9qp__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-positive);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
5
|
+
.ProgressBarCircular_config_3d74ss_wj8xcrq__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-warning);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
6
|
+
.ProgressBarCircular_config_3d74ss_nun9fo__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-negative);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
7
|
+
.ProgressBarCircular_config_3d74ss_i6agjyy__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-info);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
8
|
+
.ProgressBarCircular_config_3d74ss_xpi6bg2__45a58492{--plasma-progressbar-circular-width:8rem;--plasma-progressbar-circular-height:8rem;--plasma-progressbar-circular-background-stroke-width:0.25rem;--plasma-progressbar-circular-progress-stroke-width:0.25rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-h2-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-h2-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-h2-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-h2-bold-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-h2-line-height);}
|
|
9
|
+
.ProgressBarCircular_config_3d74ss_xw2gomv__45a58492{--plasma-progressbar-circular-width:5.5rem;--plasma-progressbar-circular-height:5.5rem;--plasma-progressbar-circular-background-stroke-width:0.25rem;--plasma-progressbar-circular-progress-stroke-width:0.25rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-h5-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-h5-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-h5-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-h5-bold-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-h5-line-height);}
|
|
10
|
+
.ProgressBarCircular_config_3d74ss_lhmkbw6__45a58492{--plasma-progressbar-circular-width:3.5rem;--plasma-progressbar-circular-height:3.5rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-l-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-l-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-l-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-l-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-l-line-height);}
|
|
11
|
+
.ProgressBarCircular_config_3d74ss_m190acfu__45a58492{--plasma-progressbar-circular-width:3rem;--plasma-progressbar-circular-height:3rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-m-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-m-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-m-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-m-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-m-line-height);}
|
|
12
|
+
.ProgressBarCircular_config_3d74ss_sjmg6b2__45a58492{--plasma-progressbar-circular-width:2.25rem;--plasma-progressbar-circular-height:2.25rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-s-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-s-line-height);}
|
|
13
|
+
.ProgressBarCircular_config_3d74ss_x1afper5__45a58492{--plasma-progressbar-circular-width:1.5rem;--plasma-progressbar-circular-height:1.5rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-xs-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
14
|
+
.ProgressBarCircular_config_3d74ss_x16bhrd0__45a58492{--plasma-progressbar-circular-width:1rem;--plasma-progressbar-circular-height:1rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-xxs-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-xxs-line-height);}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var plasmaNewHope = require('@salutejs/plasma-new-hope');
|
|
6
|
+
var ProgressBarCircular_config = require('./ProgressBarCircular.config.js');
|
|
7
|
+
|
|
8
|
+
var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.progressBarCircularConfig, ProgressBarCircular_config.config);
|
|
9
|
+
var ProgressBarCircular = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
|
|
10
|
+
|
|
11
|
+
exports.ProgressBarCircular = ProgressBarCircular;
|
|
12
|
+
//# sourceMappingURL=ProgressBarCircular.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressBarCircular.js","sources":["../../../../src-css/components/ProgressBarCircular/ProgressBarCircular.ts"],"sourcesContent":["import { progressBarCircularConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './ProgressBarCircular.config';\n\nconst mergedConfig = mergeConfig(progressBarCircularConfig, config);\n\nexport const ProgressBarCircular = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","progressBarCircularConfig","config","ProgressBarCircular","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,uCAAyB,EAAEC,iCAAM,CAAC,CAAA;IAEtDC,mBAAmB,gBAAGC,uBAAS,CAACL,YAAY;;;;"}
|
package/css/cjs/index.css
CHANGED
|
@@ -464,6 +464,21 @@
|
|
|
464
464
|
.Progress_config_6ehg2h_ezrdfkb__bfc1aa30{--plasma-progress-track-background-color:var(--surface-transparent-secondary);--plasma-progress-filled-background-color:var(--surface-negative);--plasma-progress-value-color:var(--text-tertiary);}
|
|
465
465
|
.Progress_config_6ehg2h_m1h3ynf2__bfc1aa30{--plasma-progress-track-height:0.25rem;--plasma-progress-track-border-radius:0.125rem;--plasma-progress-filled-height:0.375rem;--plasma-progress-filled-border-radius:0.375rem;--plasma-progress-value-margin-left:0.5rem;}
|
|
466
466
|
|
|
467
|
+
.ProgressBarCircular_config_3d74ss_df2jts1__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-solid-default);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
468
|
+
.ProgressBarCircular_config_3d74ss_shrkgo0__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-transparent-secondary);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
469
|
+
.ProgressBarCircular_config_3d74ss_a1bathp2__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-accent);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
470
|
+
.ProgressBarCircular_config_3d74ss_p1l7v9qp__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-positive);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
471
|
+
.ProgressBarCircular_config_3d74ss_wj8xcrq__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-warning);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
472
|
+
.ProgressBarCircular_config_3d74ss_nun9fo__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-negative);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
473
|
+
.ProgressBarCircular_config_3d74ss_i6agjyy__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-info);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
474
|
+
.ProgressBarCircular_config_3d74ss_xpi6bg2__45a58492{--plasma-progressbar-circular-width:8rem;--plasma-progressbar-circular-height:8rem;--plasma-progressbar-circular-background-stroke-width:0.25rem;--plasma-progressbar-circular-progress-stroke-width:0.25rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-h2-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-h2-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-h2-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-h2-bold-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-h2-line-height);}
|
|
475
|
+
.ProgressBarCircular_config_3d74ss_xw2gomv__45a58492{--plasma-progressbar-circular-width:5.5rem;--plasma-progressbar-circular-height:5.5rem;--plasma-progressbar-circular-background-stroke-width:0.25rem;--plasma-progressbar-circular-progress-stroke-width:0.25rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-h5-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-h5-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-h5-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-h5-bold-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-h5-line-height);}
|
|
476
|
+
.ProgressBarCircular_config_3d74ss_lhmkbw6__45a58492{--plasma-progressbar-circular-width:3.5rem;--plasma-progressbar-circular-height:3.5rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-l-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-l-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-l-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-l-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-l-line-height);}
|
|
477
|
+
.ProgressBarCircular_config_3d74ss_m190acfu__45a58492{--plasma-progressbar-circular-width:3rem;--plasma-progressbar-circular-height:3rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-m-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-m-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-m-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-m-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-m-line-height);}
|
|
478
|
+
.ProgressBarCircular_config_3d74ss_sjmg6b2__45a58492{--plasma-progressbar-circular-width:2.25rem;--plasma-progressbar-circular-height:2.25rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-s-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-s-line-height);}
|
|
479
|
+
.ProgressBarCircular_config_3d74ss_x1afper5__45a58492{--plasma-progressbar-circular-width:1.5rem;--plasma-progressbar-circular-height:1.5rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-xs-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
480
|
+
.ProgressBarCircular_config_3d74ss_x16bhrd0__45a58492{--plasma-progressbar-circular-width:1rem;--plasma-progressbar-circular-height:1rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-xxs-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-xxs-line-height);}
|
|
481
|
+
|
|
467
482
|
.Radiobox_config_1klut3q_s73zzyg__eabb5ee8{--plasma-radiobox-margin:0;--plasma-radiobox-trigger-padding:0.0625rem 0;--plasma-radiobox-trigger-size:1rem;--plasma-radiobox-trigger-border-radius:1.125rem;--plasma-checkbox-trigger-border-width:0.125rem;--plasma-radiobox-ellipse-size:0.5rem;--plasma-radiobox-content-top-offset:0;--plasma-radiobox-content-left-offset:0.5rem;--plasma-checkbox-description-margin-top:0.125rem;--plasma-radiobox-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-radiobox-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-radiobox-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-radiobox-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-radiobox-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-radiobox-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-radiobox-description-font-family:var(--plasma-typo-body-xs-font-family);--plasma-radiobox-description-font-size:var(--plasma-typo-body-xs-font-size);--plasma-radiobox-description-font-style:var(--plasma-typo-body-xs-font-style);--plasma-radiobox-description-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-radiobox-description-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-radiobox-description-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
468
483
|
.Radiobox_config_1klut3q_m4ly3co__eabb5ee8{--plasma-radiobox-margin:0;--plasma-radiobox-trigger-padding:0.0625rem;--plasma-radiobox-trigger-size:1.375rem;--plasma-radiobox-trigger-border-radius:1.125rem;--plasma-checkbox-trigger-border-width:0.125rem;--plasma-radiobox-ellipse-size:0.625rem;--plasma-radiobox-content-top-offset:0.125rem;--plasma-radiobox-content-left-offset:0.625rem;--plasma-checkbox-description-margin-top:0.125rem;--plasma-radiobox-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-radiobox-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-radiobox-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-radiobox-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-radiobox-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-radiobox-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-radiobox-description-font-family:var(--plasma-typo-body-s-font-family);--plasma-radiobox-description-font-size:var(--plasma-typo-body-s-font-size);--plasma-radiobox-description-font-style:var(--plasma-typo-body-s-font-style);--plasma-radiobox-description-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-radiobox-description-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-radiobox-description-line-height:var(--plasma-typo-body-s-line-height);}
|
|
469
484
|
.Radiobox_config_1klut3q_l1tfsl8x__eabb5ee8{--plasma-radiobox-margin:0;--plasma-radiobox-trigger-padding:0.0625rem;--plasma-radiobox-trigger-size:1.375rem;--plasma-radiobox-trigger-border-radius:1.125rem;--plasma-checkbox-trigger-border-width:0.125rem;--plasma-radiobox-ellipse-size:0.625rem;--plasma-radiobox-content-top-offset:0.0625rem;--plasma-radiobox-content-left-offset:0.75rem;--plasma-radiobox-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-radiobox-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-radiobox-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-radiobox-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-radiobox-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-radiobox-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-radiobox-description-font-family:var(--plasma-typo-body-m-font-family);--plasma-checkbox-description-margin-top:0.125rem;--plasma-radiobox-description-font-size:var(--plasma-typo-body-m-font-size);--plasma-radiobox-description-font-style:var(--plasma-typo-body-m-font-style);--plasma-radiobox-description-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-radiobox-description-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-radiobox-description-line-height:var(--plasma-typo-body-m-line-height);}
|
package/css/cjs/index.js
CHANGED
|
@@ -56,6 +56,7 @@ var Popover = require('./components/Popover/Popover.js');
|
|
|
56
56
|
var PopupBase = require('./components/PopupBase/PopupBase.js');
|
|
57
57
|
var Price = require('./components/Price/Price.js');
|
|
58
58
|
var Progress = require('./components/Progress/Progress.js');
|
|
59
|
+
var ProgressBarCircular = require('./components/ProgressBarCircular/ProgressBarCircular.js');
|
|
59
60
|
var Radiobox = require('./components/Radiobox/Radiobox.js');
|
|
60
61
|
var Range = require('./components/Range/Range.js');
|
|
61
62
|
var Rating = require('./components/Rating/Rating.js');
|
|
@@ -387,6 +388,7 @@ exports.Popover = Popover.Popover;
|
|
|
387
388
|
exports.PopupBase = PopupBase.PopupBase;
|
|
388
389
|
exports.Price = Price.Price;
|
|
389
390
|
exports.Progress = Progress.Progress;
|
|
391
|
+
exports.ProgressBarCircular = ProgressBarCircular.ProgressBarCircular;
|
|
390
392
|
exports.Radiobox = Radiobox.Radiobox;
|
|
391
393
|
exports.Range = Range.Range;
|
|
392
394
|
exports.Rating = Rating.Rating;
|
package/css/cjs/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import './ProgressBarCircular.config_3d74ss.css';
|
|
2
|
+
var config = {
|
|
3
|
+
defaults: {
|
|
4
|
+
view: 'default',
|
|
5
|
+
size: 'm'
|
|
6
|
+
},
|
|
7
|
+
variations: {
|
|
8
|
+
view: {
|
|
9
|
+
"default": "df2jts1",
|
|
10
|
+
secondary: "shrkgo0",
|
|
11
|
+
accent: "a1bathp2",
|
|
12
|
+
positive: "p1l7v9qp",
|
|
13
|
+
warning: "wj8xcrq",
|
|
14
|
+
negative: "nun9fo",
|
|
15
|
+
info: "i6agjyy"
|
|
16
|
+
},
|
|
17
|
+
size: {
|
|
18
|
+
xxl: "xpi6bg2",
|
|
19
|
+
xl: "xw2gomv",
|
|
20
|
+
l: "lhmkbw6",
|
|
21
|
+
m: "m190acfu",
|
|
22
|
+
s: "sjmg6b2",
|
|
23
|
+
xs: "x1afper5",
|
|
24
|
+
xxs: "x16bhrd0"
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
export { config };
|
|
30
|
+
//# sourceMappingURL=ProgressBarCircular.config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressBarCircular.config.js","sources":["../../../../src-css/components/ProgressBarCircular/ProgressBarCircular.config.ts"],"sourcesContent":["import { css, progressBarCircularTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);\n ${progressBarCircularTokens.progressStroke}: var(--surface-solid-default);\n ${progressBarCircularTokens.contentColor}: var(--text-primary);\n `,\n secondary: css`\n ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);\n ${progressBarCircularTokens.progressStroke}: var(--surface-transparent-secondary);\n ${progressBarCircularTokens.contentColor}: var(--text-primary);\n `,\n accent: css`\n ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);\n ${progressBarCircularTokens.progressStroke}: var(--surface-accent);\n ${progressBarCircularTokens.contentColor}: var(--text-primary);\n `,\n positive: css`\n ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);\n ${progressBarCircularTokens.progressStroke}: var(--surface-positive);\n ${progressBarCircularTokens.contentColor}: var(--text-primary);\n `,\n warning: css`\n ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);\n ${progressBarCircularTokens.progressStroke}: var(--surface-warning);\n ${progressBarCircularTokens.contentColor}: var(--text-primary);\n `,\n negative: css`\n ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);\n ${progressBarCircularTokens.progressStroke}: var(--surface-negative);\n ${progressBarCircularTokens.contentColor}: var(--text-primary);\n `,\n info: css`\n ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);\n ${progressBarCircularTokens.progressStroke}: var(--surface-info);\n ${progressBarCircularTokens.contentColor}: var(--text-primary);\n `,\n },\n size: {\n xxl: css`\n ${progressBarCircularTokens.width}: 8rem;\n ${progressBarCircularTokens.height}: 8rem;\n ${progressBarCircularTokens.backgroundStrokeWidth}: 0.25rem;\n ${progressBarCircularTokens.progressStrokeWidth}: 0.25rem;\n ${progressBarCircularTokens.contentFontFamily}: var(--plasma-typo-h2-font-family);\n ${progressBarCircularTokens.contentFontSize}: var(--plasma-typo-h2-font-size);\n ${progressBarCircularTokens.contentFontStyle}: var(--plasma-typo-h2-font-style);\n ${progressBarCircularTokens.contentFontWeight}: var(--plasma-typo-h2-bold-font-weight);\n ${progressBarCircularTokens.contentLetterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${progressBarCircularTokens.contentLineHeight}: var(--plasma-typo-h2-line-height);\n `,\n xl: css`\n ${progressBarCircularTokens.width}: 5.5rem;\n ${progressBarCircularTokens.height}: 5.5rem;\n ${progressBarCircularTokens.backgroundStrokeWidth}: 0.25rem;\n ${progressBarCircularTokens.progressStrokeWidth}: 0.25rem;\n ${progressBarCircularTokens.contentFontFamily}: var(--plasma-typo-h5-font-family);\n ${progressBarCircularTokens.contentFontSize}: var(--plasma-typo-h5-font-size);\n ${progressBarCircularTokens.contentFontStyle}: var(--plasma-typo-h5-font-style);\n ${progressBarCircularTokens.contentFontWeight}: var(--plasma-typo-h5-bold-font-weight);\n ${progressBarCircularTokens.contentLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${progressBarCircularTokens.contentLineHeight}: var(--plasma-typo-h5-line-height);\n `,\n l: css`\n ${progressBarCircularTokens.width}: 3.5rem;\n ${progressBarCircularTokens.height}: 3.5rem;\n ${progressBarCircularTokens.backgroundStrokeWidth}: 0.125rem;\n ${progressBarCircularTokens.progressStrokeWidth}: 0.125rem;\n ${progressBarCircularTokens.contentFontFamily}: var(--plasma-typo-body-l-font-family);\n ${progressBarCircularTokens.contentFontSize}: var(--plasma-typo-body-l-font-size);\n ${progressBarCircularTokens.contentFontStyle}: var(--plasma-typo-body-l-font-style);\n ${progressBarCircularTokens.contentFontWeight}: var(--plasma-typo-body-l-body-font-weight);\n ${progressBarCircularTokens.contentLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${progressBarCircularTokens.contentLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${progressBarCircularTokens.width}: 3rem;\n ${progressBarCircularTokens.height}: 3rem;\n ${progressBarCircularTokens.backgroundStrokeWidth}: 0.125rem;\n ${progressBarCircularTokens.progressStrokeWidth}: 0.125rem;\n ${progressBarCircularTokens.contentFontFamily}: var(--plasma-typo-body-m-font-family);\n ${progressBarCircularTokens.contentFontSize}: var(--plasma-typo-body-m-font-size);\n ${progressBarCircularTokens.contentFontStyle}: var(--plasma-typo-body-m-font-style);\n ${progressBarCircularTokens.contentFontWeight}: var(--plasma-typo-body-m-body-font-weight);\n ${progressBarCircularTokens.contentLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${progressBarCircularTokens.contentLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${progressBarCircularTokens.width}: 2.25rem;\n ${progressBarCircularTokens.height}: 2.25rem;\n ${progressBarCircularTokens.backgroundStrokeWidth}: 0.125rem;\n ${progressBarCircularTokens.progressStrokeWidth}: 0.125rem;\n ${progressBarCircularTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${progressBarCircularTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n ${progressBarCircularTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${progressBarCircularTokens.contentFontWeight}: var(--plasma-typo-body-s-body-font-weight);\n ${progressBarCircularTokens.contentLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${progressBarCircularTokens.contentLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${progressBarCircularTokens.width}: 1.5rem;\n ${progressBarCircularTokens.height}: 1.5rem;\n ${progressBarCircularTokens.backgroundStrokeWidth}: 0.125rem;\n ${progressBarCircularTokens.progressStrokeWidth}: 0.125rem;\n ${progressBarCircularTokens.contentFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${progressBarCircularTokens.contentFontSize}: var(--plasma-typo-body-xs-font-size);\n ${progressBarCircularTokens.contentFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${progressBarCircularTokens.contentFontWeight}: var(--plasma-typo-body-xs-body-font-weight);\n ${progressBarCircularTokens.contentLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${progressBarCircularTokens.contentLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n xxs: css`\n ${progressBarCircularTokens.width}: 1rem;\n ${progressBarCircularTokens.height}: 1rem;\n ${progressBarCircularTokens.backgroundStrokeWidth}: 0.125rem;\n ${progressBarCircularTokens.progressStrokeWidth}: 0.125rem;\n ${progressBarCircularTokens.contentFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${progressBarCircularTokens.contentFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${progressBarCircularTokens.contentFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${progressBarCircularTokens.contentFontWeight}: var(--plasma-typo-body-xxs-body-font-weight);\n ${progressBarCircularTokens.contentLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${progressBarCircularTokens.contentLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","secondary","accent","positive","warning","negative","info","xxl","xl","l","m","s","xs","xxs"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAIC,SAAA;AACDC,MAAAA,SAAS,EAIR,SAAA;AACDC,MAAAA,MAAM,EAIL,UAAA;AACDC,MAAAA,QAAQ,EAIP,UAAA;AACDC,MAAAA,OAAO,EAIN,SAAA;AACDC,MAAAA,QAAQ,EAIP,QAAA;AACDC,MAAAA,IAAI,EAAA,SAAA;KAKP;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,GAAG,EAWF,SAAA;AACDC,MAAAA,EAAE,EAWD,SAAA;AACDC,MAAAA,CAAC,EAWA,SAAA;AACDC,MAAAA,CAAC,EAWA,UAAA;AACDC,MAAAA,CAAC,EAWA,SAAA;AACDC,MAAAA,EAAE,EAWD,UAAA;AACDC,MAAAA,GAAG,EAAA,UAAA;AAYP,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
.df2jts1{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-solid-default);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
2
|
+
.shrkgo0{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-transparent-secondary);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
3
|
+
.a1bathp2{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-accent);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
4
|
+
.p1l7v9qp{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-positive);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
5
|
+
.wj8xcrq{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-warning);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
6
|
+
.nun9fo{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-negative);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
7
|
+
.i6agjyy{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-info);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
8
|
+
.xpi6bg2{--plasma-progressbar-circular-width:8rem;--plasma-progressbar-circular-height:8rem;--plasma-progressbar-circular-background-stroke-width:0.25rem;--plasma-progressbar-circular-progress-stroke-width:0.25rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-h2-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-h2-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-h2-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-h2-bold-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-h2-line-height);}
|
|
9
|
+
.xw2gomv{--plasma-progressbar-circular-width:5.5rem;--plasma-progressbar-circular-height:5.5rem;--plasma-progressbar-circular-background-stroke-width:0.25rem;--plasma-progressbar-circular-progress-stroke-width:0.25rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-h5-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-h5-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-h5-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-h5-bold-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-h5-line-height);}
|
|
10
|
+
.lhmkbw6{--plasma-progressbar-circular-width:3.5rem;--plasma-progressbar-circular-height:3.5rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-l-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-l-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-l-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-l-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-l-line-height);}
|
|
11
|
+
.m190acfu{--plasma-progressbar-circular-width:3rem;--plasma-progressbar-circular-height:3rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-m-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-m-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-m-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-m-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-m-line-height);}
|
|
12
|
+
.sjmg6b2{--plasma-progressbar-circular-width:2.25rem;--plasma-progressbar-circular-height:2.25rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-s-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-s-line-height);}
|
|
13
|
+
.x1afper5{--plasma-progressbar-circular-width:1.5rem;--plasma-progressbar-circular-height:1.5rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-xs-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
14
|
+
.x16bhrd0{--plasma-progressbar-circular-width:1rem;--plasma-progressbar-circular-height:1rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-xxs-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-xxs-line-height);}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
.ProgressBarCircular_config_3d74ss_df2jts1__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-solid-default);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
2
|
+
.ProgressBarCircular_config_3d74ss_shrkgo0__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-transparent-secondary);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
3
|
+
.ProgressBarCircular_config_3d74ss_a1bathp2__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-accent);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
4
|
+
.ProgressBarCircular_config_3d74ss_p1l7v9qp__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-positive);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
5
|
+
.ProgressBarCircular_config_3d74ss_wj8xcrq__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-warning);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
6
|
+
.ProgressBarCircular_config_3d74ss_nun9fo__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-negative);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
7
|
+
.ProgressBarCircular_config_3d74ss_i6agjyy__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-info);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
8
|
+
.ProgressBarCircular_config_3d74ss_xpi6bg2__45a58492{--plasma-progressbar-circular-width:8rem;--plasma-progressbar-circular-height:8rem;--plasma-progressbar-circular-background-stroke-width:0.25rem;--plasma-progressbar-circular-progress-stroke-width:0.25rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-h2-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-h2-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-h2-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-h2-bold-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-h2-line-height);}
|
|
9
|
+
.ProgressBarCircular_config_3d74ss_xw2gomv__45a58492{--plasma-progressbar-circular-width:5.5rem;--plasma-progressbar-circular-height:5.5rem;--plasma-progressbar-circular-background-stroke-width:0.25rem;--plasma-progressbar-circular-progress-stroke-width:0.25rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-h5-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-h5-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-h5-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-h5-bold-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-h5-line-height);}
|
|
10
|
+
.ProgressBarCircular_config_3d74ss_lhmkbw6__45a58492{--plasma-progressbar-circular-width:3.5rem;--plasma-progressbar-circular-height:3.5rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-l-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-l-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-l-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-l-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-l-line-height);}
|
|
11
|
+
.ProgressBarCircular_config_3d74ss_m190acfu__45a58492{--plasma-progressbar-circular-width:3rem;--plasma-progressbar-circular-height:3rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-m-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-m-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-m-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-m-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-m-line-height);}
|
|
12
|
+
.ProgressBarCircular_config_3d74ss_sjmg6b2__45a58492{--plasma-progressbar-circular-width:2.25rem;--plasma-progressbar-circular-height:2.25rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-s-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-s-line-height);}
|
|
13
|
+
.ProgressBarCircular_config_3d74ss_x1afper5__45a58492{--plasma-progressbar-circular-width:1.5rem;--plasma-progressbar-circular-height:1.5rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-xs-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
14
|
+
.ProgressBarCircular_config_3d74ss_x16bhrd0__45a58492{--plasma-progressbar-circular-width:1rem;--plasma-progressbar-circular-height:1rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-xxs-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-xxs-line-height);}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { component, mergeConfig, progressBarCircularConfig } from '@salutejs/plasma-new-hope';
|
|
2
|
+
import { config } from './ProgressBarCircular.config.js';
|
|
3
|
+
|
|
4
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(progressBarCircularConfig, config);
|
|
5
|
+
var ProgressBarCircular = /*#__PURE__*/component(mergedConfig);
|
|
6
|
+
|
|
7
|
+
export { ProgressBarCircular };
|
|
8
|
+
//# sourceMappingURL=ProgressBarCircular.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressBarCircular.js","sources":["../../../../src-css/components/ProgressBarCircular/ProgressBarCircular.ts"],"sourcesContent":["import { progressBarCircularConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './ProgressBarCircular.config';\n\nconst mergedConfig = mergeConfig(progressBarCircularConfig, config);\n\nexport const ProgressBarCircular = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","progressBarCircularConfig","config","ProgressBarCircular","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,yBAAyB,EAAEC,MAAM,CAAC,CAAA;IAEtDC,mBAAmB,gBAAGC,SAAS,CAACL,YAAY;;;;"}
|
package/css/es/index.css
CHANGED
|
@@ -464,6 +464,21 @@
|
|
|
464
464
|
.Progress_config_6ehg2h_ezrdfkb__bfc1aa30{--plasma-progress-track-background-color:var(--surface-transparent-secondary);--plasma-progress-filled-background-color:var(--surface-negative);--plasma-progress-value-color:var(--text-tertiary);}
|
|
465
465
|
.Progress_config_6ehg2h_m1h3ynf2__bfc1aa30{--plasma-progress-track-height:0.25rem;--plasma-progress-track-border-radius:0.125rem;--plasma-progress-filled-height:0.375rem;--plasma-progress-filled-border-radius:0.375rem;--plasma-progress-value-margin-left:0.5rem;}
|
|
466
466
|
|
|
467
|
+
.ProgressBarCircular_config_3d74ss_df2jts1__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-solid-default);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
468
|
+
.ProgressBarCircular_config_3d74ss_shrkgo0__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-transparent-secondary);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
469
|
+
.ProgressBarCircular_config_3d74ss_a1bathp2__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-accent);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
470
|
+
.ProgressBarCircular_config_3d74ss_p1l7v9qp__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-positive);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
471
|
+
.ProgressBarCircular_config_3d74ss_wj8xcrq__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-warning);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
472
|
+
.ProgressBarCircular_config_3d74ss_nun9fo__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-negative);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
473
|
+
.ProgressBarCircular_config_3d74ss_i6agjyy__45a58492{--plasma-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-progressbar-circular-progress-stroke:var(--surface-info);--plasma-progressbar-circular-content-color:var(--text-primary);}
|
|
474
|
+
.ProgressBarCircular_config_3d74ss_xpi6bg2__45a58492{--plasma-progressbar-circular-width:8rem;--plasma-progressbar-circular-height:8rem;--plasma-progressbar-circular-background-stroke-width:0.25rem;--plasma-progressbar-circular-progress-stroke-width:0.25rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-h2-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-h2-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-h2-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-h2-bold-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-h2-line-height);}
|
|
475
|
+
.ProgressBarCircular_config_3d74ss_xw2gomv__45a58492{--plasma-progressbar-circular-width:5.5rem;--plasma-progressbar-circular-height:5.5rem;--plasma-progressbar-circular-background-stroke-width:0.25rem;--plasma-progressbar-circular-progress-stroke-width:0.25rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-h5-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-h5-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-h5-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-h5-bold-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-h5-line-height);}
|
|
476
|
+
.ProgressBarCircular_config_3d74ss_lhmkbw6__45a58492{--plasma-progressbar-circular-width:3.5rem;--plasma-progressbar-circular-height:3.5rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-l-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-l-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-l-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-l-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-l-line-height);}
|
|
477
|
+
.ProgressBarCircular_config_3d74ss_m190acfu__45a58492{--plasma-progressbar-circular-width:3rem;--plasma-progressbar-circular-height:3rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-m-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-m-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-m-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-m-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-m-line-height);}
|
|
478
|
+
.ProgressBarCircular_config_3d74ss_sjmg6b2__45a58492{--plasma-progressbar-circular-width:2.25rem;--plasma-progressbar-circular-height:2.25rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-s-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-s-line-height);}
|
|
479
|
+
.ProgressBarCircular_config_3d74ss_x1afper5__45a58492{--plasma-progressbar-circular-width:1.5rem;--plasma-progressbar-circular-height:1.5rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-xs-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
480
|
+
.ProgressBarCircular_config_3d74ss_x16bhrd0__45a58492{--plasma-progressbar-circular-width:1rem;--plasma-progressbar-circular-height:1rem;--plasma-progressbar-circular-background-stroke-width:0.125rem;--plasma-progressbar-circular-progress-stroke-width:0.125rem;--plasma-progressbar-circular-content-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-typo-body-xxs-body-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-typo-body-xxs-line-height);}
|
|
481
|
+
|
|
467
482
|
.Radiobox_config_1klut3q_s73zzyg__eabb5ee8{--plasma-radiobox-margin:0;--plasma-radiobox-trigger-padding:0.0625rem 0;--plasma-radiobox-trigger-size:1rem;--plasma-radiobox-trigger-border-radius:1.125rem;--plasma-checkbox-trigger-border-width:0.125rem;--plasma-radiobox-ellipse-size:0.5rem;--plasma-radiobox-content-top-offset:0;--plasma-radiobox-content-left-offset:0.5rem;--plasma-checkbox-description-margin-top:0.125rem;--plasma-radiobox-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-radiobox-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-radiobox-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-radiobox-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-radiobox-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-radiobox-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-radiobox-description-font-family:var(--plasma-typo-body-xs-font-family);--plasma-radiobox-description-font-size:var(--plasma-typo-body-xs-font-size);--plasma-radiobox-description-font-style:var(--plasma-typo-body-xs-font-style);--plasma-radiobox-description-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-radiobox-description-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-radiobox-description-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
468
483
|
.Radiobox_config_1klut3q_m4ly3co__eabb5ee8{--plasma-radiobox-margin:0;--plasma-radiobox-trigger-padding:0.0625rem;--plasma-radiobox-trigger-size:1.375rem;--plasma-radiobox-trigger-border-radius:1.125rem;--plasma-checkbox-trigger-border-width:0.125rem;--plasma-radiobox-ellipse-size:0.625rem;--plasma-radiobox-content-top-offset:0.125rem;--plasma-radiobox-content-left-offset:0.625rem;--plasma-checkbox-description-margin-top:0.125rem;--plasma-radiobox-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-radiobox-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-radiobox-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-radiobox-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-radiobox-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-radiobox-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-radiobox-description-font-family:var(--plasma-typo-body-s-font-family);--plasma-radiobox-description-font-size:var(--plasma-typo-body-s-font-size);--plasma-radiobox-description-font-style:var(--plasma-typo-body-s-font-style);--plasma-radiobox-description-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-radiobox-description-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-radiobox-description-line-height:var(--plasma-typo-body-s-line-height);}
|
|
469
484
|
.Radiobox_config_1klut3q_l1tfsl8x__eabb5ee8{--plasma-radiobox-margin:0;--plasma-radiobox-trigger-padding:0.0625rem;--plasma-radiobox-trigger-size:1.375rem;--plasma-radiobox-trigger-border-radius:1.125rem;--plasma-checkbox-trigger-border-width:0.125rem;--plasma-radiobox-ellipse-size:0.625rem;--plasma-radiobox-content-top-offset:0.0625rem;--plasma-radiobox-content-left-offset:0.75rem;--plasma-radiobox-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-radiobox-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-radiobox-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-radiobox-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-radiobox-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-radiobox-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-radiobox-description-font-family:var(--plasma-typo-body-m-font-family);--plasma-checkbox-description-margin-top:0.125rem;--plasma-radiobox-description-font-size:var(--plasma-typo-body-m-font-size);--plasma-radiobox-description-font-style:var(--plasma-typo-body-m-font-style);--plasma-radiobox-description-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-radiobox-description-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-radiobox-description-line-height:var(--plasma-typo-body-m-line-height);}
|
package/css/es/index.js
CHANGED
|
@@ -52,6 +52,7 @@ export { Popover } from './components/Popover/Popover.js';
|
|
|
52
52
|
export { PopupBase } from './components/PopupBase/PopupBase.js';
|
|
53
53
|
export { Price } from './components/Price/Price.js';
|
|
54
54
|
export { Progress } from './components/Progress/Progress.js';
|
|
55
|
+
export { ProgressBarCircular } from './components/ProgressBarCircular/ProgressBarCircular.js';
|
|
55
56
|
export { Radiobox } from './components/Radiobox/Radiobox.js';
|
|
56
57
|
export { Range } from './components/Range/Range.js';
|
|
57
58
|
export { Rating } from './components/Rating/Rating.js';
|
package/css/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -81,6 +81,18 @@ function _templateObject5() {
|
|
|
81
81
|
return data;
|
|
82
82
|
}
|
|
83
83
|
function _templateObject6() {
|
|
84
|
+
var data = _tagged_template_literal([
|
|
85
|
+
"\n ",
|
|
86
|
+
": var(--surface-transparent-tertiary);\n ",
|
|
87
|
+
": var(--surface-info);\n ",
|
|
88
|
+
": var(--text-primary);\n "
|
|
89
|
+
]);
|
|
90
|
+
_templateObject6 = function _templateObject() {
|
|
91
|
+
return data;
|
|
92
|
+
};
|
|
93
|
+
return data;
|
|
94
|
+
}
|
|
95
|
+
function _templateObject7() {
|
|
84
96
|
var data = _tagged_template_literal([
|
|
85
97
|
"\n ",
|
|
86
98
|
": 8rem;\n ",
|
|
@@ -94,12 +106,12 @@ function _templateObject6() {
|
|
|
94
106
|
": var(--plasma-typo-h2-letter-spacing);\n ",
|
|
95
107
|
": var(--plasma-typo-h2-line-height);\n "
|
|
96
108
|
]);
|
|
97
|
-
|
|
109
|
+
_templateObject7 = function _templateObject() {
|
|
98
110
|
return data;
|
|
99
111
|
};
|
|
100
112
|
return data;
|
|
101
113
|
}
|
|
102
|
-
function
|
|
114
|
+
function _templateObject8() {
|
|
103
115
|
var data = _tagged_template_literal([
|
|
104
116
|
"\n ",
|
|
105
117
|
": 5.5rem;\n ",
|
|
@@ -113,12 +125,12 @@ function _templateObject7() {
|
|
|
113
125
|
": var(--plasma-typo-h5-letter-spacing);\n ",
|
|
114
126
|
": var(--plasma-typo-h5-line-height);\n "
|
|
115
127
|
]);
|
|
116
|
-
|
|
128
|
+
_templateObject8 = function _templateObject() {
|
|
117
129
|
return data;
|
|
118
130
|
};
|
|
119
131
|
return data;
|
|
120
132
|
}
|
|
121
|
-
function
|
|
133
|
+
function _templateObject9() {
|
|
122
134
|
var data = _tagged_template_literal([
|
|
123
135
|
"\n ",
|
|
124
136
|
": 3.5rem;\n ",
|
|
@@ -132,12 +144,12 @@ function _templateObject8() {
|
|
|
132
144
|
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
|
133
145
|
": var(--plasma-typo-body-l-line-height);\n "
|
|
134
146
|
]);
|
|
135
|
-
|
|
147
|
+
_templateObject9 = function _templateObject() {
|
|
136
148
|
return data;
|
|
137
149
|
};
|
|
138
150
|
return data;
|
|
139
151
|
}
|
|
140
|
-
function
|
|
152
|
+
function _templateObject10() {
|
|
141
153
|
var data = _tagged_template_literal([
|
|
142
154
|
"\n ",
|
|
143
155
|
": 3rem;\n ",
|
|
@@ -151,12 +163,12 @@ function _templateObject9() {
|
|
|
151
163
|
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
|
152
164
|
": var(--plasma-typo-body-m-line-height);\n "
|
|
153
165
|
]);
|
|
154
|
-
|
|
166
|
+
_templateObject10 = function _templateObject() {
|
|
155
167
|
return data;
|
|
156
168
|
};
|
|
157
169
|
return data;
|
|
158
170
|
}
|
|
159
|
-
function
|
|
171
|
+
function _templateObject11() {
|
|
160
172
|
var data = _tagged_template_literal([
|
|
161
173
|
"\n ",
|
|
162
174
|
": 2.25rem;\n ",
|
|
@@ -170,12 +182,12 @@ function _templateObject10() {
|
|
|
170
182
|
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
171
183
|
": var(--plasma-typo-body-s-line-height);\n "
|
|
172
184
|
]);
|
|
173
|
-
|
|
185
|
+
_templateObject11 = function _templateObject() {
|
|
174
186
|
return data;
|
|
175
187
|
};
|
|
176
188
|
return data;
|
|
177
189
|
}
|
|
178
|
-
function
|
|
190
|
+
function _templateObject12() {
|
|
179
191
|
var data = _tagged_template_literal([
|
|
180
192
|
"\n ",
|
|
181
193
|
": 1.5rem;\n ",
|
|
@@ -189,12 +201,12 @@ function _templateObject11() {
|
|
|
189
201
|
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
190
202
|
": var(--plasma-typo-body-xs-line-height);\n "
|
|
191
203
|
]);
|
|
192
|
-
|
|
204
|
+
_templateObject12 = function _templateObject() {
|
|
193
205
|
return data;
|
|
194
206
|
};
|
|
195
207
|
return data;
|
|
196
208
|
}
|
|
197
|
-
function
|
|
209
|
+
function _templateObject13() {
|
|
198
210
|
var data = _tagged_template_literal([
|
|
199
211
|
"\n ",
|
|
200
212
|
": 1rem;\n ",
|
|
@@ -208,7 +220,7 @@ function _templateObject12() {
|
|
|
208
220
|
": var(--plasma-typo-body-xxs-letter-spacing);\n ",
|
|
209
221
|
": var(--plasma-typo-body-xxs-line-height);\n "
|
|
210
222
|
]);
|
|
211
|
-
|
|
223
|
+
_templateObject13 = function _templateObject() {
|
|
212
224
|
return data;
|
|
213
225
|
};
|
|
214
226
|
return data;
|
|
@@ -226,16 +238,17 @@ export var config = {
|
|
|
226
238
|
accent: css(_templateObject2(), progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor),
|
|
227
239
|
positive: css(_templateObject3(), progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor),
|
|
228
240
|
warning: css(_templateObject4(), progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor),
|
|
229
|
-
negative: css(_templateObject5(), progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor)
|
|
241
|
+
negative: css(_templateObject5(), progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor),
|
|
242
|
+
info: css(_templateObject6(), progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor)
|
|
230
243
|
},
|
|
231
244
|
size: {
|
|
232
|
-
xxl: css(
|
|
233
|
-
xl: css(
|
|
234
|
-
l: css(
|
|
235
|
-
m: css(
|
|
236
|
-
s: css(
|
|
237
|
-
xs: css(
|
|
238
|
-
xxs: css(
|
|
245
|
+
xxl: css(_templateObject7(), progressBarCircularTokens.width, progressBarCircularTokens.height, progressBarCircularTokens.backgroundStrokeWidth, progressBarCircularTokens.progressStrokeWidth, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
|
|
246
|
+
xl: css(_templateObject8(), progressBarCircularTokens.width, progressBarCircularTokens.height, progressBarCircularTokens.backgroundStrokeWidth, progressBarCircularTokens.progressStrokeWidth, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
|
|
247
|
+
l: css(_templateObject9(), progressBarCircularTokens.width, progressBarCircularTokens.height, progressBarCircularTokens.backgroundStrokeWidth, progressBarCircularTokens.progressStrokeWidth, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
|
|
248
|
+
m: css(_templateObject10(), progressBarCircularTokens.width, progressBarCircularTokens.height, progressBarCircularTokens.backgroundStrokeWidth, progressBarCircularTokens.progressStrokeWidth, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
|
|
249
|
+
s: css(_templateObject11(), progressBarCircularTokens.width, progressBarCircularTokens.height, progressBarCircularTokens.backgroundStrokeWidth, progressBarCircularTokens.progressStrokeWidth, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
|
|
250
|
+
xs: css(_templateObject12(), progressBarCircularTokens.width, progressBarCircularTokens.height, progressBarCircularTokens.backgroundStrokeWidth, progressBarCircularTokens.progressStrokeWidth, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
|
|
251
|
+
xxs: css(_templateObject13(), progressBarCircularTokens.width, progressBarCircularTokens.height, progressBarCircularTokens.backgroundStrokeWidth, progressBarCircularTokens.progressStrokeWidth, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight)
|
|
239
252
|
}
|
|
240
253
|
}
|
|
241
254
|
};
|
package/es/index.js
CHANGED
package/index.d.ts
CHANGED
package/index.js
CHANGED
|
@@ -93,6 +93,7 @@ _export_star(require("./components/ViewContainer"), exports);
|
|
|
93
93
|
_export_star(require("./components/InformationWrapper"), exports);
|
|
94
94
|
_export_star(require("./components/NavigationDrawer"), exports);
|
|
95
95
|
_export_star(require("./components/TimePicker"), exports);
|
|
96
|
+
_export_star(require("./components/ProgressBarCircular"), exports);
|
|
96
97
|
function _export_star(from, to) {
|
|
97
98
|
Object.keys(from).forEach(function(k) {
|
|
98
99
|
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-web",
|
|
3
|
-
"version": "1.596.0-canary.2280.
|
|
3
|
+
"version": "1.596.0-canary.2280.18485554017.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@salutejs/plasma-core": "1.208.0",
|
|
23
23
|
"@salutejs/plasma-hope": "1.353.0",
|
|
24
|
-
"@salutejs/plasma-new-hope": "0.338.0-canary.2280.
|
|
24
|
+
"@salutejs/plasma-new-hope": "0.338.0-canary.2280.18485554017.0",
|
|
25
25
|
"@salutejs/plasma-themes": "0.38.0",
|
|
26
26
|
"@salutejs/plasma-tokens-b2b": "1.54.0",
|
|
27
27
|
"@salutejs/plasma-tokens-b2c": "0.65.0",
|
|
@@ -111,5 +111,5 @@
|
|
|
111
111
|
"Fanil Zubairov"
|
|
112
112
|
],
|
|
113
113
|
"sideEffects": false,
|
|
114
|
-
"gitHead": "
|
|
114
|
+
"gitHead": "65d4809354420211f8a5827d44d8720069b846f1"
|
|
115
115
|
}
|