@salutejs/sdds-dfa 0.323.0-canary.2261.18093118199.0 → 0.323.0-canary.2262.18095422153.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.
|
@@ -9,6 +9,7 @@ export declare const config: {
|
|
|
9
9
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
10
10
|
};
|
|
11
11
|
size: {
|
|
12
|
+
xxxl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
12
13
|
xxl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
13
14
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
14
15
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -37,7 +37,7 @@ function _templateObject() {
|
|
|
37
37
|
function _templateObject1() {
|
|
38
38
|
var data = _tagged_template_literal([
|
|
39
39
|
"\n ",
|
|
40
|
-
":
|
|
40
|
+
": 7.5rem;\n ",
|
|
41
41
|
": 2rem;\n ",
|
|
42
42
|
": 600;\n ",
|
|
43
43
|
": 2rem;\n ",
|
|
@@ -74,6 +74,45 @@ function _templateObject1() {
|
|
|
74
74
|
return data;
|
|
75
75
|
}
|
|
76
76
|
function _templateObject2() {
|
|
77
|
+
var data = _tagged_template_literal([
|
|
78
|
+
"\n ",
|
|
79
|
+
": 6.25rem;\n ",
|
|
80
|
+
": 2rem;\n ",
|
|
81
|
+
": 600;\n ",
|
|
82
|
+
": 2rem;\n ",
|
|
83
|
+
": 0.75rem;\n ",
|
|
84
|
+
": 1.125rem;\n\n ",
|
|
85
|
+
": 0.5rem;\n ",
|
|
86
|
+
": 1.75rem;\n ",
|
|
87
|
+
": 0 0.688rem;\n ",
|
|
88
|
+
": 0 0.375rem;\n\n ",
|
|
89
|
+
": var(--plasma-typo-body-s-font-family);\n ",
|
|
90
|
+
": var(--plasma-typo-body-s-font-size);\n ",
|
|
91
|
+
": var(--plasma-typo-body-s-font-style);\n ",
|
|
92
|
+
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
93
|
+
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
94
|
+
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
95
|
+
": -0.063rem;\n ",
|
|
96
|
+
": 0.25rem;\n\n ",
|
|
97
|
+
": 0.25rem;\n ",
|
|
98
|
+
": -0.063rem;\n ",
|
|
99
|
+
": 1.25rem;\n\n ",
|
|
100
|
+
": 1rem;\n ",
|
|
101
|
+
": 1.75rem;\n ",
|
|
102
|
+
": 0 0.625rem;\n ",
|
|
103
|
+
": var(--plasma-typo-body-s-font-family);\n ",
|
|
104
|
+
": var(--plasma-typo-body-s-font-size);\n ",
|
|
105
|
+
": var(--plasma-typo-body-s-font-style);\n ",
|
|
106
|
+
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
107
|
+
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
108
|
+
": var(--plasma-typo-body-s-line-height);\n "
|
|
109
|
+
]);
|
|
110
|
+
_templateObject2 = function _templateObject() {
|
|
111
|
+
return data;
|
|
112
|
+
};
|
|
113
|
+
return data;
|
|
114
|
+
}
|
|
115
|
+
function _templateObject3() {
|
|
77
116
|
var data = _tagged_template_literal([
|
|
78
117
|
"\n ",
|
|
79
118
|
": 3rem;\n ",
|
|
@@ -108,12 +147,12 @@ function _templateObject2() {
|
|
|
108
147
|
": var(--plasma-typo-body-xxs-letter-spacing);\n ",
|
|
109
148
|
": var(--plasma-typo-body-xxs-line-height);\n "
|
|
110
149
|
]);
|
|
111
|
-
|
|
150
|
+
_templateObject3 = function _templateObject() {
|
|
112
151
|
return data;
|
|
113
152
|
};
|
|
114
153
|
return data;
|
|
115
154
|
}
|
|
116
|
-
function
|
|
155
|
+
function _templateObject4() {
|
|
117
156
|
var data = _tagged_template_literal([
|
|
118
157
|
"\n ",
|
|
119
158
|
": 2.25rem;\n ",
|
|
@@ -148,12 +187,12 @@ function _templateObject3() {
|
|
|
148
187
|
": var(--plasma-typo-body-xxs-letter-spacing);\n ",
|
|
149
188
|
": var(--plasma-typo-body-xxs-line-height);\n "
|
|
150
189
|
]);
|
|
151
|
-
|
|
190
|
+
_templateObject4 = function _templateObject() {
|
|
152
191
|
return data;
|
|
153
192
|
};
|
|
154
193
|
return data;
|
|
155
194
|
}
|
|
156
|
-
function
|
|
195
|
+
function _templateObject5() {
|
|
157
196
|
var data = _tagged_template_literal([
|
|
158
197
|
"\n ",
|
|
159
198
|
": 1.5rem;\n ",
|
|
@@ -173,12 +212,12 @@ function _templateObject4() {
|
|
|
173
212
|
": var(--plasma-typo-body-xxs-letter-spacing);\n ",
|
|
174
213
|
": var(--plasma-typo-body-xxs-line-height);\n "
|
|
175
214
|
]);
|
|
176
|
-
|
|
215
|
+
_templateObject5 = function _templateObject() {
|
|
177
216
|
return data;
|
|
178
217
|
};
|
|
179
218
|
return data;
|
|
180
219
|
}
|
|
181
|
-
function
|
|
220
|
+
function _templateObject6() {
|
|
182
221
|
var data = _tagged_template_literal([
|
|
183
222
|
"\n ",
|
|
184
223
|
": 100%;\n ",
|
|
@@ -187,12 +226,12 @@ function _templateObject5() {
|
|
|
187
226
|
": 0;\n ",
|
|
188
227
|
": 0;\n "
|
|
189
228
|
]);
|
|
190
|
-
|
|
229
|
+
_templateObject6 = function _templateObject() {
|
|
191
230
|
return data;
|
|
192
231
|
};
|
|
193
232
|
return data;
|
|
194
233
|
}
|
|
195
|
-
function
|
|
234
|
+
function _templateObject7() {
|
|
196
235
|
var data = _tagged_template_literal([
|
|
197
236
|
"\n ",
|
|
198
237
|
": 50%;\n ",
|
|
@@ -203,12 +242,12 @@ function _templateObject6() {
|
|
|
203
242
|
") - var(",
|
|
204
243
|
") / 2);\n "
|
|
205
244
|
]);
|
|
206
|
-
|
|
245
|
+
_templateObject7 = function _templateObject() {
|
|
207
246
|
return data;
|
|
208
247
|
};
|
|
209
248
|
return data;
|
|
210
249
|
}
|
|
211
|
-
function
|
|
250
|
+
function _templateObject8() {
|
|
212
251
|
var data = _tagged_template_literal([
|
|
213
252
|
"\n ",
|
|
214
253
|
": calc(var(",
|
|
@@ -218,12 +257,12 @@ function _templateObject7() {
|
|
|
218
257
|
") - var(",
|
|
219
258
|
"));\n "
|
|
220
259
|
]);
|
|
221
|
-
|
|
260
|
+
_templateObject8 = function _templateObject() {
|
|
222
261
|
return data;
|
|
223
262
|
};
|
|
224
263
|
return data;
|
|
225
264
|
}
|
|
226
|
-
function
|
|
265
|
+
function _templateObject9() {
|
|
227
266
|
var data = _tagged_template_literal([
|
|
228
267
|
"\n ",
|
|
229
268
|
": var(--inverse-text-primary);\n ",
|
|
@@ -233,12 +272,12 @@ function _templateObject8() {
|
|
|
233
272
|
": var(--text-primary);\n ",
|
|
234
273
|
": var(--surface-clear);\n "
|
|
235
274
|
]);
|
|
236
|
-
|
|
275
|
+
_templateObject9 = function _templateObject() {
|
|
237
276
|
return data;
|
|
238
277
|
};
|
|
239
278
|
return data;
|
|
240
279
|
}
|
|
241
|
-
function
|
|
280
|
+
function _templateObject10() {
|
|
242
281
|
var data = _tagged_template_literal([
|
|
243
282
|
"\n ",
|
|
244
283
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -248,12 +287,12 @@ function _templateObject9() {
|
|
|
248
287
|
": var(--text-accent);\n ",
|
|
249
288
|
": var(--surface-clear);\n "
|
|
250
289
|
]);
|
|
251
|
-
|
|
290
|
+
_templateObject10 = function _templateObject() {
|
|
252
291
|
return data;
|
|
253
292
|
};
|
|
254
293
|
return data;
|
|
255
294
|
}
|
|
256
|
-
function
|
|
295
|
+
function _templateObject11() {
|
|
257
296
|
var data = _tagged_template_literal([
|
|
258
297
|
"\n ",
|
|
259
298
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -263,12 +302,12 @@ function _templateObject10() {
|
|
|
263
302
|
": var(--text-positive);\n ",
|
|
264
303
|
": var(--surface-clear);\n "
|
|
265
304
|
]);
|
|
266
|
-
|
|
305
|
+
_templateObject11 = function _templateObject() {
|
|
267
306
|
return data;
|
|
268
307
|
};
|
|
269
308
|
return data;
|
|
270
309
|
}
|
|
271
|
-
function
|
|
310
|
+
function _templateObject12() {
|
|
272
311
|
var data = _tagged_template_literal([
|
|
273
312
|
"\n ",
|
|
274
313
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -278,12 +317,12 @@ function _templateObject11() {
|
|
|
278
317
|
": var(--text-warning);\n ",
|
|
279
318
|
": var(--surface-clear);\n "
|
|
280
319
|
]);
|
|
281
|
-
|
|
320
|
+
_templateObject12 = function _templateObject() {
|
|
282
321
|
return data;
|
|
283
322
|
};
|
|
284
323
|
return data;
|
|
285
324
|
}
|
|
286
|
-
function
|
|
325
|
+
function _templateObject13() {
|
|
287
326
|
var data = _tagged_template_literal([
|
|
288
327
|
"\n ",
|
|
289
328
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -293,12 +332,12 @@ function _templateObject12() {
|
|
|
293
332
|
": var(--text-negative);\n ",
|
|
294
333
|
": var(--surface-clear);\n "
|
|
295
334
|
]);
|
|
296
|
-
|
|
335
|
+
_templateObject13 = function _templateObject() {
|
|
297
336
|
return data;
|
|
298
337
|
};
|
|
299
338
|
return data;
|
|
300
339
|
}
|
|
301
|
-
function
|
|
340
|
+
function _templateObject14() {
|
|
302
341
|
var data = _tagged_template_literal([
|
|
303
342
|
"\n ",
|
|
304
343
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -308,12 +347,12 @@ function _templateObject13() {
|
|
|
308
347
|
": var(--on-light-text-primary);\n ",
|
|
309
348
|
": var(--surface-clear);\n "
|
|
310
349
|
]);
|
|
311
|
-
|
|
350
|
+
_templateObject14 = function _templateObject() {
|
|
312
351
|
return data;
|
|
313
352
|
};
|
|
314
353
|
return data;
|
|
315
354
|
}
|
|
316
|
-
function
|
|
355
|
+
function _templateObject15() {
|
|
317
356
|
var data = _tagged_template_literal([
|
|
318
357
|
"\n ",
|
|
319
358
|
": var(--on-light-text-primary);\n ",
|
|
@@ -323,84 +362,84 @@ function _templateObject14() {
|
|
|
323
362
|
": var(--on-dark-text-primary);\n ",
|
|
324
363
|
": var(--surface-clear);\n "
|
|
325
364
|
]);
|
|
326
|
-
|
|
365
|
+
_templateObject15 = function _templateObject() {
|
|
327
366
|
return data;
|
|
328
367
|
};
|
|
329
368
|
return data;
|
|
330
369
|
}
|
|
331
|
-
function
|
|
370
|
+
function _templateObject16() {
|
|
332
371
|
var data = _tagged_template_literal([
|
|
333
372
|
"\n ",
|
|
334
373
|
": var(--inverse-text-primary);\n ",
|
|
335
374
|
": var(--surface-solid-default);\n "
|
|
336
375
|
]);
|
|
337
|
-
|
|
376
|
+
_templateObject16 = function _templateObject() {
|
|
338
377
|
return data;
|
|
339
378
|
};
|
|
340
379
|
return data;
|
|
341
380
|
}
|
|
342
|
-
function
|
|
381
|
+
function _templateObject17() {
|
|
343
382
|
var data = _tagged_template_literal([
|
|
344
383
|
"\n ",
|
|
345
384
|
": var(--on-dark-text-primary);\n ",
|
|
346
385
|
": var(--surface-accent);\n "
|
|
347
386
|
]);
|
|
348
|
-
|
|
387
|
+
_templateObject17 = function _templateObject() {
|
|
349
388
|
return data;
|
|
350
389
|
};
|
|
351
390
|
return data;
|
|
352
391
|
}
|
|
353
|
-
function
|
|
392
|
+
function _templateObject18() {
|
|
354
393
|
var data = _tagged_template_literal([
|
|
355
394
|
"\n ",
|
|
356
395
|
": var(--on-dark-text-primary);\n ",
|
|
357
396
|
": var(--surface-positive);\n "
|
|
358
397
|
]);
|
|
359
|
-
|
|
398
|
+
_templateObject18 = function _templateObject() {
|
|
360
399
|
return data;
|
|
361
400
|
};
|
|
362
401
|
return data;
|
|
363
402
|
}
|
|
364
|
-
function
|
|
403
|
+
function _templateObject19() {
|
|
365
404
|
var data = _tagged_template_literal([
|
|
366
405
|
"\n ",
|
|
367
406
|
": var(--on-dark-text-primary);\n ",
|
|
368
407
|
": var(--surface-warning);\n "
|
|
369
408
|
]);
|
|
370
|
-
|
|
409
|
+
_templateObject19 = function _templateObject() {
|
|
371
410
|
return data;
|
|
372
411
|
};
|
|
373
412
|
return data;
|
|
374
413
|
}
|
|
375
|
-
function
|
|
414
|
+
function _templateObject20() {
|
|
376
415
|
var data = _tagged_template_literal([
|
|
377
416
|
"\n ",
|
|
378
417
|
": var(--on-dark-text-primary);\n ",
|
|
379
418
|
": var(--surface-negative);\n "
|
|
380
419
|
]);
|
|
381
|
-
|
|
420
|
+
_templateObject20 = function _templateObject() {
|
|
382
421
|
return data;
|
|
383
422
|
};
|
|
384
423
|
return data;
|
|
385
424
|
}
|
|
386
|
-
function
|
|
425
|
+
function _templateObject21() {
|
|
387
426
|
var data = _tagged_template_literal([
|
|
388
427
|
"\n ",
|
|
389
428
|
": var(--on-dark-text-primary);\n ",
|
|
390
429
|
": var(--on-light-surface-solid-default);\n "
|
|
391
430
|
]);
|
|
392
|
-
|
|
431
|
+
_templateObject21 = function _templateObject() {
|
|
393
432
|
return data;
|
|
394
433
|
};
|
|
395
434
|
return data;
|
|
396
435
|
}
|
|
397
|
-
function
|
|
436
|
+
function _templateObject22() {
|
|
398
437
|
var data = _tagged_template_literal([
|
|
399
438
|
"\n ",
|
|
400
439
|
": var(--on-light-text-primary);\n ",
|
|
401
440
|
": var(--on-dark-surface-solid-default);\n "
|
|
402
441
|
]);
|
|
403
|
-
|
|
442
|
+
_templateObject22 = function _templateObject() {
|
|
404
443
|
return data;
|
|
405
444
|
};
|
|
406
445
|
return data;
|
|
@@ -417,33 +456,34 @@ var config = {
|
|
|
417
456
|
},
|
|
418
457
|
size: {
|
|
419
458
|
// TODO: #1044 токены типографики в Avatar
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
459
|
+
xxxl: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.fontSize, _styledcomponents.avatarTokens.fontWeight, _styledcomponents.avatarTokens.lineHeight, _styledcomponents.avatarTokens.statusIconSize, _styledcomponents.avatarTokens.borderRadius, _styledcomponents.avatarTokens.badgeBorderRadius, _styledcomponents.avatarTokens.badgeHeight, _styledcomponents.avatarTokens.badgePadding, _styledcomponents.avatarTokens.badgePaddingIconOnly, _styledcomponents.avatarTokens.badgeFontFamily, _styledcomponents.avatarTokens.badgeFontSize, _styledcomponents.avatarTokens.badgeFontStyle, _styledcomponents.avatarTokens.badgeFontWeight, _styledcomponents.avatarTokens.badgeLetterSpacing, _styledcomponents.avatarTokens.badgeLineHeight, _styledcomponents.avatarTokens.badgeLeftContentMarginLeft, _styledcomponents.avatarTokens.badgeLeftContentMarginRight, _styledcomponents.avatarTokens.badgeRightContentMarginLeft, _styledcomponents.avatarTokens.badgeRightContentMarginRight, _styledcomponents.avatarTokens.badgePilledBorderRadius, _styledcomponents.avatarTokens.counterBorderRadius, _styledcomponents.avatarTokens.counterHeight, _styledcomponents.avatarTokens.counterPadding, _styledcomponents.avatarTokens.counterFontFamily, _styledcomponents.avatarTokens.counterFontSize, _styledcomponents.avatarTokens.counterFontStyle, _styledcomponents.avatarTokens.counterFontWeight, _styledcomponents.avatarTokens.counterLetterSpacing, _styledcomponents.avatarTokens.counterLineHeight),
|
|
460
|
+
xxl: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.fontSize, _styledcomponents.avatarTokens.fontWeight, _styledcomponents.avatarTokens.lineHeight, _styledcomponents.avatarTokens.statusIconSize, _styledcomponents.avatarTokens.borderRadius, _styledcomponents.avatarTokens.badgeBorderRadius, _styledcomponents.avatarTokens.badgeHeight, _styledcomponents.avatarTokens.badgePadding, _styledcomponents.avatarTokens.badgePaddingIconOnly, _styledcomponents.avatarTokens.badgeFontFamily, _styledcomponents.avatarTokens.badgeFontSize, _styledcomponents.avatarTokens.badgeFontStyle, _styledcomponents.avatarTokens.badgeFontWeight, _styledcomponents.avatarTokens.badgeLetterSpacing, _styledcomponents.avatarTokens.badgeLineHeight, _styledcomponents.avatarTokens.badgeLeftContentMarginLeft, _styledcomponents.avatarTokens.badgeLeftContentMarginRight, _styledcomponents.avatarTokens.badgeRightContentMarginLeft, _styledcomponents.avatarTokens.badgeRightContentMarginRight, _styledcomponents.avatarTokens.badgePilledBorderRadius, _styledcomponents.avatarTokens.counterBorderRadius, _styledcomponents.avatarTokens.counterHeight, _styledcomponents.avatarTokens.counterPadding, _styledcomponents.avatarTokens.counterFontFamily, _styledcomponents.avatarTokens.counterFontSize, _styledcomponents.avatarTokens.counterFontStyle, _styledcomponents.avatarTokens.counterFontWeight, _styledcomponents.avatarTokens.counterLetterSpacing, _styledcomponents.avatarTokens.counterLineHeight),
|
|
461
|
+
l: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.fontSize, _styledcomponents.avatarTokens.fontWeight, _styledcomponents.avatarTokens.lineHeight, _styledcomponents.avatarTokens.statusIconSize, _styledcomponents.avatarTokens.borderRadius, _styledcomponents.avatarTokens.extraPlacementFactor, _styledcomponents.avatarTokens.badgeBorderRadius, _styledcomponents.avatarTokens.badgeHeight, _styledcomponents.avatarTokens.badgePadding, _styledcomponents.avatarTokens.badgePaddingIconOnly, _styledcomponents.avatarTokens.badgeFontFamily, _styledcomponents.avatarTokens.badgeFontSize, _styledcomponents.avatarTokens.badgeFontStyle, _styledcomponents.avatarTokens.badgeFontWeight, _styledcomponents.avatarTokens.badgeLetterSpacing, _styledcomponents.avatarTokens.badgeLineHeight, _styledcomponents.avatarTokens.badgeLeftContentMarginLeft, _styledcomponents.avatarTokens.badgeLeftContentMarginRight, _styledcomponents.avatarTokens.badgeRightContentMarginLeft, _styledcomponents.avatarTokens.badgeRightContentMarginRight, _styledcomponents.avatarTokens.badgePilledBorderRadius, _styledcomponents.avatarTokens.counterBorderRadius, _styledcomponents.avatarTokens.counterHeight, _styledcomponents.avatarTokens.counterPadding, _styledcomponents.avatarTokens.counterFontFamily, _styledcomponents.avatarTokens.counterFontSize, _styledcomponents.avatarTokens.counterFontStyle, _styledcomponents.avatarTokens.counterFontWeight, _styledcomponents.avatarTokens.counterLetterSpacing, _styledcomponents.avatarTokens.counterLineHeight),
|
|
462
|
+
m: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.fontSize, _styledcomponents.avatarTokens.fontWeight, _styledcomponents.avatarTokens.lineHeight, _styledcomponents.avatarTokens.statusIconSize, _styledcomponents.avatarTokens.borderRadius, _styledcomponents.avatarTokens.extraPlacementFactor, _styledcomponents.avatarTokens.badgeBorderRadius, _styledcomponents.avatarTokens.badgeHeight, _styledcomponents.avatarTokens.badgePadding, _styledcomponents.avatarTokens.badgePaddingIconOnly, _styledcomponents.avatarTokens.badgeFontFamily, _styledcomponents.avatarTokens.badgeFontSize, _styledcomponents.avatarTokens.badgeFontStyle, _styledcomponents.avatarTokens.badgeFontWeight, _styledcomponents.avatarTokens.badgeLetterSpacing, _styledcomponents.avatarTokens.badgeLineHeight, _styledcomponents.avatarTokens.badgeLeftContentMarginLeft, _styledcomponents.avatarTokens.badgeLeftContentMarginRight, _styledcomponents.avatarTokens.badgeRightContentMarginLeft, _styledcomponents.avatarTokens.badgeRightContentMarginRight, _styledcomponents.avatarTokens.badgePilledBorderRadius, _styledcomponents.avatarTokens.counterBorderRadius, _styledcomponents.avatarTokens.counterHeight, _styledcomponents.avatarTokens.counterPadding, _styledcomponents.avatarTokens.counterFontFamily, _styledcomponents.avatarTokens.counterFontSize, _styledcomponents.avatarTokens.counterFontStyle, _styledcomponents.avatarTokens.counterFontWeight, _styledcomponents.avatarTokens.counterLetterSpacing, _styledcomponents.avatarTokens.counterLineHeight),
|
|
463
|
+
s: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.fontSize, _styledcomponents.avatarTokens.fontWeight, _styledcomponents.avatarTokens.lineHeight, _styledcomponents.avatarTokens.statusIconSize, _styledcomponents.avatarTokens.borderRadius, _styledcomponents.avatarTokens.extraPlacementFactor, _styledcomponents.avatarTokens.counterBorderRadius, _styledcomponents.avatarTokens.counterHeight, _styledcomponents.avatarTokens.counterPadding, _styledcomponents.avatarTokens.counterFontFamily, _styledcomponents.avatarTokens.counterFontSize, _styledcomponents.avatarTokens.counterFontStyle, _styledcomponents.avatarTokens.counterFontWeight, _styledcomponents.avatarTokens.counterLetterSpacing, _styledcomponents.avatarTokens.counterLineHeight),
|
|
464
|
+
fit: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.fontSize, _styledcomponents.avatarTokens.fontWeight, _styledcomponents.avatarTokens.lineHeight, _styledcomponents.avatarTokens.statusIconSize)
|
|
425
465
|
},
|
|
426
466
|
shape: {
|
|
427
|
-
circled: (0, _styledcomponents.css)(
|
|
428
|
-
rounded: (0, _styledcomponents.css)(
|
|
467
|
+
circled: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.avatarTokens.borderRadius, _styledcomponents.avatarTokens.statusLeft, _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.statusIconSize, _styledcomponents.avatarTokens.statusTop, _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.statusIconSize),
|
|
468
|
+
rounded: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.avatarTokens.statusLeft, _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.statusIconSize, _styledcomponents.avatarTokens.statusTop, _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.statusIconSize)
|
|
429
469
|
},
|
|
430
470
|
badgeView: {
|
|
431
|
-
default: (0, _styledcomponents.css)(
|
|
432
|
-
accent: (0, _styledcomponents.css)(
|
|
433
|
-
positive: (0, _styledcomponents.css)(
|
|
434
|
-
warning: (0, _styledcomponents.css)(
|
|
435
|
-
negative: (0, _styledcomponents.css)(
|
|
436
|
-
dark: (0, _styledcomponents.css)(
|
|
437
|
-
light: (0, _styledcomponents.css)(
|
|
471
|
+
default: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear),
|
|
472
|
+
accent: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear),
|
|
473
|
+
positive: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear),
|
|
474
|
+
warning: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear),
|
|
475
|
+
negative: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear),
|
|
476
|
+
dark: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear),
|
|
477
|
+
light: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear)
|
|
438
478
|
},
|
|
439
479
|
counterView: {
|
|
440
|
-
default: (0, _styledcomponents.css)(
|
|
441
|
-
accent: (0, _styledcomponents.css)(
|
|
442
|
-
positive: (0, _styledcomponents.css)(
|
|
443
|
-
warning: (0, _styledcomponents.css)(
|
|
444
|
-
negative: (0, _styledcomponents.css)(
|
|
445
|
-
dark: (0, _styledcomponents.css)(
|
|
446
|
-
light: (0, _styledcomponents.css)(
|
|
480
|
+
default: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
|
|
481
|
+
accent: (0, _styledcomponents.css)(_templateObject17(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
|
|
482
|
+
positive: (0, _styledcomponents.css)(_templateObject18(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
|
|
483
|
+
warning: (0, _styledcomponents.css)(_templateObject19(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
|
|
484
|
+
negative: (0, _styledcomponents.css)(_templateObject20(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
|
|
485
|
+
dark: (0, _styledcomponents.css)(_templateObject21(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
|
|
486
|
+
light: (0, _styledcomponents.css)(_templateObject22(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground)
|
|
447
487
|
}
|
|
448
488
|
}
|
|
449
489
|
};
|
|
@@ -3,6 +3,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
|
|
|
3
3
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
4
4
|
};
|
|
5
5
|
size: {
|
|
6
|
+
xxxl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
6
7
|
xxl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
7
8
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
8
9
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -36,6 +37,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
|
|
|
36
37
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
37
38
|
};
|
|
38
39
|
size: {
|
|
40
|
+
xxxl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
39
41
|
xxl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
40
42
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
41
43
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -77,6 +79,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
|
|
|
77
79
|
hasExtra?: boolean;
|
|
78
80
|
type?: "badge" | "counter";
|
|
79
81
|
extraPlacement?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
|
|
82
|
+
customBorderRadius?: number | string;
|
|
80
83
|
} & {
|
|
81
84
|
badgeView?: string | undefined;
|
|
82
85
|
pilled?: boolean | undefined;
|
|
@@ -102,6 +105,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
|
|
|
102
105
|
hasExtra?: boolean;
|
|
103
106
|
type?: "badge" | "counter";
|
|
104
107
|
extraPlacement?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
|
|
108
|
+
customBorderRadius?: number | string;
|
|
105
109
|
} & {
|
|
106
110
|
counterView?: string | undefined;
|
|
107
111
|
count?: number | undefined;
|
|
@@ -120,6 +124,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
|
|
|
120
124
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
121
125
|
};
|
|
122
126
|
size: {
|
|
127
|
+
xxxl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
123
128
|
xxl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
124
129
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
125
130
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -161,6 +166,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
|
|
|
161
166
|
hasExtra?: boolean;
|
|
162
167
|
type?: "badge" | "counter";
|
|
163
168
|
extraPlacement?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
|
|
169
|
+
customBorderRadius?: number | string;
|
|
164
170
|
} & {
|
|
165
171
|
badgeView?: string | undefined;
|
|
166
172
|
pilled?: boolean | undefined;
|
|
@@ -186,6 +192,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
|
|
|
186
192
|
hasExtra?: boolean;
|
|
187
193
|
type?: "badge" | "counter";
|
|
188
194
|
extraPlacement?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
|
|
195
|
+
customBorderRadius?: number | string;
|
|
189
196
|
} & {
|
|
190
197
|
counterView?: string | undefined;
|
|
191
198
|
count?: number | undefined;
|
|
@@ -26,7 +26,7 @@ function _templateObject() {
|
|
|
26
26
|
function _templateObject1() {
|
|
27
27
|
var data = _tagged_template_literal([
|
|
28
28
|
"\n ",
|
|
29
|
-
":
|
|
29
|
+
": 7.5rem;\n ",
|
|
30
30
|
": 2rem;\n ",
|
|
31
31
|
": 600;\n ",
|
|
32
32
|
": 2rem;\n ",
|
|
@@ -63,6 +63,45 @@ function _templateObject1() {
|
|
|
63
63
|
return data;
|
|
64
64
|
}
|
|
65
65
|
function _templateObject2() {
|
|
66
|
+
var data = _tagged_template_literal([
|
|
67
|
+
"\n ",
|
|
68
|
+
": 6.25rem;\n ",
|
|
69
|
+
": 2rem;\n ",
|
|
70
|
+
": 600;\n ",
|
|
71
|
+
": 2rem;\n ",
|
|
72
|
+
": 0.75rem;\n ",
|
|
73
|
+
": 1.125rem;\n\n ",
|
|
74
|
+
": 0.5rem;\n ",
|
|
75
|
+
": 1.75rem;\n ",
|
|
76
|
+
": 0 0.688rem;\n ",
|
|
77
|
+
": 0 0.375rem;\n\n ",
|
|
78
|
+
": var(--plasma-typo-body-s-font-family);\n ",
|
|
79
|
+
": var(--plasma-typo-body-s-font-size);\n ",
|
|
80
|
+
": var(--plasma-typo-body-s-font-style);\n ",
|
|
81
|
+
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
82
|
+
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
83
|
+
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
84
|
+
": -0.063rem;\n ",
|
|
85
|
+
": 0.25rem;\n\n ",
|
|
86
|
+
": 0.25rem;\n ",
|
|
87
|
+
": -0.063rem;\n ",
|
|
88
|
+
": 1.25rem;\n\n ",
|
|
89
|
+
": 1rem;\n ",
|
|
90
|
+
": 1.75rem;\n ",
|
|
91
|
+
": 0 0.625rem;\n ",
|
|
92
|
+
": var(--plasma-typo-body-s-font-family);\n ",
|
|
93
|
+
": var(--plasma-typo-body-s-font-size);\n ",
|
|
94
|
+
": var(--plasma-typo-body-s-font-style);\n ",
|
|
95
|
+
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
96
|
+
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
97
|
+
": var(--plasma-typo-body-s-line-height);\n "
|
|
98
|
+
]);
|
|
99
|
+
_templateObject2 = function _templateObject() {
|
|
100
|
+
return data;
|
|
101
|
+
};
|
|
102
|
+
return data;
|
|
103
|
+
}
|
|
104
|
+
function _templateObject3() {
|
|
66
105
|
var data = _tagged_template_literal([
|
|
67
106
|
"\n ",
|
|
68
107
|
": 3rem;\n ",
|
|
@@ -97,12 +136,12 @@ function _templateObject2() {
|
|
|
97
136
|
": var(--plasma-typo-body-xxs-letter-spacing);\n ",
|
|
98
137
|
": var(--plasma-typo-body-xxs-line-height);\n "
|
|
99
138
|
]);
|
|
100
|
-
|
|
139
|
+
_templateObject3 = function _templateObject() {
|
|
101
140
|
return data;
|
|
102
141
|
};
|
|
103
142
|
return data;
|
|
104
143
|
}
|
|
105
|
-
function
|
|
144
|
+
function _templateObject4() {
|
|
106
145
|
var data = _tagged_template_literal([
|
|
107
146
|
"\n ",
|
|
108
147
|
": 2.25rem;\n ",
|
|
@@ -137,12 +176,12 @@ function _templateObject3() {
|
|
|
137
176
|
": var(--plasma-typo-body-xxs-letter-spacing);\n ",
|
|
138
177
|
": var(--plasma-typo-body-xxs-line-height);\n "
|
|
139
178
|
]);
|
|
140
|
-
|
|
179
|
+
_templateObject4 = function _templateObject() {
|
|
141
180
|
return data;
|
|
142
181
|
};
|
|
143
182
|
return data;
|
|
144
183
|
}
|
|
145
|
-
function
|
|
184
|
+
function _templateObject5() {
|
|
146
185
|
var data = _tagged_template_literal([
|
|
147
186
|
"\n ",
|
|
148
187
|
": 1.5rem;\n ",
|
|
@@ -162,12 +201,12 @@ function _templateObject4() {
|
|
|
162
201
|
": var(--plasma-typo-body-xxs-letter-spacing);\n ",
|
|
163
202
|
": var(--plasma-typo-body-xxs-line-height);\n "
|
|
164
203
|
]);
|
|
165
|
-
|
|
204
|
+
_templateObject5 = function _templateObject() {
|
|
166
205
|
return data;
|
|
167
206
|
};
|
|
168
207
|
return data;
|
|
169
208
|
}
|
|
170
|
-
function
|
|
209
|
+
function _templateObject6() {
|
|
171
210
|
var data = _tagged_template_literal([
|
|
172
211
|
"\n ",
|
|
173
212
|
": 100%;\n ",
|
|
@@ -176,12 +215,12 @@ function _templateObject5() {
|
|
|
176
215
|
": 0;\n ",
|
|
177
216
|
": 0;\n "
|
|
178
217
|
]);
|
|
179
|
-
|
|
218
|
+
_templateObject6 = function _templateObject() {
|
|
180
219
|
return data;
|
|
181
220
|
};
|
|
182
221
|
return data;
|
|
183
222
|
}
|
|
184
|
-
function
|
|
223
|
+
function _templateObject7() {
|
|
185
224
|
var data = _tagged_template_literal([
|
|
186
225
|
"\n ",
|
|
187
226
|
": 50%;\n ",
|
|
@@ -192,12 +231,12 @@ function _templateObject6() {
|
|
|
192
231
|
") - var(",
|
|
193
232
|
") / 2);\n "
|
|
194
233
|
]);
|
|
195
|
-
|
|
234
|
+
_templateObject7 = function _templateObject() {
|
|
196
235
|
return data;
|
|
197
236
|
};
|
|
198
237
|
return data;
|
|
199
238
|
}
|
|
200
|
-
function
|
|
239
|
+
function _templateObject8() {
|
|
201
240
|
var data = _tagged_template_literal([
|
|
202
241
|
"\n ",
|
|
203
242
|
": calc(var(",
|
|
@@ -207,12 +246,12 @@ function _templateObject7() {
|
|
|
207
246
|
") - var(",
|
|
208
247
|
"));\n "
|
|
209
248
|
]);
|
|
210
|
-
|
|
249
|
+
_templateObject8 = function _templateObject() {
|
|
211
250
|
return data;
|
|
212
251
|
};
|
|
213
252
|
return data;
|
|
214
253
|
}
|
|
215
|
-
function
|
|
254
|
+
function _templateObject9() {
|
|
216
255
|
var data = _tagged_template_literal([
|
|
217
256
|
"\n ",
|
|
218
257
|
": var(--inverse-text-primary);\n ",
|
|
@@ -222,12 +261,12 @@ function _templateObject8() {
|
|
|
222
261
|
": var(--text-primary);\n ",
|
|
223
262
|
": var(--surface-clear);\n "
|
|
224
263
|
]);
|
|
225
|
-
|
|
264
|
+
_templateObject9 = function _templateObject() {
|
|
226
265
|
return data;
|
|
227
266
|
};
|
|
228
267
|
return data;
|
|
229
268
|
}
|
|
230
|
-
function
|
|
269
|
+
function _templateObject10() {
|
|
231
270
|
var data = _tagged_template_literal([
|
|
232
271
|
"\n ",
|
|
233
272
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -237,12 +276,12 @@ function _templateObject9() {
|
|
|
237
276
|
": var(--text-accent);\n ",
|
|
238
277
|
": var(--surface-clear);\n "
|
|
239
278
|
]);
|
|
240
|
-
|
|
279
|
+
_templateObject10 = function _templateObject() {
|
|
241
280
|
return data;
|
|
242
281
|
};
|
|
243
282
|
return data;
|
|
244
283
|
}
|
|
245
|
-
function
|
|
284
|
+
function _templateObject11() {
|
|
246
285
|
var data = _tagged_template_literal([
|
|
247
286
|
"\n ",
|
|
248
287
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -252,12 +291,12 @@ function _templateObject10() {
|
|
|
252
291
|
": var(--text-positive);\n ",
|
|
253
292
|
": var(--surface-clear);\n "
|
|
254
293
|
]);
|
|
255
|
-
|
|
294
|
+
_templateObject11 = function _templateObject() {
|
|
256
295
|
return data;
|
|
257
296
|
};
|
|
258
297
|
return data;
|
|
259
298
|
}
|
|
260
|
-
function
|
|
299
|
+
function _templateObject12() {
|
|
261
300
|
var data = _tagged_template_literal([
|
|
262
301
|
"\n ",
|
|
263
302
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -267,12 +306,12 @@ function _templateObject11() {
|
|
|
267
306
|
": var(--text-warning);\n ",
|
|
268
307
|
": var(--surface-clear);\n "
|
|
269
308
|
]);
|
|
270
|
-
|
|
309
|
+
_templateObject12 = function _templateObject() {
|
|
271
310
|
return data;
|
|
272
311
|
};
|
|
273
312
|
return data;
|
|
274
313
|
}
|
|
275
|
-
function
|
|
314
|
+
function _templateObject13() {
|
|
276
315
|
var data = _tagged_template_literal([
|
|
277
316
|
"\n ",
|
|
278
317
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -282,12 +321,12 @@ function _templateObject12() {
|
|
|
282
321
|
": var(--text-negative);\n ",
|
|
283
322
|
": var(--surface-clear);\n "
|
|
284
323
|
]);
|
|
285
|
-
|
|
324
|
+
_templateObject13 = function _templateObject() {
|
|
286
325
|
return data;
|
|
287
326
|
};
|
|
288
327
|
return data;
|
|
289
328
|
}
|
|
290
|
-
function
|
|
329
|
+
function _templateObject14() {
|
|
291
330
|
var data = _tagged_template_literal([
|
|
292
331
|
"\n ",
|
|
293
332
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -297,12 +336,12 @@ function _templateObject13() {
|
|
|
297
336
|
": var(--on-light-text-primary);\n ",
|
|
298
337
|
": var(--surface-clear);\n "
|
|
299
338
|
]);
|
|
300
|
-
|
|
339
|
+
_templateObject14 = function _templateObject() {
|
|
301
340
|
return data;
|
|
302
341
|
};
|
|
303
342
|
return data;
|
|
304
343
|
}
|
|
305
|
-
function
|
|
344
|
+
function _templateObject15() {
|
|
306
345
|
var data = _tagged_template_literal([
|
|
307
346
|
"\n ",
|
|
308
347
|
": var(--on-light-text-primary);\n ",
|
|
@@ -312,84 +351,84 @@ function _templateObject14() {
|
|
|
312
351
|
": var(--on-dark-text-primary);\n ",
|
|
313
352
|
": var(--surface-clear);\n "
|
|
314
353
|
]);
|
|
315
|
-
|
|
354
|
+
_templateObject15 = function _templateObject() {
|
|
316
355
|
return data;
|
|
317
356
|
};
|
|
318
357
|
return data;
|
|
319
358
|
}
|
|
320
|
-
function
|
|
359
|
+
function _templateObject16() {
|
|
321
360
|
var data = _tagged_template_literal([
|
|
322
361
|
"\n ",
|
|
323
362
|
": var(--inverse-text-primary);\n ",
|
|
324
363
|
": var(--surface-solid-default);\n "
|
|
325
364
|
]);
|
|
326
|
-
|
|
365
|
+
_templateObject16 = function _templateObject() {
|
|
327
366
|
return data;
|
|
328
367
|
};
|
|
329
368
|
return data;
|
|
330
369
|
}
|
|
331
|
-
function
|
|
370
|
+
function _templateObject17() {
|
|
332
371
|
var data = _tagged_template_literal([
|
|
333
372
|
"\n ",
|
|
334
373
|
": var(--on-dark-text-primary);\n ",
|
|
335
374
|
": var(--surface-accent);\n "
|
|
336
375
|
]);
|
|
337
|
-
|
|
376
|
+
_templateObject17 = function _templateObject() {
|
|
338
377
|
return data;
|
|
339
378
|
};
|
|
340
379
|
return data;
|
|
341
380
|
}
|
|
342
|
-
function
|
|
381
|
+
function _templateObject18() {
|
|
343
382
|
var data = _tagged_template_literal([
|
|
344
383
|
"\n ",
|
|
345
384
|
": var(--on-dark-text-primary);\n ",
|
|
346
385
|
": var(--surface-positive);\n "
|
|
347
386
|
]);
|
|
348
|
-
|
|
387
|
+
_templateObject18 = function _templateObject() {
|
|
349
388
|
return data;
|
|
350
389
|
};
|
|
351
390
|
return data;
|
|
352
391
|
}
|
|
353
|
-
function
|
|
392
|
+
function _templateObject19() {
|
|
354
393
|
var data = _tagged_template_literal([
|
|
355
394
|
"\n ",
|
|
356
395
|
": var(--on-dark-text-primary);\n ",
|
|
357
396
|
": var(--surface-warning);\n "
|
|
358
397
|
]);
|
|
359
|
-
|
|
398
|
+
_templateObject19 = function _templateObject() {
|
|
360
399
|
return data;
|
|
361
400
|
};
|
|
362
401
|
return data;
|
|
363
402
|
}
|
|
364
|
-
function
|
|
403
|
+
function _templateObject20() {
|
|
365
404
|
var data = _tagged_template_literal([
|
|
366
405
|
"\n ",
|
|
367
406
|
": var(--on-dark-text-primary);\n ",
|
|
368
407
|
": var(--surface-negative);\n "
|
|
369
408
|
]);
|
|
370
|
-
|
|
409
|
+
_templateObject20 = function _templateObject() {
|
|
371
410
|
return data;
|
|
372
411
|
};
|
|
373
412
|
return data;
|
|
374
413
|
}
|
|
375
|
-
function
|
|
414
|
+
function _templateObject21() {
|
|
376
415
|
var data = _tagged_template_literal([
|
|
377
416
|
"\n ",
|
|
378
417
|
": var(--on-dark-text-primary);\n ",
|
|
379
418
|
": var(--on-light-surface-solid-default);\n "
|
|
380
419
|
]);
|
|
381
|
-
|
|
420
|
+
_templateObject21 = function _templateObject() {
|
|
382
421
|
return data;
|
|
383
422
|
};
|
|
384
423
|
return data;
|
|
385
424
|
}
|
|
386
|
-
function
|
|
425
|
+
function _templateObject22() {
|
|
387
426
|
var data = _tagged_template_literal([
|
|
388
427
|
"\n ",
|
|
389
428
|
": var(--on-light-text-primary);\n ",
|
|
390
429
|
": var(--on-dark-surface-solid-default);\n "
|
|
391
430
|
]);
|
|
392
|
-
|
|
431
|
+
_templateObject22 = function _templateObject() {
|
|
393
432
|
return data;
|
|
394
433
|
};
|
|
395
434
|
return data;
|
|
@@ -407,33 +446,34 @@ export var config = {
|
|
|
407
446
|
},
|
|
408
447
|
size: {
|
|
409
448
|
// TODO: #1044 токены типографики в Avatar
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
449
|
+
xxxl: css(_templateObject1(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
|
|
450
|
+
xxl: css(_templateObject2(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
|
|
451
|
+
l: css(_templateObject3(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius, tokens.extraPlacementFactor, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
|
|
452
|
+
m: css(_templateObject4(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius, tokens.extraPlacementFactor, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
|
|
453
|
+
s: css(_templateObject5(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius, tokens.extraPlacementFactor, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
|
|
454
|
+
fit: css(_templateObject6(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize)
|
|
415
455
|
},
|
|
416
456
|
shape: {
|
|
417
|
-
circled: css(
|
|
418
|
-
rounded: css(
|
|
457
|
+
circled: css(_templateObject7(), tokens.borderRadius, tokens.statusLeft, tokens.avatarSize, tokens.statusIconSize, tokens.statusTop, tokens.avatarSize, tokens.statusIconSize),
|
|
458
|
+
rounded: css(_templateObject8(), tokens.statusLeft, tokens.avatarSize, tokens.statusIconSize, tokens.statusTop, tokens.avatarSize, tokens.statusIconSize)
|
|
419
459
|
},
|
|
420
460
|
badgeView: {
|
|
421
|
-
default: css(
|
|
422
|
-
accent: css(
|
|
423
|
-
positive: css(
|
|
424
|
-
warning: css(
|
|
425
|
-
negative: css(
|
|
426
|
-
dark: css(
|
|
427
|
-
light: css(
|
|
461
|
+
default: css(_templateObject9(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
|
|
462
|
+
accent: css(_templateObject10(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
|
|
463
|
+
positive: css(_templateObject11(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
|
|
464
|
+
warning: css(_templateObject12(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
|
|
465
|
+
negative: css(_templateObject13(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
|
|
466
|
+
dark: css(_templateObject14(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
|
|
467
|
+
light: css(_templateObject15(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear)
|
|
428
468
|
},
|
|
429
469
|
counterView: {
|
|
430
|
-
default: css(
|
|
431
|
-
accent: css(
|
|
432
|
-
positive: css(
|
|
433
|
-
warning: css(
|
|
434
|
-
negative: css(
|
|
435
|
-
dark: css(
|
|
436
|
-
light: css(
|
|
470
|
+
default: css(_templateObject16(), tokens.counterColor, tokens.counterBackground),
|
|
471
|
+
accent: css(_templateObject17(), tokens.counterColor, tokens.counterBackground),
|
|
472
|
+
positive: css(_templateObject18(), tokens.counterColor, tokens.counterBackground),
|
|
473
|
+
warning: css(_templateObject19(), tokens.counterColor, tokens.counterBackground),
|
|
474
|
+
negative: css(_templateObject20(), tokens.counterColor, tokens.counterBackground),
|
|
475
|
+
dark: css(_templateObject21(), tokens.counterColor, tokens.counterBackground),
|
|
476
|
+
light: css(_templateObject22(), tokens.counterColor, tokens.counterBackground)
|
|
437
477
|
}
|
|
438
478
|
}
|
|
439
479
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-dfa",
|
|
3
|
-
"version": "0.323.0-canary.
|
|
3
|
+
"version": "0.323.0-canary.2262.18095422153.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS DFA web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"directory": "packages/sdds-dfa"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@salutejs/plasma-new-hope": "0.337.0-canary.
|
|
22
|
+
"@salutejs/plasma-new-hope": "0.337.0-canary.2262.18095422153.0",
|
|
23
23
|
"@salutejs/sdds-themes": "0.47.0"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
@@ -94,5 +94,5 @@
|
|
|
94
94
|
"Anton Vinogradov"
|
|
95
95
|
],
|
|
96
96
|
"sideEffects": false,
|
|
97
|
-
"gitHead": "
|
|
97
|
+
"gitHead": "4cd3f3a97a88e2d91d9871429636aafca1b7df2b"
|
|
98
98
|
}
|