@salutejs/sdds-dfa 0.323.0-canary.2262.18095422153.0 → 0.323.0-canary.2262.18129440241.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,7 +9,6 @@ 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;
13
12
  xxl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
13
  l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
15
14
  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
- ": 7.5rem;\n ",
40
+ ": 6.25rem;\n ",
41
41
  ": 2rem;\n ",
42
42
  ": 600;\n ",
43
43
  ": 2rem;\n ",
@@ -74,45 +74,6 @@ 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() {
116
77
  var data = _tagged_template_literal([
117
78
  "\n ",
118
79
  ": 3rem;\n ",
@@ -147,12 +108,12 @@ function _templateObject3() {
147
108
  ": var(--plasma-typo-body-xxs-letter-spacing);\n ",
148
109
  ": var(--plasma-typo-body-xxs-line-height);\n "
149
110
  ]);
150
- _templateObject3 = function _templateObject() {
111
+ _templateObject2 = function _templateObject() {
151
112
  return data;
152
113
  };
153
114
  return data;
154
115
  }
155
- function _templateObject4() {
116
+ function _templateObject3() {
156
117
  var data = _tagged_template_literal([
157
118
  "\n ",
158
119
  ": 2.25rem;\n ",
@@ -187,12 +148,12 @@ function _templateObject4() {
187
148
  ": var(--plasma-typo-body-xxs-letter-spacing);\n ",
188
149
  ": var(--plasma-typo-body-xxs-line-height);\n "
189
150
  ]);
190
- _templateObject4 = function _templateObject() {
151
+ _templateObject3 = function _templateObject() {
191
152
  return data;
192
153
  };
193
154
  return data;
194
155
  }
195
- function _templateObject5() {
156
+ function _templateObject4() {
196
157
  var data = _tagged_template_literal([
197
158
  "\n ",
198
159
  ": 1.5rem;\n ",
@@ -212,12 +173,12 @@ function _templateObject5() {
212
173
  ": var(--plasma-typo-body-xxs-letter-spacing);\n ",
213
174
  ": var(--plasma-typo-body-xxs-line-height);\n "
214
175
  ]);
215
- _templateObject5 = function _templateObject() {
176
+ _templateObject4 = function _templateObject() {
216
177
  return data;
217
178
  };
218
179
  return data;
219
180
  }
220
- function _templateObject6() {
181
+ function _templateObject5() {
221
182
  var data = _tagged_template_literal([
222
183
  "\n ",
223
184
  ": 100%;\n ",
@@ -226,12 +187,12 @@ function _templateObject6() {
226
187
  ": 0;\n ",
227
188
  ": 0;\n "
228
189
  ]);
229
- _templateObject6 = function _templateObject() {
190
+ _templateObject5 = function _templateObject() {
230
191
  return data;
231
192
  };
232
193
  return data;
233
194
  }
234
- function _templateObject7() {
195
+ function _templateObject6() {
235
196
  var data = _tagged_template_literal([
236
197
  "\n ",
237
198
  ": 50%;\n ",
@@ -242,12 +203,12 @@ function _templateObject7() {
242
203
  ") - var(",
243
204
  ") / 2);\n "
244
205
  ]);
245
- _templateObject7 = function _templateObject() {
206
+ _templateObject6 = function _templateObject() {
246
207
  return data;
247
208
  };
248
209
  return data;
249
210
  }
250
- function _templateObject8() {
211
+ function _templateObject7() {
251
212
  var data = _tagged_template_literal([
252
213
  "\n ",
253
214
  ": calc(var(",
@@ -257,12 +218,12 @@ function _templateObject8() {
257
218
  ") - var(",
258
219
  "));\n "
259
220
  ]);
260
- _templateObject8 = function _templateObject() {
221
+ _templateObject7 = function _templateObject() {
261
222
  return data;
262
223
  };
263
224
  return data;
264
225
  }
265
- function _templateObject9() {
226
+ function _templateObject8() {
266
227
  var data = _tagged_template_literal([
267
228
  "\n ",
268
229
  ": var(--inverse-text-primary);\n ",
@@ -272,12 +233,12 @@ function _templateObject9() {
272
233
  ": var(--text-primary);\n ",
273
234
  ": var(--surface-clear);\n "
274
235
  ]);
275
- _templateObject9 = function _templateObject() {
236
+ _templateObject8 = function _templateObject() {
276
237
  return data;
277
238
  };
278
239
  return data;
279
240
  }
280
- function _templateObject10() {
241
+ function _templateObject9() {
281
242
  var data = _tagged_template_literal([
282
243
  "\n ",
283
244
  ": var(--on-dark-text-primary);\n ",
@@ -287,12 +248,12 @@ function _templateObject10() {
287
248
  ": var(--text-accent);\n ",
288
249
  ": var(--surface-clear);\n "
289
250
  ]);
290
- _templateObject10 = function _templateObject() {
251
+ _templateObject9 = function _templateObject() {
291
252
  return data;
292
253
  };
293
254
  return data;
294
255
  }
295
- function _templateObject11() {
256
+ function _templateObject10() {
296
257
  var data = _tagged_template_literal([
297
258
  "\n ",
298
259
  ": var(--on-dark-text-primary);\n ",
@@ -302,12 +263,12 @@ function _templateObject11() {
302
263
  ": var(--text-positive);\n ",
303
264
  ": var(--surface-clear);\n "
304
265
  ]);
305
- _templateObject11 = function _templateObject() {
266
+ _templateObject10 = function _templateObject() {
306
267
  return data;
307
268
  };
308
269
  return data;
309
270
  }
310
- function _templateObject12() {
271
+ function _templateObject11() {
311
272
  var data = _tagged_template_literal([
312
273
  "\n ",
313
274
  ": var(--on-dark-text-primary);\n ",
@@ -317,12 +278,12 @@ function _templateObject12() {
317
278
  ": var(--text-warning);\n ",
318
279
  ": var(--surface-clear);\n "
319
280
  ]);
320
- _templateObject12 = function _templateObject() {
281
+ _templateObject11 = function _templateObject() {
321
282
  return data;
322
283
  };
323
284
  return data;
324
285
  }
325
- function _templateObject13() {
286
+ function _templateObject12() {
326
287
  var data = _tagged_template_literal([
327
288
  "\n ",
328
289
  ": var(--on-dark-text-primary);\n ",
@@ -332,12 +293,12 @@ function _templateObject13() {
332
293
  ": var(--text-negative);\n ",
333
294
  ": var(--surface-clear);\n "
334
295
  ]);
335
- _templateObject13 = function _templateObject() {
296
+ _templateObject12 = function _templateObject() {
336
297
  return data;
337
298
  };
338
299
  return data;
339
300
  }
340
- function _templateObject14() {
301
+ function _templateObject13() {
341
302
  var data = _tagged_template_literal([
342
303
  "\n ",
343
304
  ": var(--on-dark-text-primary);\n ",
@@ -347,12 +308,12 @@ function _templateObject14() {
347
308
  ": var(--on-light-text-primary);\n ",
348
309
  ": var(--surface-clear);\n "
349
310
  ]);
350
- _templateObject14 = function _templateObject() {
311
+ _templateObject13 = function _templateObject() {
351
312
  return data;
352
313
  };
353
314
  return data;
354
315
  }
355
- function _templateObject15() {
316
+ function _templateObject14() {
356
317
  var data = _tagged_template_literal([
357
318
  "\n ",
358
319
  ": var(--on-light-text-primary);\n ",
@@ -362,84 +323,84 @@ function _templateObject15() {
362
323
  ": var(--on-dark-text-primary);\n ",
363
324
  ": var(--surface-clear);\n "
364
325
  ]);
365
- _templateObject15 = function _templateObject() {
326
+ _templateObject14 = function _templateObject() {
366
327
  return data;
367
328
  };
368
329
  return data;
369
330
  }
370
- function _templateObject16() {
331
+ function _templateObject15() {
371
332
  var data = _tagged_template_literal([
372
333
  "\n ",
373
334
  ": var(--inverse-text-primary);\n ",
374
335
  ": var(--surface-solid-default);\n "
375
336
  ]);
376
- _templateObject16 = function _templateObject() {
337
+ _templateObject15 = function _templateObject() {
377
338
  return data;
378
339
  };
379
340
  return data;
380
341
  }
381
- function _templateObject17() {
342
+ function _templateObject16() {
382
343
  var data = _tagged_template_literal([
383
344
  "\n ",
384
345
  ": var(--on-dark-text-primary);\n ",
385
346
  ": var(--surface-accent);\n "
386
347
  ]);
387
- _templateObject17 = function _templateObject() {
348
+ _templateObject16 = function _templateObject() {
388
349
  return data;
389
350
  };
390
351
  return data;
391
352
  }
392
- function _templateObject18() {
353
+ function _templateObject17() {
393
354
  var data = _tagged_template_literal([
394
355
  "\n ",
395
356
  ": var(--on-dark-text-primary);\n ",
396
357
  ": var(--surface-positive);\n "
397
358
  ]);
398
- _templateObject18 = function _templateObject() {
359
+ _templateObject17 = function _templateObject() {
399
360
  return data;
400
361
  };
401
362
  return data;
402
363
  }
403
- function _templateObject19() {
364
+ function _templateObject18() {
404
365
  var data = _tagged_template_literal([
405
366
  "\n ",
406
367
  ": var(--on-dark-text-primary);\n ",
407
368
  ": var(--surface-warning);\n "
408
369
  ]);
409
- _templateObject19 = function _templateObject() {
370
+ _templateObject18 = function _templateObject() {
410
371
  return data;
411
372
  };
412
373
  return data;
413
374
  }
414
- function _templateObject20() {
375
+ function _templateObject19() {
415
376
  var data = _tagged_template_literal([
416
377
  "\n ",
417
378
  ": var(--on-dark-text-primary);\n ",
418
379
  ": var(--surface-negative);\n "
419
380
  ]);
420
- _templateObject20 = function _templateObject() {
381
+ _templateObject19 = function _templateObject() {
421
382
  return data;
422
383
  };
423
384
  return data;
424
385
  }
425
- function _templateObject21() {
386
+ function _templateObject20() {
426
387
  var data = _tagged_template_literal([
427
388
  "\n ",
428
389
  ": var(--on-dark-text-primary);\n ",
429
390
  ": var(--on-light-surface-solid-default);\n "
430
391
  ]);
431
- _templateObject21 = function _templateObject() {
392
+ _templateObject20 = function _templateObject() {
432
393
  return data;
433
394
  };
434
395
  return data;
435
396
  }
436
- function _templateObject22() {
397
+ function _templateObject21() {
437
398
  var data = _tagged_template_literal([
438
399
  "\n ",
439
400
  ": var(--on-light-text-primary);\n ",
440
401
  ": var(--on-dark-surface-solid-default);\n "
441
402
  ]);
442
- _templateObject22 = function _templateObject() {
403
+ _templateObject21 = function _templateObject() {
443
404
  return data;
444
405
  };
445
406
  return data;
@@ -456,34 +417,33 @@ var config = {
456
417
  },
457
418
  size: {
458
419
  // TODO: #1044 токены типографики в Avatar
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)
420
+ xxl: (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),
421
+ l: (0, _styledcomponents.css)(_templateObject2(), _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),
422
+ m: (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),
423
+ s: (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.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),
424
+ fit: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.fontSize, _styledcomponents.avatarTokens.fontWeight, _styledcomponents.avatarTokens.lineHeight, _styledcomponents.avatarTokens.statusIconSize)
465
425
  },
466
426
  shape: {
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)
427
+ circled: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.avatarTokens.borderRadius, _styledcomponents.avatarTokens.statusLeft, _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.statusIconSize, _styledcomponents.avatarTokens.statusTop, _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.statusIconSize),
428
+ rounded: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.avatarTokens.statusLeft, _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.statusIconSize, _styledcomponents.avatarTokens.statusTop, _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.statusIconSize)
469
429
  },
470
430
  badgeView: {
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)
431
+ default: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear),
432
+ accent: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear),
433
+ positive: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear),
434
+ warning: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear),
435
+ negative: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear),
436
+ dark: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear),
437
+ light: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear)
478
438
  },
479
439
  counterView: {
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)
440
+ default: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
441
+ accent: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
442
+ positive: (0, _styledcomponents.css)(_templateObject17(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
443
+ warning: (0, _styledcomponents.css)(_templateObject18(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
444
+ negative: (0, _styledcomponents.css)(_templateObject19(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
445
+ dark: (0, _styledcomponents.css)(_templateObject20(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
446
+ light: (0, _styledcomponents.css)(_templateObject21(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground)
487
447
  }
488
448
  }
489
449
  };
@@ -3,7 +3,6 @@ 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;
7
6
  xxl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
8
7
  l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
9
8
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -37,7 +36,6 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
37
36
  default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
38
37
  };
39
38
  size: {
40
- xxxl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
41
39
  xxl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
42
40
  l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
43
41
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -124,7 +122,6 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
124
122
  default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
125
123
  };
126
124
  size: {
127
- xxxl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
128
125
  xxl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
129
126
  l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
130
127
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -50,7 +50,8 @@ function _templateObject1() {
50
50
  "\n ",
51
51
  ": 3.5rem;\n ",
52
52
  ": 1rem;\n ",
53
- ": 0.375rem;\n ",
53
+ ": 1rem;\n ",
54
+ ": 0.75rem 1rem;\n ",
54
55
  ": 2rem;\n ",
55
56
  ": 0.75rem;\n ",
56
57
  ": 0.25rem;\n ",
@@ -80,14 +81,15 @@ function _templateObject2() {
80
81
  "\n ",
81
82
  ": 3rem;\n ",
82
83
  ": 0.875rem;\n ",
83
- ": 0.375rem;\n ",
84
+ ": 0.75rem 0.875rem;\n ",
85
+ ": 0.5rem 0.875rem;\n ",
84
86
  ": 2rem;\n ",
85
87
  ": 0.625rem;\n ",
86
88
  ": 0.25rem;\n ",
87
89
  ": 0.25rem;\n ",
88
90
  ": 0 0.5rem 0 0;\n ",
89
- ": 0 0 0 0.5rem;\n ",
90
91
  ": 0 0.5rem 0 0;\n ",
92
+ ": 0 0 0 0.5rem;\n ",
91
93
  ": 1.5rem;\n ",
92
94
  ": 0 0.5rem 0 0;\n ",
93
95
  ": 1.5rem;\n ",
@@ -110,7 +112,8 @@ function _templateObject3() {
110
112
  "\n ",
111
113
  ": 2.5rem;\n ",
112
114
  ": 0.75rem;\n ",
113
- ": 0.25rem;\n ",
115
+ ": 0.5rem 0.75rem;\n ",
116
+ ": 0.4375rem 0.5rem;\n ",
114
117
  ": 1.875rem;\n ",
115
118
  ": 0.5rem;\n ",
116
119
  ": 0.25rem;\n ",
@@ -140,7 +143,8 @@ function _templateObject4() {
140
143
  "\n ",
141
144
  ": 2rem;\n ",
142
145
  ": 0.5rem;\n ",
143
- ": 0.125rem;\n ",
146
+ ": 0.5rem;\n ",
147
+ ": 0.25rem 0.5rem;\n ",
144
148
  ": 1.25rem;\n ",
145
149
  ": 0.375rem;\n ",
146
150
  ": 0.25rem;\n ",
@@ -175,10 +179,10 @@ var config = {
175
179
  default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.treeTokens.iconFolderColor, _styledcomponents.treeTokens.arrowColor, _styledcomponents.treeTokens.arrowColorHover, _styledcomponents.treeTokens.arrowColorActive, _styledcomponents.treeTokens.color, _styledcomponents.treeTokens.colorSelected, _styledcomponents.treeTokens.itemBackgroundColorSelected, _styledcomponents.treeTokens.itemBackgroundColorPrimary, _styledcomponents.treeTokens.itemBackgroundColorHover, _styledcomponents.treeTokens.itemBackgroundColorActive, _styledcomponents.treeTokens.checkboxBorderColor, _styledcomponents.treeTokens.checkboxBackgroundColor, _styledcomponents.treeTokens.itemDisabledOpacity, _styledcomponents.treeTokens.itemDisabledBorderColor, _styledcomponents.treeTokens.itemDisabledColor, _styledcomponents.treeTokens.itemDraggableBorderColor, _styledcomponents.treeTokens.itemDraggableLineColor)
176
180
  },
177
181
  size: {
178
- l: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight),
179
- m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight),
180
- s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight),
181
- xs: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight)
182
+ l: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemBackgroundExtraOffset, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight),
183
+ m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemBackgroundExtraOffset, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight),
184
+ s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemBackgroundExtraOffset, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight),
185
+ xs: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemBackgroundExtraOffset, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight)
182
186
  }
183
187
  }
184
188
  };
@@ -26,7 +26,7 @@ function _templateObject() {
26
26
  function _templateObject1() {
27
27
  var data = _tagged_template_literal([
28
28
  "\n ",
29
- ": 7.5rem;\n ",
29
+ ": 6.25rem;\n ",
30
30
  ": 2rem;\n ",
31
31
  ": 600;\n ",
32
32
  ": 2rem;\n ",
@@ -63,45 +63,6 @@ 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() {
105
66
  var data = _tagged_template_literal([
106
67
  "\n ",
107
68
  ": 3rem;\n ",
@@ -136,12 +97,12 @@ function _templateObject3() {
136
97
  ": var(--plasma-typo-body-xxs-letter-spacing);\n ",
137
98
  ": var(--plasma-typo-body-xxs-line-height);\n "
138
99
  ]);
139
- _templateObject3 = function _templateObject() {
100
+ _templateObject2 = function _templateObject() {
140
101
  return data;
141
102
  };
142
103
  return data;
143
104
  }
144
- function _templateObject4() {
105
+ function _templateObject3() {
145
106
  var data = _tagged_template_literal([
146
107
  "\n ",
147
108
  ": 2.25rem;\n ",
@@ -176,12 +137,12 @@ function _templateObject4() {
176
137
  ": var(--plasma-typo-body-xxs-letter-spacing);\n ",
177
138
  ": var(--plasma-typo-body-xxs-line-height);\n "
178
139
  ]);
179
- _templateObject4 = function _templateObject() {
140
+ _templateObject3 = function _templateObject() {
180
141
  return data;
181
142
  };
182
143
  return data;
183
144
  }
184
- function _templateObject5() {
145
+ function _templateObject4() {
185
146
  var data = _tagged_template_literal([
186
147
  "\n ",
187
148
  ": 1.5rem;\n ",
@@ -201,12 +162,12 @@ function _templateObject5() {
201
162
  ": var(--plasma-typo-body-xxs-letter-spacing);\n ",
202
163
  ": var(--plasma-typo-body-xxs-line-height);\n "
203
164
  ]);
204
- _templateObject5 = function _templateObject() {
165
+ _templateObject4 = function _templateObject() {
205
166
  return data;
206
167
  };
207
168
  return data;
208
169
  }
209
- function _templateObject6() {
170
+ function _templateObject5() {
210
171
  var data = _tagged_template_literal([
211
172
  "\n ",
212
173
  ": 100%;\n ",
@@ -215,12 +176,12 @@ function _templateObject6() {
215
176
  ": 0;\n ",
216
177
  ": 0;\n "
217
178
  ]);
218
- _templateObject6 = function _templateObject() {
179
+ _templateObject5 = function _templateObject() {
219
180
  return data;
220
181
  };
221
182
  return data;
222
183
  }
223
- function _templateObject7() {
184
+ function _templateObject6() {
224
185
  var data = _tagged_template_literal([
225
186
  "\n ",
226
187
  ": 50%;\n ",
@@ -231,12 +192,12 @@ function _templateObject7() {
231
192
  ") - var(",
232
193
  ") / 2);\n "
233
194
  ]);
234
- _templateObject7 = function _templateObject() {
195
+ _templateObject6 = function _templateObject() {
235
196
  return data;
236
197
  };
237
198
  return data;
238
199
  }
239
- function _templateObject8() {
200
+ function _templateObject7() {
240
201
  var data = _tagged_template_literal([
241
202
  "\n ",
242
203
  ": calc(var(",
@@ -246,12 +207,12 @@ function _templateObject8() {
246
207
  ") - var(",
247
208
  "));\n "
248
209
  ]);
249
- _templateObject8 = function _templateObject() {
210
+ _templateObject7 = function _templateObject() {
250
211
  return data;
251
212
  };
252
213
  return data;
253
214
  }
254
- function _templateObject9() {
215
+ function _templateObject8() {
255
216
  var data = _tagged_template_literal([
256
217
  "\n ",
257
218
  ": var(--inverse-text-primary);\n ",
@@ -261,12 +222,12 @@ function _templateObject9() {
261
222
  ": var(--text-primary);\n ",
262
223
  ": var(--surface-clear);\n "
263
224
  ]);
264
- _templateObject9 = function _templateObject() {
225
+ _templateObject8 = function _templateObject() {
265
226
  return data;
266
227
  };
267
228
  return data;
268
229
  }
269
- function _templateObject10() {
230
+ function _templateObject9() {
270
231
  var data = _tagged_template_literal([
271
232
  "\n ",
272
233
  ": var(--on-dark-text-primary);\n ",
@@ -276,12 +237,12 @@ function _templateObject10() {
276
237
  ": var(--text-accent);\n ",
277
238
  ": var(--surface-clear);\n "
278
239
  ]);
279
- _templateObject10 = function _templateObject() {
240
+ _templateObject9 = function _templateObject() {
280
241
  return data;
281
242
  };
282
243
  return data;
283
244
  }
284
- function _templateObject11() {
245
+ function _templateObject10() {
285
246
  var data = _tagged_template_literal([
286
247
  "\n ",
287
248
  ": var(--on-dark-text-primary);\n ",
@@ -291,12 +252,12 @@ function _templateObject11() {
291
252
  ": var(--text-positive);\n ",
292
253
  ": var(--surface-clear);\n "
293
254
  ]);
294
- _templateObject11 = function _templateObject() {
255
+ _templateObject10 = function _templateObject() {
295
256
  return data;
296
257
  };
297
258
  return data;
298
259
  }
299
- function _templateObject12() {
260
+ function _templateObject11() {
300
261
  var data = _tagged_template_literal([
301
262
  "\n ",
302
263
  ": var(--on-dark-text-primary);\n ",
@@ -306,12 +267,12 @@ function _templateObject12() {
306
267
  ": var(--text-warning);\n ",
307
268
  ": var(--surface-clear);\n "
308
269
  ]);
309
- _templateObject12 = function _templateObject() {
270
+ _templateObject11 = function _templateObject() {
310
271
  return data;
311
272
  };
312
273
  return data;
313
274
  }
314
- function _templateObject13() {
275
+ function _templateObject12() {
315
276
  var data = _tagged_template_literal([
316
277
  "\n ",
317
278
  ": var(--on-dark-text-primary);\n ",
@@ -321,12 +282,12 @@ function _templateObject13() {
321
282
  ": var(--text-negative);\n ",
322
283
  ": var(--surface-clear);\n "
323
284
  ]);
324
- _templateObject13 = function _templateObject() {
285
+ _templateObject12 = function _templateObject() {
325
286
  return data;
326
287
  };
327
288
  return data;
328
289
  }
329
- function _templateObject14() {
290
+ function _templateObject13() {
330
291
  var data = _tagged_template_literal([
331
292
  "\n ",
332
293
  ": var(--on-dark-text-primary);\n ",
@@ -336,12 +297,12 @@ function _templateObject14() {
336
297
  ": var(--on-light-text-primary);\n ",
337
298
  ": var(--surface-clear);\n "
338
299
  ]);
339
- _templateObject14 = function _templateObject() {
300
+ _templateObject13 = function _templateObject() {
340
301
  return data;
341
302
  };
342
303
  return data;
343
304
  }
344
- function _templateObject15() {
305
+ function _templateObject14() {
345
306
  var data = _tagged_template_literal([
346
307
  "\n ",
347
308
  ": var(--on-light-text-primary);\n ",
@@ -351,84 +312,84 @@ function _templateObject15() {
351
312
  ": var(--on-dark-text-primary);\n ",
352
313
  ": var(--surface-clear);\n "
353
314
  ]);
354
- _templateObject15 = function _templateObject() {
315
+ _templateObject14 = function _templateObject() {
355
316
  return data;
356
317
  };
357
318
  return data;
358
319
  }
359
- function _templateObject16() {
320
+ function _templateObject15() {
360
321
  var data = _tagged_template_literal([
361
322
  "\n ",
362
323
  ": var(--inverse-text-primary);\n ",
363
324
  ": var(--surface-solid-default);\n "
364
325
  ]);
365
- _templateObject16 = function _templateObject() {
326
+ _templateObject15 = function _templateObject() {
366
327
  return data;
367
328
  };
368
329
  return data;
369
330
  }
370
- function _templateObject17() {
331
+ function _templateObject16() {
371
332
  var data = _tagged_template_literal([
372
333
  "\n ",
373
334
  ": var(--on-dark-text-primary);\n ",
374
335
  ": var(--surface-accent);\n "
375
336
  ]);
376
- _templateObject17 = function _templateObject() {
337
+ _templateObject16 = function _templateObject() {
377
338
  return data;
378
339
  };
379
340
  return data;
380
341
  }
381
- function _templateObject18() {
342
+ function _templateObject17() {
382
343
  var data = _tagged_template_literal([
383
344
  "\n ",
384
345
  ": var(--on-dark-text-primary);\n ",
385
346
  ": var(--surface-positive);\n "
386
347
  ]);
387
- _templateObject18 = function _templateObject() {
348
+ _templateObject17 = function _templateObject() {
388
349
  return data;
389
350
  };
390
351
  return data;
391
352
  }
392
- function _templateObject19() {
353
+ function _templateObject18() {
393
354
  var data = _tagged_template_literal([
394
355
  "\n ",
395
356
  ": var(--on-dark-text-primary);\n ",
396
357
  ": var(--surface-warning);\n "
397
358
  ]);
398
- _templateObject19 = function _templateObject() {
359
+ _templateObject18 = function _templateObject() {
399
360
  return data;
400
361
  };
401
362
  return data;
402
363
  }
403
- function _templateObject20() {
364
+ function _templateObject19() {
404
365
  var data = _tagged_template_literal([
405
366
  "\n ",
406
367
  ": var(--on-dark-text-primary);\n ",
407
368
  ": var(--surface-negative);\n "
408
369
  ]);
409
- _templateObject20 = function _templateObject() {
370
+ _templateObject19 = function _templateObject() {
410
371
  return data;
411
372
  };
412
373
  return data;
413
374
  }
414
- function _templateObject21() {
375
+ function _templateObject20() {
415
376
  var data = _tagged_template_literal([
416
377
  "\n ",
417
378
  ": var(--on-dark-text-primary);\n ",
418
379
  ": var(--on-light-surface-solid-default);\n "
419
380
  ]);
420
- _templateObject21 = function _templateObject() {
381
+ _templateObject20 = function _templateObject() {
421
382
  return data;
422
383
  };
423
384
  return data;
424
385
  }
425
- function _templateObject22() {
386
+ function _templateObject21() {
426
387
  var data = _tagged_template_literal([
427
388
  "\n ",
428
389
  ": var(--on-light-text-primary);\n ",
429
390
  ": var(--on-dark-surface-solid-default);\n "
430
391
  ]);
431
- _templateObject22 = function _templateObject() {
392
+ _templateObject21 = function _templateObject() {
432
393
  return data;
433
394
  };
434
395
  return data;
@@ -446,34 +407,33 @@ export var config = {
446
407
  },
447
408
  size: {
448
409
  // TODO: #1044 токены типографики в Avatar
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)
410
+ xxl: 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),
411
+ l: css(_templateObject2(), 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),
412
+ m: 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),
413
+ s: css(_templateObject4(), 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),
414
+ fit: css(_templateObject5(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize)
455
415
  },
456
416
  shape: {
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)
417
+ circled: css(_templateObject6(), tokens.borderRadius, tokens.statusLeft, tokens.avatarSize, tokens.statusIconSize, tokens.statusTop, tokens.avatarSize, tokens.statusIconSize),
418
+ rounded: css(_templateObject7(), tokens.statusLeft, tokens.avatarSize, tokens.statusIconSize, tokens.statusTop, tokens.avatarSize, tokens.statusIconSize)
459
419
  },
460
420
  badgeView: {
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)
421
+ default: css(_templateObject8(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
422
+ accent: css(_templateObject9(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
423
+ positive: css(_templateObject10(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
424
+ warning: css(_templateObject11(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
425
+ negative: css(_templateObject12(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
426
+ dark: css(_templateObject13(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
427
+ light: css(_templateObject14(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear)
468
428
  },
469
429
  counterView: {
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)
430
+ default: css(_templateObject15(), tokens.counterColor, tokens.counterBackground),
431
+ accent: css(_templateObject16(), tokens.counterColor, tokens.counterBackground),
432
+ positive: css(_templateObject17(), tokens.counterColor, tokens.counterBackground),
433
+ warning: css(_templateObject18(), tokens.counterColor, tokens.counterBackground),
434
+ negative: css(_templateObject19(), tokens.counterColor, tokens.counterBackground),
435
+ dark: css(_templateObject20(), tokens.counterColor, tokens.counterBackground),
436
+ light: css(_templateObject21(), tokens.counterColor, tokens.counterBackground)
477
437
  }
478
438
  }
479
439
  };
@@ -39,7 +39,8 @@ function _templateObject1() {
39
39
  "\n ",
40
40
  ": 3.5rem;\n ",
41
41
  ": 1rem;\n ",
42
- ": 0.375rem;\n ",
42
+ ": 1rem;\n ",
43
+ ": 0.75rem 1rem;\n ",
43
44
  ": 2rem;\n ",
44
45
  ": 0.75rem;\n ",
45
46
  ": 0.25rem;\n ",
@@ -69,14 +70,15 @@ function _templateObject2() {
69
70
  "\n ",
70
71
  ": 3rem;\n ",
71
72
  ": 0.875rem;\n ",
72
- ": 0.375rem;\n ",
73
+ ": 0.75rem 0.875rem;\n ",
74
+ ": 0.5rem 0.875rem;\n ",
73
75
  ": 2rem;\n ",
74
76
  ": 0.625rem;\n ",
75
77
  ": 0.25rem;\n ",
76
78
  ": 0.25rem;\n ",
77
79
  ": 0 0.5rem 0 0;\n ",
78
- ": 0 0 0 0.5rem;\n ",
79
80
  ": 0 0.5rem 0 0;\n ",
81
+ ": 0 0 0 0.5rem;\n ",
80
82
  ": 1.5rem;\n ",
81
83
  ": 0 0.5rem 0 0;\n ",
82
84
  ": 1.5rem;\n ",
@@ -99,7 +101,8 @@ function _templateObject3() {
99
101
  "\n ",
100
102
  ": 2.5rem;\n ",
101
103
  ": 0.75rem;\n ",
102
- ": 0.25rem;\n ",
104
+ ": 0.5rem 0.75rem;\n ",
105
+ ": 0.4375rem 0.5rem;\n ",
103
106
  ": 1.875rem;\n ",
104
107
  ": 0.5rem;\n ",
105
108
  ": 0.25rem;\n ",
@@ -129,7 +132,8 @@ function _templateObject4() {
129
132
  "\n ",
130
133
  ": 2rem;\n ",
131
134
  ": 0.5rem;\n ",
132
- ": 0.125rem;\n ",
135
+ ": 0.5rem;\n ",
136
+ ": 0.25rem 0.5rem;\n ",
133
137
  ": 1.25rem;\n ",
134
138
  ": 0.375rem;\n ",
135
139
  ": 0.25rem;\n ",
@@ -165,10 +169,10 @@ export var config = {
165
169
  default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor, tokens.itemDraggableBorderColor, tokens.itemDraggableLineColor)
166
170
  },
167
171
  size: {
168
- l: css(_templateObject1(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
169
- m: css(_templateObject2(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMarginInverted, tokens.switcherMargin, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
170
- s: css(_templateObject3(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
171
- xs: css(_templateObject4(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
172
+ l: css(_templateObject1(), tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
173
+ m: css(_templateObject2(), tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
174
+ s: css(_templateObject3(), tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
175
+ xs: css(_templateObject4(), tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
172
176
  }
173
177
  }
174
178
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-dfa",
3
- "version": "0.323.0-canary.2262.18095422153.0",
3
+ "version": "0.323.0-canary.2262.18129440241.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.2262.18095422153.0",
22
+ "@salutejs/plasma-new-hope": "0.337.0-canary.2262.18129440241.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": "4cd3f3a97a88e2d91d9871429636aafca1b7df2b"
97
+ "gitHead": "1dc6a1b05446856a23f2aac0c3362e5be023f5cb"
98
98
  }