@salutejs/plasma-web 1.600.0-canary.2260.19662001696.0 → 1.600.0-canary.2299.19667427987.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.
Files changed (32) hide show
  1. package/components/Loader/Loader.config.d.ts +26 -0
  2. package/components/Loader/Loader.config.js +306 -0
  3. package/components/Loader/Loader.d.ts +20 -0
  4. package/components/Loader/Loader.js +14 -0
  5. package/components/Loader/index.d.ts +2 -0
  6. package/components/Loader/index.js +11 -0
  7. package/css/cjs/components/Loader/Loader.config.js +34 -0
  8. package/css/cjs/components/Loader/Loader.config.js.map +1 -0
  9. package/css/cjs/components/Loader/Loader.config_1a9i6et.css +14 -0
  10. package/css/cjs/components/Loader/Loader.css +14 -0
  11. package/css/cjs/components/Loader/Loader.js +12 -0
  12. package/css/cjs/components/Loader/Loader.js.map +1 -0
  13. package/css/cjs/index.css +15 -0
  14. package/css/cjs/index.js +2 -0
  15. package/css/cjs/index.js.map +1 -1
  16. package/css/es/components/Loader/Loader.config.js +30 -0
  17. package/css/es/components/Loader/Loader.config.js.map +1 -0
  18. package/css/es/components/Loader/Loader.config_1a9i6et.css +14 -0
  19. package/css/es/components/Loader/Loader.css +14 -0
  20. package/css/es/components/Loader/Loader.js +8 -0
  21. package/css/es/components/Loader/Loader.js.map +1 -0
  22. package/css/es/index.css +15 -0
  23. package/css/es/index.js +1 -0
  24. package/css/es/index.js.map +1 -1
  25. package/css/index.d.ts +2 -0
  26. package/es/components/Loader/Loader.config.js +296 -0
  27. package/es/components/Loader/Loader.js +4 -0
  28. package/es/components/Loader/index.js +1 -0
  29. package/es/index.js +1 -0
  30. package/index.d.ts +1 -0
  31. package/index.js +1 -0
  32. package/package.json +8 -8
package/components/Loader/Loader.config.d.ts ADDED
@@ -0,0 +1,26 @@
1
+ export declare const config: {
2
+ defaults: {
3
+ view: string;
4
+ size: string;
5
+ };
6
+ variations: {
7
+ view: {
8
+ default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
9
+ secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
10
+ accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
11
+ positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
12
+ warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
13
+ negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
+ info: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
15
+ };
16
+ size: {
17
+ xxl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
18
+ xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
19
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
20
+ m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
21
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
22
+ xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
23
+ xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
24
+ };
25
+ };
26
+ };
package/components/Loader/Loader.config.js ADDED
@@ -0,0 +1,306 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "config", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return config;
9
+ }
10
+ });
11
+ var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
12
+ function _tagged_template_literal(strings, raw) {
13
+ if (!raw) {
14
+ raw = strings.slice(0);
15
+ }
16
+ return Object.freeze(Object.defineProperties(strings, {
17
+ raw: {
18
+ value: Object.freeze(raw)
19
+ }
20
+ }));
21
+ }
22
+ function _templateObject() {
23
+ var data = _tagged_template_literal([
24
+ "\n ",
25
+ ": var(--surface-transparent-tertiary);\n ",
26
+ ": var(--surface-solid-default);\n ",
27
+ ": var(--text-primary);\n\n ",
28
+ ": var(--text-primary);\n\n ",
29
+ ": var(--overlay-soft);\n "
30
+ ]);
31
+ _templateObject = function _templateObject() {
32
+ return data;
33
+ };
34
+ return data;
35
+ }
36
+ function _templateObject1() {
37
+ var data = _tagged_template_literal([
38
+ "\n ",
39
+ ": var(--surface-transparent-tertiary);\n ",
40
+ ": var(--surface-transparent-secondary);\n ",
41
+ ": var(--text-primary);\n\n ",
42
+ ": var(--text-secondary);\n\n ",
43
+ ": var(--overlay-soft);\n "
44
+ ]);
45
+ _templateObject1 = function _templateObject() {
46
+ return data;
47
+ };
48
+ return data;
49
+ }
50
+ function _templateObject2() {
51
+ var data = _tagged_template_literal([
52
+ "\n ",
53
+ ": var(--surface-transparent-tertiary);\n ",
54
+ ": var(--surface-accent);\n ",
55
+ ": var(--text-primary);\n\n ",
56
+ ": var(--text-accent);\n\n ",
57
+ ": var(--overlay-soft);\n "
58
+ ]);
59
+ _templateObject2 = function _templateObject() {
60
+ return data;
61
+ };
62
+ return data;
63
+ }
64
+ function _templateObject3() {
65
+ var data = _tagged_template_literal([
66
+ "\n ",
67
+ ": var(--surface-transparent-tertiary);\n ",
68
+ ": var(--surface-positive);\n ",
69
+ ": var(--text-primary);\n\n ",
70
+ ": var(--text-positive);\n\n ",
71
+ ": var(--overlay-soft);\n "
72
+ ]);
73
+ _templateObject3 = function _templateObject() {
74
+ return data;
75
+ };
76
+ return data;
77
+ }
78
+ function _templateObject4() {
79
+ var data = _tagged_template_literal([
80
+ "\n ",
81
+ ": var(--surface-transparent-tertiary);\n ",
82
+ ": var(--surface-warning);\n ",
83
+ ": var(--text-primary);\n\n ",
84
+ ": var(--text-warning);\n\n ",
85
+ ": var(--overlay-soft);\n "
86
+ ]);
87
+ _templateObject4 = function _templateObject() {
88
+ return data;
89
+ };
90
+ return data;
91
+ }
92
+ function _templateObject5() {
93
+ var data = _tagged_template_literal([
94
+ "\n ",
95
+ ": var(--surface-transparent-tertiary);\n ",
96
+ ": var(--surface-negative);\n ",
97
+ ": var(--text-primary);\n\n ",
98
+ ": var(--text-negative);\n\n ",
99
+ ": var(--overlay-soft);\n "
100
+ ]);
101
+ _templateObject5 = function _templateObject() {
102
+ return data;
103
+ };
104
+ return data;
105
+ }
106
+ function _templateObject6() {
107
+ var data = _tagged_template_literal([
108
+ "\n ",
109
+ ": var(--surface-transparent-tertiary);\n ",
110
+ ": var(--surface-info);\n ",
111
+ ": var(--text-primary);\n\n ",
112
+ ": var(--text-info);\n\n ",
113
+ ": var(--overlay-soft);\n "
114
+ ]);
115
+ _templateObject6 = function _templateObject() {
116
+ return data;
117
+ };
118
+ return data;
119
+ }
120
+ function _templateObject7() {
121
+ var data = _tagged_template_literal([
122
+ "\n ",
123
+ ": 100%;\n ",
124
+ ": 100%;\n\n ",
125
+ ": 128;\n ",
126
+ ": 8rem;\n ",
127
+ ": 8rem;\n ",
128
+ ": 0.25rem;\n ",
129
+ ": 4;\n ",
130
+ ": var(--plasma-typo-h2-font-family);\n ",
131
+ ": var(--plasma-typo-h2-font-size);\n ",
132
+ ": var(--plasma-typo-h2-font-style);\n ",
133
+ ": var(--plasma-typo-h2-bold-font-weight);\n ",
134
+ ": var(--plasma-typo-h2-letter-spacing);\n ",
135
+ ": var(--plasma-typo-h2-line-height);\n\n ",
136
+ ": 8rem;\n "
137
+ ]);
138
+ _templateObject7 = function _templateObject() {
139
+ return data;
140
+ };
141
+ return data;
142
+ }
143
+ function _templateObject8() {
144
+ var data = _tagged_template_literal([
145
+ "\n ",
146
+ ": 100%;\n ",
147
+ ": 100%;\n\n ",
148
+ ": 88;\n ",
149
+ ": 5.5rem;\n ",
150
+ ": 5.5rem;\n ",
151
+ ": 0.25rem;\n ",
152
+ ": 4;\n ",
153
+ ": var(--plasma-typo-h5-font-family);\n ",
154
+ ": var(--plasma-typo-h5-font-size);\n ",
155
+ ": var(--plasma-typo-h5-font-style);\n ",
156
+ ": var(--plasma-typo-h5-bold-font-weight);\n ",
157
+ ": var(--plasma-typo-h5-letter-spacing);\n ",
158
+ ": var(--plasma-typo-h5-line-height);\n\n ",
159
+ ": 5.5rem;\n "
160
+ ]);
161
+ _templateObject8 = function _templateObject() {
162
+ return data;
163
+ };
164
+ return data;
165
+ }
166
+ function _templateObject9() {
167
+ var data = _tagged_template_literal([
168
+ "\n ",
169
+ ": 100%;\n ",
170
+ ": 100%;\n\n ",
171
+ ": 56;\n ",
172
+ ": 3.5rem;\n ",
173
+ ": 3.5rem;\n ",
174
+ ": 0.125rem;\n ",
175
+ ": 2;\n ",
176
+ ": var(--plasma-typo-body-l-font-family);\n ",
177
+ ": var(--plasma-typo-body-l-font-size);\n ",
178
+ ": var(--plasma-typo-body-l-font-style);\n ",
179
+ ": var(--plasma-typo-body-l-body-font-weight);\n ",
180
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
181
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
182
+ ": 3.5rem;\n "
183
+ ]);
184
+ _templateObject9 = function _templateObject() {
185
+ return data;
186
+ };
187
+ return data;
188
+ }
189
+ function _templateObject10() {
190
+ var data = _tagged_template_literal([
191
+ "\n ",
192
+ ": 100%;\n ",
193
+ ": 100%;\n\n ",
194
+ ": 48;\n ",
195
+ ": 3rem;\n ",
196
+ ": 3rem;\n ",
197
+ ": 0.125rem;\n ",
198
+ ": 2;\n ",
199
+ ": var(--plasma-typo-body-m-font-family);\n ",
200
+ ": var(--plasma-typo-body-m-font-size);\n ",
201
+ ": var(--plasma-typo-body-m-font-style);\n ",
202
+ ": var(--plasma-typo-body-m-body-font-weight);\n ",
203
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
204
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
205
+ ": 3rem;\n "
206
+ ]);
207
+ _templateObject10 = function _templateObject() {
208
+ return data;
209
+ };
210
+ return data;
211
+ }
212
+ function _templateObject11() {
213
+ var data = _tagged_template_literal([
214
+ "\n ",
215
+ ": 100%;\n ",
216
+ ": 100%;\n\n ",
217
+ ": 32;\n ",
218
+ ": 2.25rem;\n ",
219
+ ": 2.25rem;\n ",
220
+ ": 0.125rem;\n ",
221
+ ": 2;\n ",
222
+ ": var(--plasma-typo-body-s-font-family);\n ",
223
+ ": var(--plasma-typo-body-s-font-size);\n ",
224
+ ": var(--plasma-typo-body-s-font-style);\n ",
225
+ ": var(--plasma-typo-body-s-body-font-weight);\n ",
226
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
227
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
228
+ ": 2.25rem;\n "
229
+ ]);
230
+ _templateObject11 = function _templateObject() {
231
+ return data;
232
+ };
233
+ return data;
234
+ }
235
+ function _templateObject12() {
236
+ var data = _tagged_template_literal([
237
+ "\n ",
238
+ ": 100%;\n ",
239
+ ": 100%;\n\n ",
240
+ ": 24;\n ",
241
+ ": 1.5rem;\n ",
242
+ ": 1.5rem;\n ",
243
+ ": 0.125rem;\n ",
244
+ ": 2;\n ",
245
+ ": var(--plasma-typo-body-xs-font-family);\n ",
246
+ ": var(--plasma-typo-body-xs-font-size);\n ",
247
+ ": var(--plasma-typo-body-xs-font-style);\n ",
248
+ ": var(--plasma-typo-body-xs-body-font-weight);\n ",
249
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
250
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
251
+ ": 1.5rem;\n "
252
+ ]);
253
+ _templateObject12 = function _templateObject() {
254
+ return data;
255
+ };
256
+ return data;
257
+ }
258
+ function _templateObject13() {
259
+ var data = _tagged_template_literal([
260
+ "\n ",
261
+ ": 100%;\n ",
262
+ ": 100%;\n\n ",
263
+ ": 16;\n ",
264
+ ": 1rem;\n ",
265
+ ": 1rem;\n ",
266
+ ": 0.125rem;\n ",
267
+ ": 2;\n ",
268
+ ": var(--plasma-typo-body-xxs-font-family);\n ",
269
+ ": var(--plasma-typo-body-xxs-font-size);\n ",
270
+ ": var(--plasma-typo-body-xxs-font-style);\n ",
271
+ ": var(--plasma-typo-body-xxs-body-font-weight);\n ",
272
+ ": var(--plasma-typo-body-xxs-letter-spacing);\n ",
273
+ ": var(--plasma-typo-body-xxs-line-height);\n\n ",
274
+ ": 1rem;\n "
275
+ ]);
276
+ _templateObject13 = function _templateObject() {
277
+ return data;
278
+ };
279
+ return data;
280
+ }
281
+ var config = {
282
+ defaults: {
283
+ view: 'default',
284
+ size: 'm'
285
+ },
286
+ variations: {
287
+ view: {
288
+ default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.loaderTokens.progressBarCircularBackgroundStroke, _styledcomponents.loaderTokens.progressBarCircularStroke, _styledcomponents.loaderTokens.progressBarCircularContentColor, _styledcomponents.loaderTokens.spinnerColor, _styledcomponents.loaderTokens.overlayColor),
289
+ secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.loaderTokens.progressBarCircularBackgroundStroke, _styledcomponents.loaderTokens.progressBarCircularStroke, _styledcomponents.loaderTokens.progressBarCircularContentColor, _styledcomponents.loaderTokens.spinnerColor, _styledcomponents.loaderTokens.overlayColor),
290
+ accent: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.loaderTokens.progressBarCircularBackgroundStroke, _styledcomponents.loaderTokens.progressBarCircularStroke, _styledcomponents.loaderTokens.progressBarCircularContentColor, _styledcomponents.loaderTokens.spinnerColor, _styledcomponents.loaderTokens.overlayColor),
291
+ positive: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.loaderTokens.progressBarCircularBackgroundStroke, _styledcomponents.loaderTokens.progressBarCircularStroke, _styledcomponents.loaderTokens.progressBarCircularContentColor, _styledcomponents.loaderTokens.spinnerColor, _styledcomponents.loaderTokens.overlayColor),
292
+ warning: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.loaderTokens.progressBarCircularBackgroundStroke, _styledcomponents.loaderTokens.progressBarCircularStroke, _styledcomponents.loaderTokens.progressBarCircularContentColor, _styledcomponents.loaderTokens.spinnerColor, _styledcomponents.loaderTokens.overlayColor),
293
+ negative: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.loaderTokens.progressBarCircularBackgroundStroke, _styledcomponents.loaderTokens.progressBarCircularStroke, _styledcomponents.loaderTokens.progressBarCircularContentColor, _styledcomponents.loaderTokens.spinnerColor, _styledcomponents.loaderTokens.overlayColor),
294
+ info: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.loaderTokens.progressBarCircularBackgroundStroke, _styledcomponents.loaderTokens.progressBarCircularStroke, _styledcomponents.loaderTokens.progressBarCircularContentColor, _styledcomponents.loaderTokens.spinnerColor, _styledcomponents.loaderTokens.overlayColor)
295
+ },
296
+ size: {
297
+ xxl: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.loaderTokens.width, _styledcomponents.loaderTokens.height, _styledcomponents.loaderTokens.progressBarCircularSize, _styledcomponents.loaderTokens.progressBarCircularHeight, _styledcomponents.loaderTokens.progressBarCircularWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeSize, _styledcomponents.loaderTokens.progressBarCircularContentFontFamily, _styledcomponents.loaderTokens.progressBarCircularContentFontSize, _styledcomponents.loaderTokens.progressBarCircularContentFontStyle, _styledcomponents.loaderTokens.progressBarCircularContentFontWeight, _styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing, _styledcomponents.loaderTokens.progressBarCircularContentLineHeight, _styledcomponents.loaderTokens.spinnerSize),
298
+ xl: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.loaderTokens.width, _styledcomponents.loaderTokens.height, _styledcomponents.loaderTokens.progressBarCircularSize, _styledcomponents.loaderTokens.progressBarCircularHeight, _styledcomponents.loaderTokens.progressBarCircularWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeSize, _styledcomponents.loaderTokens.progressBarCircularContentFontFamily, _styledcomponents.loaderTokens.progressBarCircularContentFontSize, _styledcomponents.loaderTokens.progressBarCircularContentFontStyle, _styledcomponents.loaderTokens.progressBarCircularContentFontWeight, _styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing, _styledcomponents.loaderTokens.progressBarCircularContentLineHeight, _styledcomponents.loaderTokens.spinnerSize),
299
+ l: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.loaderTokens.width, _styledcomponents.loaderTokens.height, _styledcomponents.loaderTokens.progressBarCircularSize, _styledcomponents.loaderTokens.progressBarCircularHeight, _styledcomponents.loaderTokens.progressBarCircularWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeSize, _styledcomponents.loaderTokens.progressBarCircularContentFontFamily, _styledcomponents.loaderTokens.progressBarCircularContentFontSize, _styledcomponents.loaderTokens.progressBarCircularContentFontStyle, _styledcomponents.loaderTokens.progressBarCircularContentFontWeight, _styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing, _styledcomponents.loaderTokens.progressBarCircularContentLineHeight, _styledcomponents.loaderTokens.spinnerSize),
300
+ m: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.loaderTokens.width, _styledcomponents.loaderTokens.height, _styledcomponents.loaderTokens.progressBarCircularSize, _styledcomponents.loaderTokens.progressBarCircularHeight, _styledcomponents.loaderTokens.progressBarCircularWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeSize, _styledcomponents.loaderTokens.progressBarCircularContentFontFamily, _styledcomponents.loaderTokens.progressBarCircularContentFontSize, _styledcomponents.loaderTokens.progressBarCircularContentFontStyle, _styledcomponents.loaderTokens.progressBarCircularContentFontWeight, _styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing, _styledcomponents.loaderTokens.progressBarCircularContentLineHeight, _styledcomponents.loaderTokens.spinnerSize),
301
+ s: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.loaderTokens.width, _styledcomponents.loaderTokens.height, _styledcomponents.loaderTokens.progressBarCircularSize, _styledcomponents.loaderTokens.progressBarCircularHeight, _styledcomponents.loaderTokens.progressBarCircularWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeSize, _styledcomponents.loaderTokens.progressBarCircularContentFontFamily, _styledcomponents.loaderTokens.progressBarCircularContentFontSize, _styledcomponents.loaderTokens.progressBarCircularContentFontStyle, _styledcomponents.loaderTokens.progressBarCircularContentFontWeight, _styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing, _styledcomponents.loaderTokens.progressBarCircularContentLineHeight, _styledcomponents.loaderTokens.spinnerSize),
302
+ xs: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.loaderTokens.width, _styledcomponents.loaderTokens.height, _styledcomponents.loaderTokens.progressBarCircularSize, _styledcomponents.loaderTokens.progressBarCircularHeight, _styledcomponents.loaderTokens.progressBarCircularWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeSize, _styledcomponents.loaderTokens.progressBarCircularContentFontFamily, _styledcomponents.loaderTokens.progressBarCircularContentFontSize, _styledcomponents.loaderTokens.progressBarCircularContentFontStyle, _styledcomponents.loaderTokens.progressBarCircularContentFontWeight, _styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing, _styledcomponents.loaderTokens.progressBarCircularContentLineHeight, _styledcomponents.loaderTokens.spinnerSize),
303
+ xxs: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.loaderTokens.width, _styledcomponents.loaderTokens.height, _styledcomponents.loaderTokens.progressBarCircularSize, _styledcomponents.loaderTokens.progressBarCircularHeight, _styledcomponents.loaderTokens.progressBarCircularWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeSize, _styledcomponents.loaderTokens.progressBarCircularContentFontFamily, _styledcomponents.loaderTokens.progressBarCircularContentFontSize, _styledcomponents.loaderTokens.progressBarCircularContentFontStyle, _styledcomponents.loaderTokens.progressBarCircularContentFontWeight, _styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing, _styledcomponents.loaderTokens.progressBarCircularContentLineHeight, _styledcomponents.loaderTokens.spinnerSize)
304
+ }
305
+ }
306
+ };
package/components/Loader/Loader.d.ts ADDED
@@ -0,0 +1,20 @@
1
+ export declare const Loader: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
2
+ view: {
3
+ default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
4
+ secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
5
+ accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
6
+ positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
7
+ warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
8
+ negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
9
+ info: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
10
+ };
11
+ size: {
12
+ xxl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
13
+ xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
15
+ m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
16
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
17
+ xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
18
+ xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
19
+ };
20
+ }> & import("react").HTMLAttributes<HTMLDivElement> & import("@salutejs/plasma-new-hope/types/components/Loader/Loader.types").CustomLoaderProps & import("react").RefAttributes<HTMLDivElement>>;
package/components/Loader/Loader.js ADDED
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "Loader", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return Loader;
9
+ }
10
+ });
11
+ var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
12
+ var _Loaderconfig = require("./Loader.config");
13
+ var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.loaderConfig, _Loaderconfig.config);
14
+ var Loader = (0, _styledcomponents.component)(mergedConfig);
package/components/Loader/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { Loader } from './Loader';
2
+ export type { LoaderProps } from '@salutejs/plasma-new-hope/styled-components';
package/components/Loader/index.js ADDED
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "Loader", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return _Loader.Loader;
9
+ }
10
+ });
11
+ var _Loader = require("./Loader");
package/css/cjs/components/Loader/Loader.config.js ADDED
@@ -0,0 +1,34 @@
1
+ require('./Loader.config_1a9i6et.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": "d1ernefp",
14
+ secondary: "s1e6j3dd",
15
+ accent: "akp7smq",
16
+ positive: "ptfv5k4",
17
+ warning: "wc3xdzx",
18
+ negative: "nvkbnrq",
19
+ info: "i6h5jxu"
20
+ },
21
+ size: {
22
+ xxl: "xjpd1et",
23
+ xl: "x11g81gx",
24
+ l: "ll8o6li",
25
+ m: "m1vtu84r",
26
+ s: "sa23z5j",
27
+ xs: "xda1k0c",
28
+ xxs: "x1tjn3lm"
29
+ }
30
+ }
31
+ };
32
+
33
+ exports.config = config;
34
+ //# sourceMappingURL=Loader.config.js.map
package/css/cjs/components/Loader/Loader.config.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Loader.config.js","sources":["../../../../src-css/components/Loader/Loader.config.ts"],"sourcesContent":["import { css, loaderTokens } 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 ${loaderTokens.progressBarCircularBackgroundStroke}: var(--surface-transparent-tertiary);\n ${loaderTokens.progressBarCircularStroke}: var(--surface-solid-default);\n ${loaderTokens.progressBarCircularContentColor}: var(--text-primary);\n\n ${loaderTokens.spinnerColor}: var(--text-primary);\n\n ${loaderTokens.overlayColor}: var(--overlay-soft);\n `,\n secondary: css`\n ${loaderTokens.progressBarCircularBackgroundStroke}: var(--surface-transparent-tertiary);\n ${loaderTokens.progressBarCircularStroke}: var(--surface-transparent-secondary);\n ${loaderTokens.progressBarCircularContentColor}: var(--text-primary);\n\n ${loaderTokens.spinnerColor}: var(--text-secondary);\n\n ${loaderTokens.overlayColor}: var(--overlay-soft);\n `,\n accent: css`\n ${loaderTokens.progressBarCircularBackgroundStroke}: var(--surface-transparent-tertiary);\n ${loaderTokens.progressBarCircularStroke}: var(--surface-accent);\n ${loaderTokens.progressBarCircularContentColor}: var(--text-primary);\n\n ${loaderTokens.spinnerColor}: var(--text-accent);\n\n ${loaderTokens.overlayColor}: var(--overlay-soft);\n `,\n positive: css`\n ${loaderTokens.progressBarCircularBackgroundStroke}: var(--surface-transparent-tertiary);\n ${loaderTokens.progressBarCircularStroke}: var(--surface-positive);\n ${loaderTokens.progressBarCircularContentColor}: var(--text-primary);\n\n ${loaderTokens.spinnerColor}: var(--text-positive);\n\n ${loaderTokens.overlayColor}: var(--overlay-soft);\n `,\n warning: css`\n ${loaderTokens.progressBarCircularBackgroundStroke}: var(--surface-transparent-tertiary);\n ${loaderTokens.progressBarCircularStroke}: var(--surface-warning);\n ${loaderTokens.progressBarCircularContentColor}: var(--text-primary);\n\n ${loaderTokens.spinnerColor}: var(--text-warning);\n\n ${loaderTokens.overlayColor}: var(--overlay-soft);\n `,\n negative: css`\n ${loaderTokens.progressBarCircularBackgroundStroke}: var(--surface-transparent-tertiary);\n ${loaderTokens.progressBarCircularStroke}: var(--surface-negative);\n ${loaderTokens.progressBarCircularContentColor}: var(--text-primary);\n\n ${loaderTokens.spinnerColor}: var(--text-negative);\n\n ${loaderTokens.overlayColor}: var(--overlay-soft);\n `,\n info: css`\n ${loaderTokens.progressBarCircularBackgroundStroke}: var(--surface-transparent-tertiary);\n ${loaderTokens.progressBarCircularStroke}: var(--surface-info);\n ${loaderTokens.progressBarCircularContentColor}: var(--text-primary);\n\n ${loaderTokens.spinnerColor}: var(--text-info);\n\n ${loaderTokens.overlayColor}: var(--overlay-soft);\n `,\n },\n size: {\n xxl: css`\n ${loaderTokens.width}: 100%;\n ${loaderTokens.height}: 100%;\n\n ${loaderTokens.progressBarCircularSize}: 128;\n ${loaderTokens.progressBarCircularHeight}: 8rem;\n ${loaderTokens.progressBarCircularWidth}: 8rem;\n ${loaderTokens.progressBarCircularStrokeWidth}: 0.25rem;\n ${loaderTokens.progressBarCircularStrokeSize}: 4;\n ${loaderTokens.progressBarCircularContentFontFamily}: var(--plasma-typo-h2-font-family);\n ${loaderTokens.progressBarCircularContentFontSize}: var(--plasma-typo-h2-font-size);\n ${loaderTokens.progressBarCircularContentFontStyle}: var(--plasma-typo-h2-font-style);\n ${loaderTokens.progressBarCircularContentFontWeight}: var(--plasma-typo-h2-bold-font-weight);\n ${loaderTokens.progressBarCircularContentLetterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${loaderTokens.progressBarCircularContentLineHeight}: var(--plasma-typo-h2-line-height);\n\n ${loaderTokens.spinnerSize}: 8rem;\n `,\n xl: css`\n ${loaderTokens.width}: 100%;\n ${loaderTokens.height}: 100%;\n\n ${loaderTokens.progressBarCircularSize}: 88;\n ${loaderTokens.progressBarCircularHeight}: 5.5rem;\n ${loaderTokens.progressBarCircularWidth}: 5.5rem;\n ${loaderTokens.progressBarCircularStrokeWidth}: 0.25rem;\n ${loaderTokens.progressBarCircularStrokeSize}: 4;\n ${loaderTokens.progressBarCircularContentFontFamily}: var(--plasma-typo-h5-font-family);\n ${loaderTokens.progressBarCircularContentFontSize}: var(--plasma-typo-h5-font-size);\n ${loaderTokens.progressBarCircularContentFontStyle}: var(--plasma-typo-h5-font-style);\n ${loaderTokens.progressBarCircularContentFontWeight}: var(--plasma-typo-h5-bold-font-weight);\n ${loaderTokens.progressBarCircularContentLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${loaderTokens.progressBarCircularContentLineHeight}: var(--plasma-typo-h5-line-height);\n\n ${loaderTokens.spinnerSize}: 5.5rem;\n `,\n l: css`\n ${loaderTokens.width}: 100%;\n ${loaderTokens.height}: 100%;\n\n ${loaderTokens.progressBarCircularSize}: 56;\n ${loaderTokens.progressBarCircularHeight}: 3.5rem;\n ${loaderTokens.progressBarCircularWidth}: 3.5rem;\n ${loaderTokens.progressBarCircularStrokeWidth}: 0.125rem;\n ${loaderTokens.progressBarCircularStrokeSize}: 2;\n ${loaderTokens.progressBarCircularContentFontFamily}: var(--plasma-typo-body-l-font-family);\n ${loaderTokens.progressBarCircularContentFontSize}: var(--plasma-typo-body-l-font-size);\n ${loaderTokens.progressBarCircularContentFontStyle}: var(--plasma-typo-body-l-font-style);\n ${loaderTokens.progressBarCircularContentFontWeight}: var(--plasma-typo-body-l-body-font-weight);\n ${loaderTokens.progressBarCircularContentLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${loaderTokens.progressBarCircularContentLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${loaderTokens.spinnerSize}: 3.5rem;\n `,\n m: css`\n ${loaderTokens.width}: 100%;\n ${loaderTokens.height}: 100%;\n\n ${loaderTokens.progressBarCircularSize}: 48;\n ${loaderTokens.progressBarCircularHeight}: 3rem;\n ${loaderTokens.progressBarCircularWidth}: 3rem;\n ${loaderTokens.progressBarCircularStrokeWidth}: 0.125rem;\n ${loaderTokens.progressBarCircularStrokeSize}: 2;\n ${loaderTokens.progressBarCircularContentFontFamily}: var(--plasma-typo-body-m-font-family);\n ${loaderTokens.progressBarCircularContentFontSize}: var(--plasma-typo-body-m-font-size);\n ${loaderTokens.progressBarCircularContentFontStyle}: var(--plasma-typo-body-m-font-style);\n ${loaderTokens.progressBarCircularContentFontWeight}: var(--plasma-typo-body-m-body-font-weight);\n ${loaderTokens.progressBarCircularContentLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${loaderTokens.progressBarCircularContentLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${loaderTokens.spinnerSize}: 3rem;\n `,\n s: css`\n ${loaderTokens.width}: 100%;\n ${loaderTokens.height}: 100%;\n\n ${loaderTokens.progressBarCircularSize}: 32;\n ${loaderTokens.progressBarCircularHeight}: 2.25rem;\n ${loaderTokens.progressBarCircularWidth}: 2.25rem;\n ${loaderTokens.progressBarCircularStrokeWidth}: 0.125rem;\n ${loaderTokens.progressBarCircularStrokeSize}: 2;\n ${loaderTokens.progressBarCircularContentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${loaderTokens.progressBarCircularContentFontSize}: var(--plasma-typo-body-s-font-size);\n ${loaderTokens.progressBarCircularContentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${loaderTokens.progressBarCircularContentFontWeight}: var(--plasma-typo-body-s-body-font-weight);\n ${loaderTokens.progressBarCircularContentLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${loaderTokens.progressBarCircularContentLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${loaderTokens.spinnerSize}: 2.25rem;\n `,\n xs: css`\n ${loaderTokens.width}: 100%;\n ${loaderTokens.height}: 100%;\n\n ${loaderTokens.progressBarCircularSize}: 24;\n ${loaderTokens.progressBarCircularHeight}: 1.5rem;\n ${loaderTokens.progressBarCircularWidth}: 1.5rem;\n ${loaderTokens.progressBarCircularStrokeWidth}: 0.125rem;\n ${loaderTokens.progressBarCircularStrokeSize}: 2;\n ${loaderTokens.progressBarCircularContentFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${loaderTokens.progressBarCircularContentFontSize}: var(--plasma-typo-body-xs-font-size);\n ${loaderTokens.progressBarCircularContentFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${loaderTokens.progressBarCircularContentFontWeight}: var(--plasma-typo-body-xs-body-font-weight);\n ${loaderTokens.progressBarCircularContentLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${loaderTokens.progressBarCircularContentLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${loaderTokens.spinnerSize}: 1.5rem;\n `,\n xxs: css`\n ${loaderTokens.width}: 100%;\n ${loaderTokens.height}: 100%;\n\n ${loaderTokens.progressBarCircularSize}: 16;\n ${loaderTokens.progressBarCircularHeight}: 1rem;\n ${loaderTokens.progressBarCircularWidth}: 1rem;\n ${loaderTokens.progressBarCircularStrokeWidth}: 0.125rem;\n ${loaderTokens.progressBarCircularStrokeSize}: 2;\n ${loaderTokens.progressBarCircularContentFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${loaderTokens.progressBarCircularContentFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${loaderTokens.progressBarCircularContentFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${loaderTokens.progressBarCircularContentFontWeight}: var(--plasma-typo-body-xxs-body-font-weight);\n ${loaderTokens.progressBarCircularContentLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${loaderTokens.progressBarCircularContentLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${loaderTokens.spinnerSize}: 1rem;\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,EAQC,UAAA;AACDC,MAAAA,SAAS,EAQR,UAAA;AACDC,MAAAA,MAAM,EAQL,SAAA;AACDC,MAAAA,QAAQ,EAQP,SAAA;AACDC,MAAAA,OAAO,EAQN,SAAA;AACDC,MAAAA,QAAQ,EAQP,SAAA;AACDC,MAAAA,IAAI,EAAA,SAAA;KASP;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,GAAG,EAiBF,SAAA;AACDC,MAAAA,EAAE,EAiBD,UAAA;AACDC,MAAAA,CAAC,EAiBA,SAAA;AACDC,MAAAA,CAAC,EAiBA,UAAA;AACDC,MAAAA,CAAC,EAiBA,SAAA;AACDC,MAAAA,EAAE,EAiBD,SAAA;AACDC,MAAAA,GAAG,EAAA,UAAA;AAkBP,KAAA;AACJ,GAAA;AACJ;;;;"}
package/css/cjs/components/Loader/Loader.config_1a9i6et.css ADDED
@@ -0,0 +1,14 @@
1
+ .d1ernefp{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-solid-default);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-primary);--plasma-loader-overlay-color:var(--overlay-soft);}
2
+ .s1e6j3dd{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-transparent-secondary);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-secondary);--plasma-loader-overlay-color:var(--overlay-soft);}
3
+ .akp7smq{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-accent);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-accent);--plasma-loader-overlay-color:var(--overlay-soft);}
4
+ .ptfv5k4{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-positive);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-positive);--plasma-loader-overlay-color:var(--overlay-soft);}
5
+ .wc3xdzx{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-warning);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-warning);--plasma-loader-overlay-color:var(--overlay-soft);}
6
+ .nvkbnrq{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-negative);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-negative);--plasma-loader-overlay-color:var(--overlay-soft);}
7
+ .i6h5jxu{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-info);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-info);--plasma-loader-overlay-color:var(--overlay-soft);}
8
+ .xjpd1et{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:128;--plasma-loader-progressbar-circular-height:8rem;--plasma-loader-progressbar-circular-width:8rem;--plasma-loader-progressbar-circular-stroke-width:0.25rem;--plasma-loader-progressbar-circular-stroke-size:4;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-h2-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-h2-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-h2-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-h2-bold-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-h2-line-height);--plasma-loader-spinner-size:8rem;}
9
+ .x11g81gx{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:88;--plasma-loader-progressbar-circular-height:5.5rem;--plasma-loader-progressbar-circular-width:5.5rem;--plasma-loader-progressbar-circular-stroke-width:0.25rem;--plasma-loader-progressbar-circular-stroke-size:4;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-h5-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-h5-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-h5-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-h5-bold-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-h5-line-height);--plasma-loader-spinner-size:5.5rem;}
10
+ .ll8o6li{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:56;--plasma-loader-progressbar-circular-height:3.5rem;--plasma-loader-progressbar-circular-width:3.5rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-l-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-l-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-l-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-l-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-l-line-height);--plasma-loader-spinner-size:3.5rem;}
11
+ .m1vtu84r{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:48;--plasma-loader-progressbar-circular-height:3rem;--plasma-loader-progressbar-circular-width:3rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-m-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-m-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-m-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-m-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-m-line-height);--plasma-loader-spinner-size:3rem;}
12
+ .sa23z5j{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:32;--plasma-loader-progressbar-circular-height:2.25rem;--plasma-loader-progressbar-circular-width:2.25rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-s-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-s-line-height);--plasma-loader-spinner-size:2.25rem;}
13
+ .xda1k0c{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:24;--plasma-loader-progressbar-circular-height:1.5rem;--plasma-loader-progressbar-circular-width:1.5rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-xs-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-xs-line-height);--plasma-loader-spinner-size:1.5rem;}
14
+ .x1tjn3lm{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:16;--plasma-loader-progressbar-circular-height:1rem;--plasma-loader-progressbar-circular-width:1rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-xxs-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-xxs-line-height);--plasma-loader-spinner-size:1rem;}
package/css/cjs/components/Loader/Loader.css ADDED
@@ -0,0 +1,14 @@
1
+ .Loader_config_1a9i6et_d1ernefp__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-solid-default);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-primary);--plasma-loader-overlay-color:var(--overlay-soft);}
2
+ .Loader_config_1a9i6et_s1e6j3dd__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-transparent-secondary);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-secondary);--plasma-loader-overlay-color:var(--overlay-soft);}
3
+ .Loader_config_1a9i6et_akp7smq__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-accent);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-accent);--plasma-loader-overlay-color:var(--overlay-soft);}
4
+ .Loader_config_1a9i6et_ptfv5k4__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-positive);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-positive);--plasma-loader-overlay-color:var(--overlay-soft);}
5
+ .Loader_config_1a9i6et_wc3xdzx__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-warning);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-warning);--plasma-loader-overlay-color:var(--overlay-soft);}
6
+ .Loader_config_1a9i6et_nvkbnrq__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-negative);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-negative);--plasma-loader-overlay-color:var(--overlay-soft);}
7
+ .Loader_config_1a9i6et_i6h5jxu__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-info);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-info);--plasma-loader-overlay-color:var(--overlay-soft);}
8
+ .Loader_config_1a9i6et_xjpd1et__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:128;--plasma-loader-progressbar-circular-height:8rem;--plasma-loader-progressbar-circular-width:8rem;--plasma-loader-progressbar-circular-stroke-width:0.25rem;--plasma-loader-progressbar-circular-stroke-size:4;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-h2-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-h2-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-h2-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-h2-bold-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-h2-line-height);--plasma-loader-spinner-size:8rem;}
9
+ .Loader_config_1a9i6et_x11g81gx__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:88;--plasma-loader-progressbar-circular-height:5.5rem;--plasma-loader-progressbar-circular-width:5.5rem;--plasma-loader-progressbar-circular-stroke-width:0.25rem;--plasma-loader-progressbar-circular-stroke-size:4;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-h5-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-h5-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-h5-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-h5-bold-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-h5-line-height);--plasma-loader-spinner-size:5.5rem;}
10
+ .Loader_config_1a9i6et_ll8o6li__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:56;--plasma-loader-progressbar-circular-height:3.5rem;--plasma-loader-progressbar-circular-width:3.5rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-l-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-l-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-l-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-l-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-l-line-height);--plasma-loader-spinner-size:3.5rem;}
11
+ .Loader_config_1a9i6et_m1vtu84r__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:48;--plasma-loader-progressbar-circular-height:3rem;--plasma-loader-progressbar-circular-width:3rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-m-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-m-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-m-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-m-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-m-line-height);--plasma-loader-spinner-size:3rem;}
12
+ .Loader_config_1a9i6et_sa23z5j__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:32;--plasma-loader-progressbar-circular-height:2.25rem;--plasma-loader-progressbar-circular-width:2.25rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-s-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-s-line-height);--plasma-loader-spinner-size:2.25rem;}
13
+ .Loader_config_1a9i6et_xda1k0c__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:24;--plasma-loader-progressbar-circular-height:1.5rem;--plasma-loader-progressbar-circular-width:1.5rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-xs-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-xs-line-height);--plasma-loader-spinner-size:1.5rem;}
14
+ .Loader_config_1a9i6et_x1tjn3lm__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:16;--plasma-loader-progressbar-circular-height:1rem;--plasma-loader-progressbar-circular-width:1rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-xxs-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-xxs-line-height);--plasma-loader-spinner-size:1rem;}
package/css/cjs/components/Loader/Loader.js ADDED
@@ -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 Loader_config = require('./Loader.config.js');
7
+
8
+ var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.loaderConfig, Loader_config.config);
9
+ var Loader = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
10
+
11
+ exports.Loader = Loader;
12
+ //# sourceMappingURL=Loader.js.map
package/css/cjs/components/Loader/Loader.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Loader.js","sources":["../../../../src-css/components/Loader/Loader.ts"],"sourcesContent":["import { loaderConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Loader.config';\n\nconst mergedConfig = mergeConfig(loaderConfig, config);\n\nexport const Loader = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","loaderConfig","config","Loader","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,0BAAY,EAAEC,oBAAM,CAAC,CAAA;IAEzCC,MAAM,gBAAGC,uBAAS,CAACL,YAAY;;;;"}
package/css/cjs/index.css CHANGED
@@ -415,6 +415,21 @@
415
415
  .List_config_qo5s7v_x1ubtqc5__7a740f77{--plasma-list-item-padding-top:1.3125rem;--plasma-list-item-padding-left:1.125rem;--plasma-list-item-padding-right:1.125rem;--plasma-list-item-padding-bottom:1.3125rem;--plasma-list-item-border-radius:1rem;--plasma-list-item-border-width:0rem;--plasma-list-item-gap:0.5rem;--plasma-list-item-tight-difference:0.25rem;--plasma-list-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-list-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-list-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-list-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-list-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-list-item-line-height:var(--plasma-typo-body-l-line-height);}
416
416
 
417
417
 
418
+ .Loader_config_1a9i6et_d1ernefp__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-solid-default);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-primary);--plasma-loader-overlay-color:var(--overlay-soft);}
419
+ .Loader_config_1a9i6et_s1e6j3dd__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-transparent-secondary);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-secondary);--plasma-loader-overlay-color:var(--overlay-soft);}
420
+ .Loader_config_1a9i6et_akp7smq__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-accent);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-accent);--plasma-loader-overlay-color:var(--overlay-soft);}
421
+ .Loader_config_1a9i6et_ptfv5k4__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-positive);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-positive);--plasma-loader-overlay-color:var(--overlay-soft);}
422
+ .Loader_config_1a9i6et_wc3xdzx__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-warning);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-warning);--plasma-loader-overlay-color:var(--overlay-soft);}
423
+ .Loader_config_1a9i6et_nvkbnrq__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-negative);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-negative);--plasma-loader-overlay-color:var(--overlay-soft);}
424
+ .Loader_config_1a9i6et_i6h5jxu__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-info);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-info);--plasma-loader-overlay-color:var(--overlay-soft);}
425
+ .Loader_config_1a9i6et_xjpd1et__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:128;--plasma-loader-progressbar-circular-height:8rem;--plasma-loader-progressbar-circular-width:8rem;--plasma-loader-progressbar-circular-stroke-width:0.25rem;--plasma-loader-progressbar-circular-stroke-size:4;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-h2-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-h2-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-h2-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-h2-bold-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-h2-line-height);--plasma-loader-spinner-size:8rem;}
426
+ .Loader_config_1a9i6et_x11g81gx__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:88;--plasma-loader-progressbar-circular-height:5.5rem;--plasma-loader-progressbar-circular-width:5.5rem;--plasma-loader-progressbar-circular-stroke-width:0.25rem;--plasma-loader-progressbar-circular-stroke-size:4;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-h5-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-h5-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-h5-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-h5-bold-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-h5-line-height);--plasma-loader-spinner-size:5.5rem;}
427
+ .Loader_config_1a9i6et_ll8o6li__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:56;--plasma-loader-progressbar-circular-height:3.5rem;--plasma-loader-progressbar-circular-width:3.5rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-l-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-l-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-l-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-l-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-l-line-height);--plasma-loader-spinner-size:3.5rem;}
428
+ .Loader_config_1a9i6et_m1vtu84r__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:48;--plasma-loader-progressbar-circular-height:3rem;--plasma-loader-progressbar-circular-width:3rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-m-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-m-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-m-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-m-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-m-line-height);--plasma-loader-spinner-size:3rem;}
429
+ .Loader_config_1a9i6et_sa23z5j__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:32;--plasma-loader-progressbar-circular-height:2.25rem;--plasma-loader-progressbar-circular-width:2.25rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-s-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-s-line-height);--plasma-loader-spinner-size:2.25rem;}
430
+ .Loader_config_1a9i6et_xda1k0c__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:24;--plasma-loader-progressbar-circular-height:1.5rem;--plasma-loader-progressbar-circular-width:1.5rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-xs-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-xs-line-height);--plasma-loader-spinner-size:1.5rem;}
431
+ .Loader_config_1a9i6et_x1tjn3lm__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:16;--plasma-loader-progressbar-circular-height:1rem;--plasma-loader-progressbar-circular-width:1rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-xxs-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-xxs-line-height);--plasma-loader-spinner-size:1rem;}
432
+
418
433
  .Modal_config_32nvcp_dwnr4pm__6d643713{--plasma-modal-overlay-with-blur-color:rgba(35,35,35,0.2);--plasma-modal-overlay-color:var(--overlay-soft);--plasma-modal-body-background:var(--surface-solid-card);--plasma-modal-body-border-radius:1.25rem;--plasma-modal-body-padding:2rem;--plasma-modal-content-padding:0.625rem;--plasma-modal-close-button-radius:0.375rem;--plasma-modal-close-button-color:var(--text-secondary);--plasma-modal-close-button-hover-color:var(--text-secondary-hover);--plasma-modal-close-button-active-color:var(--text-secondary-active);--plasma-modal-outline-focus-color:var(--surface-accent);}
419
434
 
420
435
  .NavigationDrawer_config_n7owxj_dizs8j1__a54212c7{--plasma-navigation-drawer-sidebar-box-shadow:var(--shadow-down-soft-s);--plasma-navigation-drawer-sidebar-padding:1.25rem 0.75rem 0.75rem 0.75rem;--plasma-navigation-drawer-sidebar-gap:0.625rem;--plasma-navigation-drawer-sidebar-width:250px;--plasma-navigation-drawer-sidebar-background:var(--surface-solid-card);--plasma-navigation-drawer-section-color:var(--text-tertiary-active);--plasma-navigation-drawer-section-font-size:0.75rem;--plasma-navigation-drawer-section-header-gap:0.75rem;--plasma-navigation-drawer-menu-item-gap:0.75rem;--plasma-navigation-drawer-menu-item-padding:0.75rem;--plasma-navigation-drawer-menu-item-border-radius:0.625rem;--plasma-navigation-drawer-menu-item-selected-color:var(--surface-transparent-secondary);--plasma-navigation-drawer-menu-item-hover-color:var(--surface-transparent-secondary-hover);--plasma-navigation-drawer-menu-item-disabled-opacity:0.4;--plasma-navigation-drawer-menu-item-indicator-size:0.5rem;--plasma-navigation-drawer-menu-item-indicator-color:var(--surface-solid-default);--plasma-navigation-drawer-divider-color:var(--surface-transparent-tertiary);--plasma-navigation-drawer-divider-height:1px;--plasma-navigation-drawer-overlay-background:var(--surface-transparent-secondary);--plasma-navigation-drawer-avatar-extra-counter-border-radius:1rem;--plasma-navigation-drawer-avatar-extra-counter-height:1rem;--plasma-navigation-drawer-avatar-extra-counter-padding:0 0.125rem;--plasma-navigation-drawer-avatar-extra-counter-background:var(--surface-solid-default);--plasma-navigation-drawer-avatar-extra-counter-color:var(--surface-solid-card);--plasma-navigation-drawer-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-navigation-drawer-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-navigation-drawer-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-navigation-drawer-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-navigation-drawer-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-navigation-drawer-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
package/css/cjs/index.js CHANGED
@@ -46,6 +46,7 @@ var InformationWrapper = require('./components/InformationWrapper/InformationWra
46
46
  var Link = require('./components/Link/Link.js');
47
47
  var LinkButton = require('./components/LinkButton/LinkButton.js');
48
48
  var List = require('./components/List/List.js');
49
+ var Loader = require('./components/Loader/Loader.js');
49
50
  var Mask = require('./components/Mask/Mask.js');
50
51
  var ModalBase = require('./components/ModalBase/ModalBase.js');
51
52
  var NavigationDrawer = require('./components/NavigationDrawer/NavigationDrawer.js');
@@ -395,6 +396,7 @@ exports.InformationWrapper = InformationWrapper.InformationWrapper;
395
396
  exports.Link = Link.Link;
396
397
  exports.LinkButton = LinkButton.LinkButton;
397
398
  exports.List = List.List;
399
+ exports.Loader = Loader.Loader;
398
400
  exports.Mask = Mask.Mask;
399
401
  exports.ModalBase = ModalBase.ModalBase;
400
402
  exports.NavigationDrawer = NavigationDrawer.NavigationDrawer;
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/css/es/components/Loader/Loader.config.js ADDED
@@ -0,0 +1,30 @@
1
+ import './Loader.config_1a9i6et.css';
2
+ var config = {
3
+ defaults: {
4
+ view: 'default',
5
+ size: 'm'
6
+ },
7
+ variations: {
8
+ view: {
9
+ "default": "d1ernefp",
10
+ secondary: "s1e6j3dd",
11
+ accent: "akp7smq",
12
+ positive: "ptfv5k4",
13
+ warning: "wc3xdzx",
14
+ negative: "nvkbnrq",
15
+ info: "i6h5jxu"
16
+ },
17
+ size: {
18
+ xxl: "xjpd1et",
19
+ xl: "x11g81gx",
20
+ l: "ll8o6li",
21
+ m: "m1vtu84r",
22
+ s: "sa23z5j",
23
+ xs: "xda1k0c",
24
+ xxs: "x1tjn3lm"
25
+ }
26
+ }
27
+ };
28
+
29
+ export { config };
30
+ //# sourceMappingURL=Loader.config.js.map
package/css/es/components/Loader/Loader.config.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Loader.config.js","sources":["../../../../src-css/components/Loader/Loader.config.ts"],"sourcesContent":["import { css, loaderTokens } 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 ${loaderTokens.progressBarCircularBackgroundStroke}: var(--surface-transparent-tertiary);\n ${loaderTokens.progressBarCircularStroke}: var(--surface-solid-default);\n ${loaderTokens.progressBarCircularContentColor}: var(--text-primary);\n\n ${loaderTokens.spinnerColor}: var(--text-primary);\n\n ${loaderTokens.overlayColor}: var(--overlay-soft);\n `,\n secondary: css`\n ${loaderTokens.progressBarCircularBackgroundStroke}: var(--surface-transparent-tertiary);\n ${loaderTokens.progressBarCircularStroke}: var(--surface-transparent-secondary);\n ${loaderTokens.progressBarCircularContentColor}: var(--text-primary);\n\n ${loaderTokens.spinnerColor}: var(--text-secondary);\n\n ${loaderTokens.overlayColor}: var(--overlay-soft);\n `,\n accent: css`\n ${loaderTokens.progressBarCircularBackgroundStroke}: var(--surface-transparent-tertiary);\n ${loaderTokens.progressBarCircularStroke}: var(--surface-accent);\n ${loaderTokens.progressBarCircularContentColor}: var(--text-primary);\n\n ${loaderTokens.spinnerColor}: var(--text-accent);\n\n ${loaderTokens.overlayColor}: var(--overlay-soft);\n `,\n positive: css`\n ${loaderTokens.progressBarCircularBackgroundStroke}: var(--surface-transparent-tertiary);\n ${loaderTokens.progressBarCircularStroke}: var(--surface-positive);\n ${loaderTokens.progressBarCircularContentColor}: var(--text-primary);\n\n ${loaderTokens.spinnerColor}: var(--text-positive);\n\n ${loaderTokens.overlayColor}: var(--overlay-soft);\n `,\n warning: css`\n ${loaderTokens.progressBarCircularBackgroundStroke}: var(--surface-transparent-tertiary);\n ${loaderTokens.progressBarCircularStroke}: var(--surface-warning);\n ${loaderTokens.progressBarCircularContentColor}: var(--text-primary);\n\n ${loaderTokens.spinnerColor}: var(--text-warning);\n\n ${loaderTokens.overlayColor}: var(--overlay-soft);\n `,\n negative: css`\n ${loaderTokens.progressBarCircularBackgroundStroke}: var(--surface-transparent-tertiary);\n ${loaderTokens.progressBarCircularStroke}: var(--surface-negative);\n ${loaderTokens.progressBarCircularContentColor}: var(--text-primary);\n\n ${loaderTokens.spinnerColor}: var(--text-negative);\n\n ${loaderTokens.overlayColor}: var(--overlay-soft);\n `,\n info: css`\n ${loaderTokens.progressBarCircularBackgroundStroke}: var(--surface-transparent-tertiary);\n ${loaderTokens.progressBarCircularStroke}: var(--surface-info);\n ${loaderTokens.progressBarCircularContentColor}: var(--text-primary);\n\n ${loaderTokens.spinnerColor}: var(--text-info);\n\n ${loaderTokens.overlayColor}: var(--overlay-soft);\n `,\n },\n size: {\n xxl: css`\n ${loaderTokens.width}: 100%;\n ${loaderTokens.height}: 100%;\n\n ${loaderTokens.progressBarCircularSize}: 128;\n ${loaderTokens.progressBarCircularHeight}: 8rem;\n ${loaderTokens.progressBarCircularWidth}: 8rem;\n ${loaderTokens.progressBarCircularStrokeWidth}: 0.25rem;\n ${loaderTokens.progressBarCircularStrokeSize}: 4;\n ${loaderTokens.progressBarCircularContentFontFamily}: var(--plasma-typo-h2-font-family);\n ${loaderTokens.progressBarCircularContentFontSize}: var(--plasma-typo-h2-font-size);\n ${loaderTokens.progressBarCircularContentFontStyle}: var(--plasma-typo-h2-font-style);\n ${loaderTokens.progressBarCircularContentFontWeight}: var(--plasma-typo-h2-bold-font-weight);\n ${loaderTokens.progressBarCircularContentLetterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${loaderTokens.progressBarCircularContentLineHeight}: var(--plasma-typo-h2-line-height);\n\n ${loaderTokens.spinnerSize}: 8rem;\n `,\n xl: css`\n ${loaderTokens.width}: 100%;\n ${loaderTokens.height}: 100%;\n\n ${loaderTokens.progressBarCircularSize}: 88;\n ${loaderTokens.progressBarCircularHeight}: 5.5rem;\n ${loaderTokens.progressBarCircularWidth}: 5.5rem;\n ${loaderTokens.progressBarCircularStrokeWidth}: 0.25rem;\n ${loaderTokens.progressBarCircularStrokeSize}: 4;\n ${loaderTokens.progressBarCircularContentFontFamily}: var(--plasma-typo-h5-font-family);\n ${loaderTokens.progressBarCircularContentFontSize}: var(--plasma-typo-h5-font-size);\n ${loaderTokens.progressBarCircularContentFontStyle}: var(--plasma-typo-h5-font-style);\n ${loaderTokens.progressBarCircularContentFontWeight}: var(--plasma-typo-h5-bold-font-weight);\n ${loaderTokens.progressBarCircularContentLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${loaderTokens.progressBarCircularContentLineHeight}: var(--plasma-typo-h5-line-height);\n\n ${loaderTokens.spinnerSize}: 5.5rem;\n `,\n l: css`\n ${loaderTokens.width}: 100%;\n ${loaderTokens.height}: 100%;\n\n ${loaderTokens.progressBarCircularSize}: 56;\n ${loaderTokens.progressBarCircularHeight}: 3.5rem;\n ${loaderTokens.progressBarCircularWidth}: 3.5rem;\n ${loaderTokens.progressBarCircularStrokeWidth}: 0.125rem;\n ${loaderTokens.progressBarCircularStrokeSize}: 2;\n ${loaderTokens.progressBarCircularContentFontFamily}: var(--plasma-typo-body-l-font-family);\n ${loaderTokens.progressBarCircularContentFontSize}: var(--plasma-typo-body-l-font-size);\n ${loaderTokens.progressBarCircularContentFontStyle}: var(--plasma-typo-body-l-font-style);\n ${loaderTokens.progressBarCircularContentFontWeight}: var(--plasma-typo-body-l-body-font-weight);\n ${loaderTokens.progressBarCircularContentLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${loaderTokens.progressBarCircularContentLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${loaderTokens.spinnerSize}: 3.5rem;\n `,\n m: css`\n ${loaderTokens.width}: 100%;\n ${loaderTokens.height}: 100%;\n\n ${loaderTokens.progressBarCircularSize}: 48;\n ${loaderTokens.progressBarCircularHeight}: 3rem;\n ${loaderTokens.progressBarCircularWidth}: 3rem;\n ${loaderTokens.progressBarCircularStrokeWidth}: 0.125rem;\n ${loaderTokens.progressBarCircularStrokeSize}: 2;\n ${loaderTokens.progressBarCircularContentFontFamily}: var(--plasma-typo-body-m-font-family);\n ${loaderTokens.progressBarCircularContentFontSize}: var(--plasma-typo-body-m-font-size);\n ${loaderTokens.progressBarCircularContentFontStyle}: var(--plasma-typo-body-m-font-style);\n ${loaderTokens.progressBarCircularContentFontWeight}: var(--plasma-typo-body-m-body-font-weight);\n ${loaderTokens.progressBarCircularContentLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${loaderTokens.progressBarCircularContentLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${loaderTokens.spinnerSize}: 3rem;\n `,\n s: css`\n ${loaderTokens.width}: 100%;\n ${loaderTokens.height}: 100%;\n\n ${loaderTokens.progressBarCircularSize}: 32;\n ${loaderTokens.progressBarCircularHeight}: 2.25rem;\n ${loaderTokens.progressBarCircularWidth}: 2.25rem;\n ${loaderTokens.progressBarCircularStrokeWidth}: 0.125rem;\n ${loaderTokens.progressBarCircularStrokeSize}: 2;\n ${loaderTokens.progressBarCircularContentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${loaderTokens.progressBarCircularContentFontSize}: var(--plasma-typo-body-s-font-size);\n ${loaderTokens.progressBarCircularContentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${loaderTokens.progressBarCircularContentFontWeight}: var(--plasma-typo-body-s-body-font-weight);\n ${loaderTokens.progressBarCircularContentLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${loaderTokens.progressBarCircularContentLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${loaderTokens.spinnerSize}: 2.25rem;\n `,\n xs: css`\n ${loaderTokens.width}: 100%;\n ${loaderTokens.height}: 100%;\n\n ${loaderTokens.progressBarCircularSize}: 24;\n ${loaderTokens.progressBarCircularHeight}: 1.5rem;\n ${loaderTokens.progressBarCircularWidth}: 1.5rem;\n ${loaderTokens.progressBarCircularStrokeWidth}: 0.125rem;\n ${loaderTokens.progressBarCircularStrokeSize}: 2;\n ${loaderTokens.progressBarCircularContentFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${loaderTokens.progressBarCircularContentFontSize}: var(--plasma-typo-body-xs-font-size);\n ${loaderTokens.progressBarCircularContentFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${loaderTokens.progressBarCircularContentFontWeight}: var(--plasma-typo-body-xs-body-font-weight);\n ${loaderTokens.progressBarCircularContentLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${loaderTokens.progressBarCircularContentLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${loaderTokens.spinnerSize}: 1.5rem;\n `,\n xxs: css`\n ${loaderTokens.width}: 100%;\n ${loaderTokens.height}: 100%;\n\n ${loaderTokens.progressBarCircularSize}: 16;\n ${loaderTokens.progressBarCircularHeight}: 1rem;\n ${loaderTokens.progressBarCircularWidth}: 1rem;\n ${loaderTokens.progressBarCircularStrokeWidth}: 0.125rem;\n ${loaderTokens.progressBarCircularStrokeSize}: 2;\n ${loaderTokens.progressBarCircularContentFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${loaderTokens.progressBarCircularContentFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${loaderTokens.progressBarCircularContentFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${loaderTokens.progressBarCircularContentFontWeight}: var(--plasma-typo-body-xxs-body-font-weight);\n ${loaderTokens.progressBarCircularContentLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${loaderTokens.progressBarCircularContentLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${loaderTokens.spinnerSize}: 1rem;\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,EAQC,UAAA;AACDC,MAAAA,SAAS,EAQR,UAAA;AACDC,MAAAA,MAAM,EAQL,SAAA;AACDC,MAAAA,QAAQ,EAQP,SAAA;AACDC,MAAAA,OAAO,EAQN,SAAA;AACDC,MAAAA,QAAQ,EAQP,SAAA;AACDC,MAAAA,IAAI,EAAA,SAAA;KASP;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,GAAG,EAiBF,SAAA;AACDC,MAAAA,EAAE,EAiBD,UAAA;AACDC,MAAAA,CAAC,EAiBA,SAAA;AACDC,MAAAA,CAAC,EAiBA,UAAA;AACDC,MAAAA,CAAC,EAiBA,SAAA;AACDC,MAAAA,EAAE,EAiBD,SAAA;AACDC,MAAAA,GAAG,EAAA,UAAA;AAkBP,KAAA;AACJ,GAAA;AACJ;;;;"}
package/css/es/components/Loader/Loader.config_1a9i6et.css ADDED
@@ -0,0 +1,14 @@
1
+ .d1ernefp{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-solid-default);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-primary);--plasma-loader-overlay-color:var(--overlay-soft);}
2
+ .s1e6j3dd{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-transparent-secondary);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-secondary);--plasma-loader-overlay-color:var(--overlay-soft);}
3
+ .akp7smq{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-accent);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-accent);--plasma-loader-overlay-color:var(--overlay-soft);}
4
+ .ptfv5k4{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-positive);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-positive);--plasma-loader-overlay-color:var(--overlay-soft);}
5
+ .wc3xdzx{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-warning);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-warning);--plasma-loader-overlay-color:var(--overlay-soft);}
6
+ .nvkbnrq{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-negative);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-negative);--plasma-loader-overlay-color:var(--overlay-soft);}
7
+ .i6h5jxu{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-info);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-info);--plasma-loader-overlay-color:var(--overlay-soft);}
8
+ .xjpd1et{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:128;--plasma-loader-progressbar-circular-height:8rem;--plasma-loader-progressbar-circular-width:8rem;--plasma-loader-progressbar-circular-stroke-width:0.25rem;--plasma-loader-progressbar-circular-stroke-size:4;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-h2-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-h2-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-h2-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-h2-bold-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-h2-line-height);--plasma-loader-spinner-size:8rem;}
9
+ .x11g81gx{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:88;--plasma-loader-progressbar-circular-height:5.5rem;--plasma-loader-progressbar-circular-width:5.5rem;--plasma-loader-progressbar-circular-stroke-width:0.25rem;--plasma-loader-progressbar-circular-stroke-size:4;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-h5-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-h5-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-h5-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-h5-bold-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-h5-line-height);--plasma-loader-spinner-size:5.5rem;}
10
+ .ll8o6li{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:56;--plasma-loader-progressbar-circular-height:3.5rem;--plasma-loader-progressbar-circular-width:3.5rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-l-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-l-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-l-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-l-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-l-line-height);--plasma-loader-spinner-size:3.5rem;}
11
+ .m1vtu84r{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:48;--plasma-loader-progressbar-circular-height:3rem;--plasma-loader-progressbar-circular-width:3rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-m-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-m-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-m-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-m-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-m-line-height);--plasma-loader-spinner-size:3rem;}
12
+ .sa23z5j{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:32;--plasma-loader-progressbar-circular-height:2.25rem;--plasma-loader-progressbar-circular-width:2.25rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-s-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-s-line-height);--plasma-loader-spinner-size:2.25rem;}
13
+ .xda1k0c{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:24;--plasma-loader-progressbar-circular-height:1.5rem;--plasma-loader-progressbar-circular-width:1.5rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-xs-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-xs-line-height);--plasma-loader-spinner-size:1.5rem;}
14
+ .x1tjn3lm{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:16;--plasma-loader-progressbar-circular-height:1rem;--plasma-loader-progressbar-circular-width:1rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-xxs-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-xxs-line-height);--plasma-loader-spinner-size:1rem;}
package/css/es/components/Loader/Loader.css ADDED
@@ -0,0 +1,14 @@
1
+ .Loader_config_1a9i6et_d1ernefp__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-solid-default);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-primary);--plasma-loader-overlay-color:var(--overlay-soft);}
2
+ .Loader_config_1a9i6et_s1e6j3dd__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-transparent-secondary);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-secondary);--plasma-loader-overlay-color:var(--overlay-soft);}
3
+ .Loader_config_1a9i6et_akp7smq__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-accent);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-accent);--plasma-loader-overlay-color:var(--overlay-soft);}
4
+ .Loader_config_1a9i6et_ptfv5k4__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-positive);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-positive);--plasma-loader-overlay-color:var(--overlay-soft);}
5
+ .Loader_config_1a9i6et_wc3xdzx__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-warning);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-warning);--plasma-loader-overlay-color:var(--overlay-soft);}
6
+ .Loader_config_1a9i6et_nvkbnrq__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-negative);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-negative);--plasma-loader-overlay-color:var(--overlay-soft);}
7
+ .Loader_config_1a9i6et_i6h5jxu__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-info);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-info);--plasma-loader-overlay-color:var(--overlay-soft);}
8
+ .Loader_config_1a9i6et_xjpd1et__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:128;--plasma-loader-progressbar-circular-height:8rem;--plasma-loader-progressbar-circular-width:8rem;--plasma-loader-progressbar-circular-stroke-width:0.25rem;--plasma-loader-progressbar-circular-stroke-size:4;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-h2-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-h2-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-h2-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-h2-bold-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-h2-line-height);--plasma-loader-spinner-size:8rem;}
9
+ .Loader_config_1a9i6et_x11g81gx__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:88;--plasma-loader-progressbar-circular-height:5.5rem;--plasma-loader-progressbar-circular-width:5.5rem;--plasma-loader-progressbar-circular-stroke-width:0.25rem;--plasma-loader-progressbar-circular-stroke-size:4;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-h5-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-h5-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-h5-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-h5-bold-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-h5-line-height);--plasma-loader-spinner-size:5.5rem;}
10
+ .Loader_config_1a9i6et_ll8o6li__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:56;--plasma-loader-progressbar-circular-height:3.5rem;--plasma-loader-progressbar-circular-width:3.5rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-l-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-l-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-l-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-l-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-l-line-height);--plasma-loader-spinner-size:3.5rem;}
11
+ .Loader_config_1a9i6et_m1vtu84r__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:48;--plasma-loader-progressbar-circular-height:3rem;--plasma-loader-progressbar-circular-width:3rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-m-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-m-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-m-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-m-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-m-line-height);--plasma-loader-spinner-size:3rem;}
12
+ .Loader_config_1a9i6et_sa23z5j__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:32;--plasma-loader-progressbar-circular-height:2.25rem;--plasma-loader-progressbar-circular-width:2.25rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-s-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-s-line-height);--plasma-loader-spinner-size:2.25rem;}
13
+ .Loader_config_1a9i6et_xda1k0c__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:24;--plasma-loader-progressbar-circular-height:1.5rem;--plasma-loader-progressbar-circular-width:1.5rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-xs-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-xs-line-height);--plasma-loader-spinner-size:1.5rem;}
14
+ .Loader_config_1a9i6et_x1tjn3lm__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:16;--plasma-loader-progressbar-circular-height:1rem;--plasma-loader-progressbar-circular-width:1rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-xxs-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-xxs-line-height);--plasma-loader-spinner-size:1rem;}
package/css/es/components/Loader/Loader.js ADDED
@@ -0,0 +1,8 @@
1
+ import { component, mergeConfig, loaderConfig } from '@salutejs/plasma-new-hope';
2
+ import { config } from './Loader.config.js';
3
+
4
+ var mergedConfig = /*#__PURE__*/mergeConfig(loaderConfig, config);
5
+ var Loader = /*#__PURE__*/component(mergedConfig);
6
+
7
+ export { Loader };
8
+ //# sourceMappingURL=Loader.js.map
package/css/es/components/Loader/Loader.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Loader.js","sources":["../../../../src-css/components/Loader/Loader.ts"],"sourcesContent":["import { loaderConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Loader.config';\n\nconst mergedConfig = mergeConfig(loaderConfig, config);\n\nexport const Loader = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","loaderConfig","config","Loader","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,YAAY,EAAEC,MAAM,CAAC,CAAA;IAEzCC,MAAM,gBAAGC,SAAS,CAACL,YAAY;;;;"}
package/css/es/index.css CHANGED
@@ -415,6 +415,21 @@
415
415
  .List_config_qo5s7v_x1ubtqc5__7a740f77{--plasma-list-item-padding-top:1.3125rem;--plasma-list-item-padding-left:1.125rem;--plasma-list-item-padding-right:1.125rem;--plasma-list-item-padding-bottom:1.3125rem;--plasma-list-item-border-radius:1rem;--plasma-list-item-border-width:0rem;--plasma-list-item-gap:0.5rem;--plasma-list-item-tight-difference:0.25rem;--plasma-list-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-list-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-list-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-list-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-list-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-list-item-line-height:var(--plasma-typo-body-l-line-height);}
416
416
 
417
417
 
418
+ .Loader_config_1a9i6et_d1ernefp__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-solid-default);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-primary);--plasma-loader-overlay-color:var(--overlay-soft);}
419
+ .Loader_config_1a9i6et_s1e6j3dd__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-transparent-secondary);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-secondary);--plasma-loader-overlay-color:var(--overlay-soft);}
420
+ .Loader_config_1a9i6et_akp7smq__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-accent);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-accent);--plasma-loader-overlay-color:var(--overlay-soft);}
421
+ .Loader_config_1a9i6et_ptfv5k4__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-positive);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-positive);--plasma-loader-overlay-color:var(--overlay-soft);}
422
+ .Loader_config_1a9i6et_wc3xdzx__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-warning);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-warning);--plasma-loader-overlay-color:var(--overlay-soft);}
423
+ .Loader_config_1a9i6et_nvkbnrq__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-negative);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-negative);--plasma-loader-overlay-color:var(--overlay-soft);}
424
+ .Loader_config_1a9i6et_i6h5jxu__4251d0c2{--plasma-loader-progressbar-circular-background-stroke:var(--surface-transparent-tertiary);--plasma-loader-progressbar-circular-progress-stroke:var(--surface-info);--plasma-loader-progressbar-circular-content-color:var(--text-primary);--plasma-loader-spinner-color:var(--text-info);--plasma-loader-overlay-color:var(--overlay-soft);}
425
+ .Loader_config_1a9i6et_xjpd1et__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:128;--plasma-loader-progressbar-circular-height:8rem;--plasma-loader-progressbar-circular-width:8rem;--plasma-loader-progressbar-circular-stroke-width:0.25rem;--plasma-loader-progressbar-circular-stroke-size:4;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-h2-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-h2-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-h2-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-h2-bold-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-h2-line-height);--plasma-loader-spinner-size:8rem;}
426
+ .Loader_config_1a9i6et_x11g81gx__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:88;--plasma-loader-progressbar-circular-height:5.5rem;--plasma-loader-progressbar-circular-width:5.5rem;--plasma-loader-progressbar-circular-stroke-width:0.25rem;--plasma-loader-progressbar-circular-stroke-size:4;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-h5-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-h5-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-h5-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-h5-bold-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-h5-line-height);--plasma-loader-spinner-size:5.5rem;}
427
+ .Loader_config_1a9i6et_ll8o6li__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:56;--plasma-loader-progressbar-circular-height:3.5rem;--plasma-loader-progressbar-circular-width:3.5rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-l-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-l-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-l-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-l-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-l-line-height);--plasma-loader-spinner-size:3.5rem;}
428
+ .Loader_config_1a9i6et_m1vtu84r__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:48;--plasma-loader-progressbar-circular-height:3rem;--plasma-loader-progressbar-circular-width:3rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-m-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-m-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-m-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-m-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-m-line-height);--plasma-loader-spinner-size:3rem;}
429
+ .Loader_config_1a9i6et_sa23z5j__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:32;--plasma-loader-progressbar-circular-height:2.25rem;--plasma-loader-progressbar-circular-width:2.25rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-s-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-s-line-height);--plasma-loader-spinner-size:2.25rem;}
430
+ .Loader_config_1a9i6et_xda1k0c__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:24;--plasma-loader-progressbar-circular-height:1.5rem;--plasma-loader-progressbar-circular-width:1.5rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-xs-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-xs-line-height);--plasma-loader-spinner-size:1.5rem;}
431
+ .Loader_config_1a9i6et_x1tjn3lm__4251d0c2{--plasma-loader-width:100%;--plasma-loader-height:100%;--plasma-loader-progressbar-circular-size:16;--plasma-loader-progressbar-circular-height:1rem;--plasma-loader-progressbar-circular-width:1rem;--plasma-loader-progressbar-circular-stroke-width:0.125rem;--plasma-loader-progressbar-circular-stroke-size:2;--plasma-loader-progressbar-circular-content-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-loader-progressbar-circular-content-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-loader-progressbar-circular-content-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-loader-progressbar-circular-content-font-weight:var(--plasma-typo-body-xxs-body-font-weight);--plasma-loader-progressbar-circular-content-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-loader-progressbar-circular-content-line-height:var(--plasma-typo-body-xxs-line-height);--plasma-loader-spinner-size:1rem;}
432
+
418
433
  .Modal_config_32nvcp_dwnr4pm__6d643713{--plasma-modal-overlay-with-blur-color:rgba(35,35,35,0.2);--plasma-modal-overlay-color:var(--overlay-soft);--plasma-modal-body-background:var(--surface-solid-card);--plasma-modal-body-border-radius:1.25rem;--plasma-modal-body-padding:2rem;--plasma-modal-content-padding:0.625rem;--plasma-modal-close-button-radius:0.375rem;--plasma-modal-close-button-color:var(--text-secondary);--plasma-modal-close-button-hover-color:var(--text-secondary-hover);--plasma-modal-close-button-active-color:var(--text-secondary-active);--plasma-modal-outline-focus-color:var(--surface-accent);}
419
434
 
420
435
  .NavigationDrawer_config_n7owxj_dizs8j1__a54212c7{--plasma-navigation-drawer-sidebar-box-shadow:var(--shadow-down-soft-s);--plasma-navigation-drawer-sidebar-padding:1.25rem 0.75rem 0.75rem 0.75rem;--plasma-navigation-drawer-sidebar-gap:0.625rem;--plasma-navigation-drawer-sidebar-width:250px;--plasma-navigation-drawer-sidebar-background:var(--surface-solid-card);--plasma-navigation-drawer-section-color:var(--text-tertiary-active);--plasma-navigation-drawer-section-font-size:0.75rem;--plasma-navigation-drawer-section-header-gap:0.75rem;--plasma-navigation-drawer-menu-item-gap:0.75rem;--plasma-navigation-drawer-menu-item-padding:0.75rem;--plasma-navigation-drawer-menu-item-border-radius:0.625rem;--plasma-navigation-drawer-menu-item-selected-color:var(--surface-transparent-secondary);--plasma-navigation-drawer-menu-item-hover-color:var(--surface-transparent-secondary-hover);--plasma-navigation-drawer-menu-item-disabled-opacity:0.4;--plasma-navigation-drawer-menu-item-indicator-size:0.5rem;--plasma-navigation-drawer-menu-item-indicator-color:var(--surface-solid-default);--plasma-navigation-drawer-divider-color:var(--surface-transparent-tertiary);--plasma-navigation-drawer-divider-height:1px;--plasma-navigation-drawer-overlay-background:var(--surface-transparent-secondary);--plasma-navigation-drawer-avatar-extra-counter-border-radius:1rem;--plasma-navigation-drawer-avatar-extra-counter-height:1rem;--plasma-navigation-drawer-avatar-extra-counter-padding:0 0.125rem;--plasma-navigation-drawer-avatar-extra-counter-background:var(--surface-solid-default);--plasma-navigation-drawer-avatar-extra-counter-color:var(--surface-solid-card);--plasma-navigation-drawer-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-navigation-drawer-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-navigation-drawer-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-navigation-drawer-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-navigation-drawer-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-navigation-drawer-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
package/css/es/index.js CHANGED
@@ -42,6 +42,7 @@ export { InformationWrapper } from './components/InformationWrapper/InformationW
42
42
  export { Link } from './components/Link/Link.js';
43
43
  export { LinkButton } from './components/LinkButton/LinkButton.js';
44
44
  export { List } from './components/List/List.js';
45
+ export { Loader } from './components/Loader/Loader.js';
45
46
  export { Mask } from './components/Mask/Mask.js';
46
47
  export { ModalBase } from './components/ModalBase/ModalBase.js';
47
48
  export { NavigationDrawer } from './components/NavigationDrawer/NavigationDrawer.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/css/index.d.ts CHANGED
@@ -37,6 +37,7 @@ export * from '../components/InformationWrapper';
37
37
  export * from '../components/Link';
38
38
  export * from '../components/LinkButton';
39
39
  export * from '../components/List';
40
+ export * from '../components/Loader';
40
41
  export * from '../components/Mask';
41
42
  export * from '../components/ModalBase';
42
43
  export * from '../components/NavigationDrawer';
@@ -119,6 +120,7 @@ export * from '../components/InformationWrapper';
119
120
  export * from '../components/Link';
120
121
  export * from '../components/LinkButton';
121
122
  export * from '../components/List';
123
+ export * from '../components/Loader';
122
124
  export * from '../components/Mask';
123
125
  export * from '../components/ModalBase';
124
126
  export * from '../components/NavigationDrawer';
package/es/components/Loader/Loader.config.js ADDED
@@ -0,0 +1,296 @@
1
+ function _tagged_template_literal(strings, raw) {
2
+ if (!raw) {
3
+ raw = strings.slice(0);
4
+ }
5
+ return Object.freeze(Object.defineProperties(strings, {
6
+ raw: {
7
+ value: Object.freeze(raw)
8
+ }
9
+ }));
10
+ }
11
+ function _templateObject() {
12
+ var data = _tagged_template_literal([
13
+ "\n ",
14
+ ": var(--surface-transparent-tertiary);\n ",
15
+ ": var(--surface-solid-default);\n ",
16
+ ": var(--text-primary);\n\n ",
17
+ ": var(--text-primary);\n\n ",
18
+ ": var(--overlay-soft);\n "
19
+ ]);
20
+ _templateObject = function _templateObject() {
21
+ return data;
22
+ };
23
+ return data;
24
+ }
25
+ function _templateObject1() {
26
+ var data = _tagged_template_literal([
27
+ "\n ",
28
+ ": var(--surface-transparent-tertiary);\n ",
29
+ ": var(--surface-transparent-secondary);\n ",
30
+ ": var(--text-primary);\n\n ",
31
+ ": var(--text-secondary);\n\n ",
32
+ ": var(--overlay-soft);\n "
33
+ ]);
34
+ _templateObject1 = function _templateObject() {
35
+ return data;
36
+ };
37
+ return data;
38
+ }
39
+ function _templateObject2() {
40
+ var data = _tagged_template_literal([
41
+ "\n ",
42
+ ": var(--surface-transparent-tertiary);\n ",
43
+ ": var(--surface-accent);\n ",
44
+ ": var(--text-primary);\n\n ",
45
+ ": var(--text-accent);\n\n ",
46
+ ": var(--overlay-soft);\n "
47
+ ]);
48
+ _templateObject2 = function _templateObject() {
49
+ return data;
50
+ };
51
+ return data;
52
+ }
53
+ function _templateObject3() {
54
+ var data = _tagged_template_literal([
55
+ "\n ",
56
+ ": var(--surface-transparent-tertiary);\n ",
57
+ ": var(--surface-positive);\n ",
58
+ ": var(--text-primary);\n\n ",
59
+ ": var(--text-positive);\n\n ",
60
+ ": var(--overlay-soft);\n "
61
+ ]);
62
+ _templateObject3 = function _templateObject() {
63
+ return data;
64
+ };
65
+ return data;
66
+ }
67
+ function _templateObject4() {
68
+ var data = _tagged_template_literal([
69
+ "\n ",
70
+ ": var(--surface-transparent-tertiary);\n ",
71
+ ": var(--surface-warning);\n ",
72
+ ": var(--text-primary);\n\n ",
73
+ ": var(--text-warning);\n\n ",
74
+ ": var(--overlay-soft);\n "
75
+ ]);
76
+ _templateObject4 = function _templateObject() {
77
+ return data;
78
+ };
79
+ return data;
80
+ }
81
+ function _templateObject5() {
82
+ var data = _tagged_template_literal([
83
+ "\n ",
84
+ ": var(--surface-transparent-tertiary);\n ",
85
+ ": var(--surface-negative);\n ",
86
+ ": var(--text-primary);\n\n ",
87
+ ": var(--text-negative);\n\n ",
88
+ ": var(--overlay-soft);\n "
89
+ ]);
90
+ _templateObject5 = function _templateObject() {
91
+ return data;
92
+ };
93
+ return data;
94
+ }
95
+ function _templateObject6() {
96
+ var data = _tagged_template_literal([
97
+ "\n ",
98
+ ": var(--surface-transparent-tertiary);\n ",
99
+ ": var(--surface-info);\n ",
100
+ ": var(--text-primary);\n\n ",
101
+ ": var(--text-info);\n\n ",
102
+ ": var(--overlay-soft);\n "
103
+ ]);
104
+ _templateObject6 = function _templateObject() {
105
+ return data;
106
+ };
107
+ return data;
108
+ }
109
+ function _templateObject7() {
110
+ var data = _tagged_template_literal([
111
+ "\n ",
112
+ ": 100%;\n ",
113
+ ": 100%;\n\n ",
114
+ ": 128;\n ",
115
+ ": 8rem;\n ",
116
+ ": 8rem;\n ",
117
+ ": 0.25rem;\n ",
118
+ ": 4;\n ",
119
+ ": var(--plasma-typo-h2-font-family);\n ",
120
+ ": var(--plasma-typo-h2-font-size);\n ",
121
+ ": var(--plasma-typo-h2-font-style);\n ",
122
+ ": var(--plasma-typo-h2-bold-font-weight);\n ",
123
+ ": var(--plasma-typo-h2-letter-spacing);\n ",
124
+ ": var(--plasma-typo-h2-line-height);\n\n ",
125
+ ": 8rem;\n "
126
+ ]);
127
+ _templateObject7 = function _templateObject() {
128
+ return data;
129
+ };
130
+ return data;
131
+ }
132
+ function _templateObject8() {
133
+ var data = _tagged_template_literal([
134
+ "\n ",
135
+ ": 100%;\n ",
136
+ ": 100%;\n\n ",
137
+ ": 88;\n ",
138
+ ": 5.5rem;\n ",
139
+ ": 5.5rem;\n ",
140
+ ": 0.25rem;\n ",
141
+ ": 4;\n ",
142
+ ": var(--plasma-typo-h5-font-family);\n ",
143
+ ": var(--plasma-typo-h5-font-size);\n ",
144
+ ": var(--plasma-typo-h5-font-style);\n ",
145
+ ": var(--plasma-typo-h5-bold-font-weight);\n ",
146
+ ": var(--plasma-typo-h5-letter-spacing);\n ",
147
+ ": var(--plasma-typo-h5-line-height);\n\n ",
148
+ ": 5.5rem;\n "
149
+ ]);
150
+ _templateObject8 = function _templateObject() {
151
+ return data;
152
+ };
153
+ return data;
154
+ }
155
+ function _templateObject9() {
156
+ var data = _tagged_template_literal([
157
+ "\n ",
158
+ ": 100%;\n ",
159
+ ": 100%;\n\n ",
160
+ ": 56;\n ",
161
+ ": 3.5rem;\n ",
162
+ ": 3.5rem;\n ",
163
+ ": 0.125rem;\n ",
164
+ ": 2;\n ",
165
+ ": var(--plasma-typo-body-l-font-family);\n ",
166
+ ": var(--plasma-typo-body-l-font-size);\n ",
167
+ ": var(--plasma-typo-body-l-font-style);\n ",
168
+ ": var(--plasma-typo-body-l-body-font-weight);\n ",
169
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
170
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
171
+ ": 3.5rem;\n "
172
+ ]);
173
+ _templateObject9 = function _templateObject() {
174
+ return data;
175
+ };
176
+ return data;
177
+ }
178
+ function _templateObject10() {
179
+ var data = _tagged_template_literal([
180
+ "\n ",
181
+ ": 100%;\n ",
182
+ ": 100%;\n\n ",
183
+ ": 48;\n ",
184
+ ": 3rem;\n ",
185
+ ": 3rem;\n ",
186
+ ": 0.125rem;\n ",
187
+ ": 2;\n ",
188
+ ": var(--plasma-typo-body-m-font-family);\n ",
189
+ ": var(--plasma-typo-body-m-font-size);\n ",
190
+ ": var(--plasma-typo-body-m-font-style);\n ",
191
+ ": var(--plasma-typo-body-m-body-font-weight);\n ",
192
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
193
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
194
+ ": 3rem;\n "
195
+ ]);
196
+ _templateObject10 = function _templateObject() {
197
+ return data;
198
+ };
199
+ return data;
200
+ }
201
+ function _templateObject11() {
202
+ var data = _tagged_template_literal([
203
+ "\n ",
204
+ ": 100%;\n ",
205
+ ": 100%;\n\n ",
206
+ ": 32;\n ",
207
+ ": 2.25rem;\n ",
208
+ ": 2.25rem;\n ",
209
+ ": 0.125rem;\n ",
210
+ ": 2;\n ",
211
+ ": var(--plasma-typo-body-s-font-family);\n ",
212
+ ": var(--plasma-typo-body-s-font-size);\n ",
213
+ ": var(--plasma-typo-body-s-font-style);\n ",
214
+ ": var(--plasma-typo-body-s-body-font-weight);\n ",
215
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
216
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
217
+ ": 2.25rem;\n "
218
+ ]);
219
+ _templateObject11 = function _templateObject() {
220
+ return data;
221
+ };
222
+ return data;
223
+ }
224
+ function _templateObject12() {
225
+ var data = _tagged_template_literal([
226
+ "\n ",
227
+ ": 100%;\n ",
228
+ ": 100%;\n\n ",
229
+ ": 24;\n ",
230
+ ": 1.5rem;\n ",
231
+ ": 1.5rem;\n ",
232
+ ": 0.125rem;\n ",
233
+ ": 2;\n ",
234
+ ": var(--plasma-typo-body-xs-font-family);\n ",
235
+ ": var(--plasma-typo-body-xs-font-size);\n ",
236
+ ": var(--plasma-typo-body-xs-font-style);\n ",
237
+ ": var(--plasma-typo-body-xs-body-font-weight);\n ",
238
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
239
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
240
+ ": 1.5rem;\n "
241
+ ]);
242
+ _templateObject12 = function _templateObject() {
243
+ return data;
244
+ };
245
+ return data;
246
+ }
247
+ function _templateObject13() {
248
+ var data = _tagged_template_literal([
249
+ "\n ",
250
+ ": 100%;\n ",
251
+ ": 100%;\n\n ",
252
+ ": 16;\n ",
253
+ ": 1rem;\n ",
254
+ ": 1rem;\n ",
255
+ ": 0.125rem;\n ",
256
+ ": 2;\n ",
257
+ ": var(--plasma-typo-body-xxs-font-family);\n ",
258
+ ": var(--plasma-typo-body-xxs-font-size);\n ",
259
+ ": var(--plasma-typo-body-xxs-font-style);\n ",
260
+ ": var(--plasma-typo-body-xxs-body-font-weight);\n ",
261
+ ": var(--plasma-typo-body-xxs-letter-spacing);\n ",
262
+ ": var(--plasma-typo-body-xxs-line-height);\n\n ",
263
+ ": 1rem;\n "
264
+ ]);
265
+ _templateObject13 = function _templateObject() {
266
+ return data;
267
+ };
268
+ return data;
269
+ }
270
+ import { css, loaderTokens } from '@salutejs/plasma-new-hope/styled-components';
271
+ export var config = {
272
+ defaults: {
273
+ view: 'default',
274
+ size: 'm'
275
+ },
276
+ variations: {
277
+ view: {
278
+ default: css(_templateObject(), loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor),
279
+ secondary: css(_templateObject1(), loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor),
280
+ accent: css(_templateObject2(), loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor),
281
+ positive: css(_templateObject3(), loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor),
282
+ warning: css(_templateObject4(), loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor),
283
+ negative: css(_templateObject5(), loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor),
284
+ info: css(_templateObject6(), loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor)
285
+ },
286
+ size: {
287
+ xxl: css(_templateObject7(), loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize),
288
+ xl: css(_templateObject8(), loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize),
289
+ l: css(_templateObject9(), loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize),
290
+ m: css(_templateObject10(), loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize),
291
+ s: css(_templateObject11(), loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize),
292
+ xs: css(_templateObject12(), loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize),
293
+ xxs: css(_templateObject13(), loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize)
294
+ }
295
+ }
296
+ };
package/es/components/Loader/Loader.js ADDED
@@ -0,0 +1,4 @@
1
+ import { loaderConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
+ import { config } from './Loader.config';
3
+ var mergedConfig = mergeConfig(loaderConfig, config);
4
+ export var Loader = component(mergedConfig);
package/es/components/Loader/index.js ADDED
@@ -0,0 +1 @@
1
+ export { Loader } from './Loader';
package/es/index.js CHANGED
@@ -91,3 +91,4 @@ export * from './components/NavigationDrawer';
91
91
  export * from './components/TimePicker';
92
92
  export * from './components/ProgressBarCircular';
93
93
  export * from './components/DateTimePicker';
94
+ export * from './components/Loader';
package/index.d.ts CHANGED
@@ -91,3 +91,4 @@ export * from './components/NavigationDrawer';
91
91
  export * from './components/TimePicker';
92
92
  export * from './components/ProgressBarCircular';
93
93
  export * from './components/DateTimePicker';
94
+ export * from './components/Loader';
package/index.js CHANGED
@@ -95,6 +95,7 @@ _export_star(require("./components/NavigationDrawer"), exports);
95
95
  _export_star(require("./components/TimePicker"), exports);
96
96
  _export_star(require("./components/ProgressBarCircular"), exports);
97
97
  _export_star(require("./components/DateTimePicker"), exports);
98
+ _export_star(require("./components/Loader"), exports);
98
99
  function _export_star(from, to) {
99
100
  Object.keys(from).forEach(function(k) {
100
101
  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.600.0-canary.2260.19662001696.0",
3
+ "version": "1.600.0-canary.2299.19667427987.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",
@@ -19,9 +19,9 @@
19
19
  "directory": "packages/plasma-web"
20
20
  },
21
21
  "dependencies": {
22
- "@salutejs/plasma-core": "1.210.0-canary.2260.19662001696.0",
23
- "@salutejs/plasma-hope": "1.356.0-canary.2260.19662001696.0",
24
- "@salutejs/plasma-new-hope": "0.342.0-canary.2260.19662001696.0",
22
+ "@salutejs/plasma-core": "1.210.0-canary.2299.19667427987.0",
23
+ "@salutejs/plasma-hope": "1.356.0-canary.2299.19667427987.0",
24
+ "@salutejs/plasma-new-hope": "0.342.0-canary.2299.19667427987.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",
@@ -49,9 +49,9 @@
49
49
  "@rollup/plugin-commonjs": "25.0.7",
50
50
  "@rollup/plugin-node-resolve": "15.2.3",
51
51
  "@salutejs/plasma-colors": "0.16.0",
52
- "@salutejs/plasma-cy-utils": "0.140.0-canary.2260.19662001696.0",
53
- "@salutejs/plasma-icons": "1.227.0-canary.2260.19662001696.0",
54
- "@salutejs/plasma-sb-utils": "0.210.0-canary.2260.19662001696.0",
52
+ "@salutejs/plasma-cy-utils": "0.140.0-canary.2299.19667427987.0",
53
+ "@salutejs/plasma-icons": "1.227.0-canary.2299.19667427987.0",
54
+ "@salutejs/plasma-sb-utils": "0.210.0-canary.2299.19667427987.0",
55
55
  "@storybook/addon-docs": "8.6.14",
56
56
  "@storybook/addon-essentials": "8.6.14",
57
57
  "@storybook/manager-api": "8.6.14",
@@ -111,5 +111,5 @@
111
111
  "Fanil Zubairov"
112
112
  ],
113
113
  "sideEffects": false,
114
- "gitHead": "52a749b90613b54ef35777081851ef7a660aa4ec"
114
+ "gitHead": "50e1a876a170b085d73d1f5d57bcfc67051c0870"
115
115
  }