@salutejs/plasma-web 1.600.0-canary.2353.19638539568.0 → 1.600.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 (54) hide show
  1. package/components/Card/Card.config.d.ts +16 -0
  2. package/components/Card/Card.config.js +86 -0
  3. package/components/Card/Card.d.ts +21 -0
  4. package/components/Card/Card.js +26 -0
  5. package/components/Card/index.d.ts +2 -9
  6. package/components/Card/index.js +5 -14
  7. package/components/Loader/Loader.config.d.ts +26 -0
  8. package/components/Loader/Loader.config.js +306 -0
  9. package/components/Loader/Loader.d.ts +20 -0
  10. package/components/Loader/Loader.js +14 -0
  11. package/components/Loader/index.d.ts +2 -0
  12. package/components/Loader/index.js +11 -0
  13. package/components/TimePicker/TimePicker.d.ts +1 -1
  14. package/css/cjs/components/Card/Card.config.js +24 -0
  15. package/css/cjs/components/Card/Card.config.js.map +1 -0
  16. package/css/cjs/components/Card/Card.config_1dok8i.css +4 -0
  17. package/css/cjs/components/Card/Card.css +4 -0
  18. package/css/cjs/components/Card/Card.js +25 -0
  19. package/css/cjs/components/Card/Card.js.map +1 -0
  20. package/css/cjs/components/Loader/Loader.config.js +34 -0
  21. package/css/cjs/components/Loader/Loader.config.js.map +1 -0
  22. package/css/cjs/components/Loader/Loader.config_1a9i6et.css +14 -0
  23. package/css/cjs/components/Loader/Loader.css +14 -0
  24. package/css/cjs/components/Loader/Loader.js +12 -0
  25. package/css/cjs/components/Loader/Loader.js.map +1 -0
  26. package/css/cjs/index.css +20 -0
  27. package/css/cjs/index.js +12 -0
  28. package/css/cjs/index.js.map +1 -1
  29. package/css/es/components/Card/Card.config.js +20 -0
  30. package/css/es/components/Card/Card.config.js.map +1 -0
  31. package/css/es/components/Card/Card.config_1dok8i.css +4 -0
  32. package/css/es/components/Card/Card.css +4 -0
  33. package/css/es/components/Card/Card.js +14 -0
  34. package/css/es/components/Card/Card.js.map +1 -0
  35. package/css/es/components/Loader/Loader.config.js +30 -0
  36. package/css/es/components/Loader/Loader.config.js.map +1 -0
  37. package/css/es/components/Loader/Loader.config_1a9i6et.css +14 -0
  38. package/css/es/components/Loader/Loader.css +14 -0
  39. package/css/es/components/Loader/Loader.js +8 -0
  40. package/css/es/components/Loader/Loader.js.map +1 -0
  41. package/css/es/index.css +20 -0
  42. package/css/es/index.js +3 -1
  43. package/css/es/index.js.map +1 -1
  44. package/css/index.d.ts +4 -0
  45. package/es/components/Card/Card.config.js +76 -0
  46. package/es/components/Card/Card.js +8 -0
  47. package/es/components/Card/index.js +1 -5
  48. package/es/components/Loader/Loader.config.js +296 -0
  49. package/es/components/Loader/Loader.js +4 -0
  50. package/es/components/Loader/index.js +1 -0
  51. package/es/index.js +1 -0
  52. package/index.d.ts +1 -0
  53. package/index.js +1 -0
  54. package/package.json +8 -8
@@ -0,0 +1,16 @@
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
+ };
10
+ size: {
11
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
12
+ m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
13
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
+ };
15
+ };
16
+ };
@@ -0,0 +1,86 @@
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-solid-card);\n "
26
+ ]);
27
+ _templateObject = function _templateObject() {
28
+ return data;
29
+ };
30
+ return data;
31
+ }
32
+ function _templateObject1() {
33
+ var data = _tagged_template_literal([
34
+ "\n ",
35
+ ": 0.75rem;\n ",
36
+ ": 0.0625rem;\n ",
37
+ ": 1rem;\n ",
38
+ ": 0.5rem;\n "
39
+ ]);
40
+ _templateObject1 = function _templateObject() {
41
+ return data;
42
+ };
43
+ return data;
44
+ }
45
+ function _templateObject2() {
46
+ var data = _tagged_template_literal([
47
+ "\n ",
48
+ ": 0.625rem;\n ",
49
+ ": 0.0625rem;\n ",
50
+ ": 0.875rem;\n ",
51
+ ": 0.375rem;\n "
52
+ ]);
53
+ _templateObject2 = function _templateObject() {
54
+ return data;
55
+ };
56
+ return data;
57
+ }
58
+ function _templateObject3() {
59
+ var data = _tagged_template_literal([
60
+ "\n ",
61
+ ": 0.5rem;\n ",
62
+ ": 0.0625rem;\n ",
63
+ ": 0.75rem;\n ",
64
+ ": 0.375rem;\n "
65
+ ]);
66
+ _templateObject3 = function _templateObject() {
67
+ return data;
68
+ };
69
+ return data;
70
+ }
71
+ var config = {
72
+ defaults: {
73
+ view: 'default',
74
+ size: 'm'
75
+ },
76
+ variations: {
77
+ view: {
78
+ default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.cardTokens.solidBackground)
79
+ },
80
+ size: {
81
+ l: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.cardTokens.outlineWidth, _styledcomponents.cardTokens.borderWidth, _styledcomponents.cardTokens.borderRadius, _styledcomponents.cardTokens.contentBorderRadius),
82
+ m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.cardTokens.outlineWidth, _styledcomponents.cardTokens.borderWidth, _styledcomponents.cardTokens.borderRadius, _styledcomponents.cardTokens.contentBorderRadius),
83
+ s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.cardTokens.outlineWidth, _styledcomponents.cardTokens.borderWidth, _styledcomponents.cardTokens.borderRadius, _styledcomponents.cardTokens.contentBorderRadius)
84
+ }
85
+ }
86
+ };
@@ -0,0 +1,21 @@
1
+ import { CardContent, CardInnerContent } from '@salutejs/plasma-new-hope/styled-components';
2
+ /**
3
+ * Компонент Card.
4
+ */
5
+ export declare const Card: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
6
+ view: {
7
+ default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
8
+ };
9
+ size: {
10
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
11
+ m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
12
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
13
+ };
14
+ }> & {
15
+ size?: string;
16
+ view?: string;
17
+ orientation?: "horizontal" | "vertical";
18
+ selected?: boolean;
19
+ backgroundType?: "none" | "solid";
20
+ } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
21
+ export { CardContent, CardInnerContent };
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: Object.getOwnPropertyDescriptor(all, name).get
9
+ });
10
+ }
11
+ _export(exports, {
12
+ get Card () {
13
+ return Card;
14
+ },
15
+ get CardContent () {
16
+ return _styledcomponents.CardContent;
17
+ },
18
+ get CardInnerContent () {
19
+ return _styledcomponents.CardInnerContent;
20
+ }
21
+ });
22
+ var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
23
+ var _Cardconfig = require("./Card.config");
24
+ var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.cardConfig, _Cardconfig.config);
25
+ var CardComponent = (0, _styledcomponents.component)(mergedConfig);
26
+ var Card = CardComponent;
@@ -1,9 +1,2 @@
1
- export { Card, StyledCard } from '@salutejs/plasma-hope';
2
- export type { CardProps } from '@salutejs/plasma-hope';
3
- export { CardBadge } from '@salutejs/plasma-hope';
4
- export { CardBody } from '@salutejs/plasma-hope';
5
- export type { CardBodyProps } from '@salutejs/plasma-hope';
6
- export { CardContent } from '@salutejs/plasma-hope';
7
- export type { CardContentProps } from '@salutejs/plasma-hope';
8
- export { CardMedia } from '@salutejs/plasma-hope';
9
- export type { CardMediaProps } from '@salutejs/plasma-hope';
1
+ export { Card, CardContent, CardInnerContent } from './Card';
2
+ export type { CardProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -10,22 +10,13 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  get Card () {
13
- return _plasmahope.Card;
14
- },
15
- get CardBadge () {
16
- return _plasmahope.CardBadge;
17
- },
18
- get CardBody () {
19
- return _plasmahope.CardBody;
13
+ return _Card.Card;
20
14
  },
21
15
  get CardContent () {
22
- return _plasmahope.CardContent;
23
- },
24
- get CardMedia () {
25
- return _plasmahope.CardMedia;
16
+ return _Card.CardContent;
26
17
  },
27
- get StyledCard () {
28
- return _plasmahope.StyledCard;
18
+ get CardInnerContent () {
19
+ return _Card.CardInnerContent;
29
20
  }
30
21
  });
31
- var _plasmahope = require("@salutejs/plasma-hope");
22
+ var _Card = require("./Card");
@@ -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
+ };
@@ -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
+ };
@@ -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>>;
@@ -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);
@@ -0,0 +1,2 @@
1
+ export { Loader } from './Loader';
2
+ export type { LoaderProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -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");
@@ -39,4 +39,4 @@ export declare const TimePicker: import("react").FunctionComponent<import("@salu
39
39
  textBefore?: string;
40
40
  textAfter?: string;
41
41
  onChange?: (event: import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types").TimePickerChangeEvent) => void;
42
- } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types").TimePickerPopoverProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>>;
42
+ } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types").TimePickerPopoverProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,24 @@
1
+ require('./Card.config_1dok8i.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": "d11b3tpi"
14
+ },
15
+ size: {
16
+ l: "lbpd84d",
17
+ m: "m1c9oiks",
18
+ s: "s15l99kt"
19
+ }
20
+ }
21
+ };
22
+
23
+ exports.config = config;
24
+ //# sourceMappingURL=Card.config.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Card.config.js","sources":["../../../../src-css/components/Card/Card.config.ts"],"sourcesContent":["import { css, cardTokens as tokens } 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 ${tokens.solidBackground}: var(--surface-solid-card);\n `,\n },\n size: {\n l: css`\n ${tokens.outlineWidth}: 0.75rem;\n ${tokens.borderWidth}: 0.0625rem;\n ${tokens.borderRadius}: 1rem;\n ${tokens.contentBorderRadius}: 0.5rem;\n `,\n m: css`\n ${tokens.outlineWidth}: 0.625rem;\n ${tokens.borderWidth}: 0.0625rem;\n ${tokens.borderRadius}: 0.875rem;\n ${tokens.contentBorderRadius}: 0.375rem;\n `,\n s: css`\n ${tokens.outlineWidth}: 0.5rem;\n ${tokens.borderWidth}: 0.0625rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.contentBorderRadius}: 0.375rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s"],"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;MACFG,SAAO,EAAA,UAAA;KAGV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAKA,SAAA;AACDC,MAAAA,CAAC,EAKA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;AAML,KAAA;AACJ,GAAA;AACJ;;;;"}
@@ -0,0 +1,4 @@
1
+ .d11b3tpi{--plasma-card-solid-background:var(--surface-solid-card);}
2
+ .lbpd84d{--plasma-card-outline-width:0.75rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:1rem;--plasma-card-content-border-radius:0.5rem;}
3
+ .m1c9oiks{--plasma-card-outline-width:0.625rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.875rem;--plasma-card-content-border-radius:0.375rem;}
4
+ .s15l99kt{--plasma-card-outline-width:0.5rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.75rem;--plasma-card-content-border-radius:0.375rem;}
@@ -0,0 +1,4 @@
1
+ .Card_config_1dok8i_d11b3tpi__d95cbab8{--plasma-card-solid-background:var(--surface-solid-card);}
2
+ .Card_config_1dok8i_lbpd84d__d95cbab8{--plasma-card-outline-width:0.75rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:1rem;--plasma-card-content-border-radius:0.5rem;}
3
+ .Card_config_1dok8i_m1c9oiks__d95cbab8{--plasma-card-outline-width:0.625rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.875rem;--plasma-card-content-border-radius:0.375rem;}
4
+ .Card_config_1dok8i_s15l99kt__d95cbab8{--plasma-card-outline-width:0.5rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.75rem;--plasma-card-content-border-radius:0.375rem;}