@salutejs/plasma-web 1.595.0-canary.2261.18093118199.0 → 1.595.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
- ": 6.25rem;\n ",
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
- _templateObject2 = function _templateObject() {
150
+ _templateObject3 = function _templateObject() {
112
151
  return data;
113
152
  };
114
153
  return data;
115
154
  }
116
- function _templateObject3() {
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
- _templateObject3 = function _templateObject() {
190
+ _templateObject4 = function _templateObject() {
152
191
  return data;
153
192
  };
154
193
  return data;
155
194
  }
156
- function _templateObject4() {
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
- _templateObject4 = function _templateObject() {
215
+ _templateObject5 = function _templateObject() {
177
216
  return data;
178
217
  };
179
218
  return data;
180
219
  }
181
- function _templateObject5() {
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
- _templateObject5 = function _templateObject() {
229
+ _templateObject6 = function _templateObject() {
191
230
  return data;
192
231
  };
193
232
  return data;
194
233
  }
195
- function _templateObject6() {
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
- _templateObject6 = function _templateObject() {
245
+ _templateObject7 = function _templateObject() {
207
246
  return data;
208
247
  };
209
248
  return data;
210
249
  }
211
- function _templateObject7() {
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
- _templateObject7 = function _templateObject() {
260
+ _templateObject8 = function _templateObject() {
222
261
  return data;
223
262
  };
224
263
  return data;
225
264
  }
226
- function _templateObject8() {
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
- _templateObject8 = function _templateObject() {
275
+ _templateObject9 = function _templateObject() {
237
276
  return data;
238
277
  };
239
278
  return data;
240
279
  }
241
- function _templateObject9() {
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
- _templateObject9 = function _templateObject() {
290
+ _templateObject10 = function _templateObject() {
252
291
  return data;
253
292
  };
254
293
  return data;
255
294
  }
256
- function _templateObject10() {
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
- _templateObject10 = function _templateObject() {
305
+ _templateObject11 = function _templateObject() {
267
306
  return data;
268
307
  };
269
308
  return data;
270
309
  }
271
- function _templateObject11() {
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
- _templateObject11 = function _templateObject() {
320
+ _templateObject12 = function _templateObject() {
282
321
  return data;
283
322
  };
284
323
  return data;
285
324
  }
286
- function _templateObject12() {
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
- _templateObject12 = function _templateObject() {
335
+ _templateObject13 = function _templateObject() {
297
336
  return data;
298
337
  };
299
338
  return data;
300
339
  }
301
- function _templateObject13() {
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
- _templateObject13 = function _templateObject() {
350
+ _templateObject14 = function _templateObject() {
312
351
  return data;
313
352
  };
314
353
  return data;
315
354
  }
316
- function _templateObject14() {
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
- _templateObject14 = function _templateObject() {
365
+ _templateObject15 = function _templateObject() {
327
366
  return data;
328
367
  };
329
368
  return data;
330
369
  }
331
- function _templateObject15() {
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
- _templateObject15 = function _templateObject() {
376
+ _templateObject16 = function _templateObject() {
338
377
  return data;
339
378
  };
340
379
  return data;
341
380
  }
342
- function _templateObject16() {
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
- _templateObject16 = function _templateObject() {
387
+ _templateObject17 = function _templateObject() {
349
388
  return data;
350
389
  };
351
390
  return data;
352
391
  }
353
- function _templateObject17() {
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
- _templateObject17 = function _templateObject() {
398
+ _templateObject18 = function _templateObject() {
360
399
  return data;
361
400
  };
362
401
  return data;
363
402
  }
364
- function _templateObject18() {
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
- _templateObject18 = function _templateObject() {
409
+ _templateObject19 = function _templateObject() {
371
410
  return data;
372
411
  };
373
412
  return data;
374
413
  }
375
- function _templateObject19() {
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
- _templateObject19 = function _templateObject() {
420
+ _templateObject20 = function _templateObject() {
382
421
  return data;
383
422
  };
384
423
  return data;
385
424
  }
386
- function _templateObject20() {
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
- _templateObject20 = function _templateObject() {
431
+ _templateObject21 = function _templateObject() {
393
432
  return data;
394
433
  };
395
434
  return data;
396
435
  }
397
- function _templateObject21() {
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
- _templateObject21 = function _templateObject() {
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
- 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)
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)(_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)
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)(_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)
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)(_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)
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;
@@ -1,4 +1,4 @@
1
- require('./Avatar.config_1gwq5ql.css');
1
+ require('./Avatar.config_1jwhd5q.css');
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -15,33 +15,34 @@ var config = {
15
15
  },
16
16
  size: {
17
17
  // TODO: #1044 токены типографики в Avatar
18
- xxl: "x1ntw407",
19
- l: "l3mxzec",
20
- m: "m1tqy9r4",
21
- s: "s110gq94",
22
- fit: "f3cx8li"
18
+ xxxl: "x1ntw407",
19
+ xxl: "x3mxzec",
20
+ l: "l1tqy9r4",
21
+ m: "m110gq94",
22
+ s: "s3cx8li",
23
+ fit: "f12fbiph"
23
24
  },
24
25
  shape: {
25
- circled: "c12fbiph",
26
- rounded: "r1v24dm1"
26
+ circled: "c1v24dm1",
27
+ rounded: "rklmhlm"
27
28
  },
28
29
  badgeView: {
29
- "default": "dklmhlm",
30
- accent: "ats1qri",
31
- positive: "pu8qekr",
32
- warning: "wc00x8o",
33
- negative: "n4vpurz",
34
- dark: "dh713v8",
35
- light: "l18xlm4d"
30
+ "default": "dts1qri",
31
+ accent: "au8qekr",
32
+ positive: "pc00x8o",
33
+ warning: "w4vpurz",
34
+ negative: "nh713v8",
35
+ dark: "d18xlm4d",
36
+ light: "l19kwqy5"
36
37
  },
37
38
  counterView: {
38
- "default": "d19kwqy5",
39
- accent: "a1jpkhmc",
40
- positive: "p1rt05zb",
41
- warning: "w18uzb5o",
42
- negative: "nwmydiz",
43
- dark: "d84jq18",
44
- light: "l1bat2nq"
39
+ "default": "d1jpkhmc",
40
+ accent: "a1rt05zb",
41
+ positive: "p18uzb5o",
42
+ warning: "wwmydiz",
43
+ negative: "n84jq18",
44
+ dark: "d1bat2nq",
45
+ light: "l1rkyjyl"
45
46
  }
46
47
  }
47
48
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.config.js","sources":["../../../../src-css/components/Avatar/Avatar.config.tsx"],"sourcesContent":["import { css, avatarTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'xxl',\n shape: 'circled',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: var(--text-accent-gradient);\n ${tokens.backgroundColor}: linear-gradient(94deg, rgba(62, 121, 240, 0.2) 6.49%, rgba(39, 198, 229, 0.2) 93.51%);\n ${tokens.statusOnlineColor}: var(--surface-positive);\n ${tokens.statusOfflineColor}: var(--surface-solid-tertiary);\n ${tokens.scaleHover}: 1.02;\n ${tokens.fontFamily}: var(--plasma-typo-text-font-family);\n `,\n },\n size: {\n // TODO: #1044 токены типографики в Avatar\n xxl: css`\n ${tokens.avatarSize}: 6.25rem;\n ${tokens.fontSize}: 2rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 2rem;\n ${tokens.statusIconSize}: 0.75rem;\n ${tokens.borderRadius}: 1.125rem;\n\n ${tokens.badgeBorderRadius}: 0.5rem;\n ${tokens.badgeHeight}: 1.75rem;\n ${tokens.badgePadding}: 0 0.688rem;\n ${tokens.badgePaddingIconOnly}: 0 0.375rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.25rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.25rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1.75rem;\n ${tokens.counterPadding}: 0 0.625rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n l: css`\n ${tokens.avatarSize}: 3rem;\n ${tokens.fontSize}: 1.25rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 1.25rem;\n ${tokens.statusIconSize}: 0.5rem;\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.extraPlacementFactor}: 2;\n\n ${tokens.badgeBorderRadius}: 0.375rem;\n ${tokens.badgeHeight}: 1.25rem;\n ${tokens.badgePadding}: 0 0.438rem;\n ${tokens.badgePaddingIconOnly}: 0 0.25rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1.25rem;\n ${tokens.counterPadding}: 0 0.375rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n m: css`\n ${tokens.avatarSize}: 2.25rem;\n ${tokens.fontSize}: 0.875rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 0.875rem;\n ${tokens.statusIconSize}: 0.5rem;\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.extraPlacementFactor}: 2;\n\n ${tokens.badgeBorderRadius}: 0.25rem;\n ${tokens.badgeHeight}: 1rem;\n ${tokens.badgePadding}: 0 0.25rem;\n ${tokens.badgePaddingIconOnly}: 0 0.188rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1rem;\n ${tokens.counterPadding}: 0 0.25rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n s: css`\n ${tokens.avatarSize}: 1.5rem;\n ${tokens.fontSize}: 0.5rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 0.5rem;\n ${tokens.statusIconSize}: 0.375rem;\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.extraPlacementFactor}: 1;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 0.75rem;\n ${tokens.counterPadding}: 0 0.125rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n fit: css`\n ${tokens.avatarSize}: 100%;\n ${tokens.fontSize}: 0;\n ${tokens.fontWeight}: 0;\n ${tokens.lineHeight}: 0;\n ${tokens.statusIconSize}: 0;\n `,\n },\n shape: {\n circled: css`\n ${tokens.borderRadius}: 50%;\n ${tokens.statusLeft}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n ${tokens.statusTop}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n `,\n rounded: css`\n ${tokens.statusLeft}: calc(var(${tokens.avatarSize}) - var(${tokens.statusIconSize}));\n ${tokens.statusTop}: calc(var(${tokens.avatarSize}) - var(${tokens.statusIconSize}));\n `,\n },\n badgeView: {\n default: css`\n ${tokens.badgeColor}: var(--inverse-text-primary);\n ${tokens.badgeBackground}: var(--surface-solid-default);\n\n ${tokens.badgeColorTransparent}: var(--text-primary);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-secondary);\n\n ${tokens.badgeColorClear}: var(--text-primary);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n accent: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-accent);\n\n ${tokens.badgeColorTransparent}: var(--text-accent);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-accent);\n\n ${tokens.badgeColorClear}: var(--text-accent);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n positive: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-positive);\n\n ${tokens.badgeColorTransparent}: var(--text-positive);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-positive);\n\n ${tokens.badgeColorClear}: var(--text-positive);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n warning: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-warning);\n\n ${tokens.badgeColorTransparent}: var(--text-warning);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-warning);\n\n ${tokens.badgeColorClear}: var(--text-warning);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n negative: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-negative);\n\n ${tokens.badgeColorTransparent}: var(--text-negative);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-negative);\n\n ${tokens.badgeColorClear}: var(--text-negative);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n dark: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--on-light-surface-solid-default);\n\n ${tokens.badgeColorTransparent}: var(--on-dark-text-primary);\n ${tokens.badgeBackgroundTransparent}: var(--on-light-surface-transparent-deep);\n\n ${tokens.badgeColorClear}: var(--on-light-text-primary);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n light: css`\n ${tokens.badgeColor}: var(--on-light-text-primary);\n ${tokens.badgeBackground}: var(--on-dark-surface-solid-default);\n\n ${tokens.badgeColorTransparent}: var(--on-dark-text-primary);\n ${tokens.badgeBackgroundTransparent}: var(--on-dark-surface-transparent-card);\n\n ${tokens.badgeColorClear}: var(--on-dark-text-primary);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n },\n counterView: {\n default: css`\n ${tokens.counterColor}: var(--inverse-text-primary);\n ${tokens.counterBackground}: var(--surface-solid-default);\n `,\n accent: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-accent);\n `,\n positive: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-positive);\n `,\n warning: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-warning);\n `,\n negative: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-negative);\n `,\n dark: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--on-light-surface-solid-default);\n `,\n light: css`\n ${tokens.counterColor}: var(--on-light-text-primary);\n ${tokens.counterBackground}: var(--on-dark-surface-solid-default);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","shape","variations","default","xxl","l","m","s","fit","circled","rounded","badgeView","accent","positive","warning","negative","dark","light","counterView"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,KAAK;AACXC,IAAAA,KAAK,EAAE,SAAA;GACV;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;MACFI,SAAO,EAAA,UAAA;KAQV;AACDH,IAAAA,IAAI,EAAE;AACF;AACAI,MAAAA,GAAG,EAoCF,UAAA;AACDC,MAAAA,CAAC,EAsCA,SAAA;AACDC,MAAAA,CAAC,EAsCA,UAAA;AACDC,MAAAA,CAAC,EAmBA,UAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAON;AACDP,IAAAA,KAAK,EAAE;AACHQ,MAAAA,OAAO,EAIN,UAAA;AACDC,MAAAA,OAAO,EAAA,UAAA;KAIV;AACDC,IAAAA,SAAS,EAAE;AACPR,MAAAA,SAAAA,EASC,SAAA;AACDS,MAAAA,MAAM,EASL,SAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,IAAI,EASH,SAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAUR;AACDC,IAAAA,WAAW,EAAE;AACTf,MAAAA,SAAAA,EAGC,UAAA;AACDS,MAAAA,MAAM,EAGL,UAAA;AACDC,MAAAA,QAAQ,EAGP,UAAA;AACDC,MAAAA,OAAO,EAGN,UAAA;AACDC,MAAAA,QAAQ,EAGP,SAAA;AACDC,MAAAA,IAAI,EAGH,SAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;AAIT,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"Avatar.config.js","sources":["../../../../src-css/components/Avatar/Avatar.config.tsx"],"sourcesContent":["import { css, avatarTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'xxl',\n shape: 'circled',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: var(--text-accent-gradient);\n ${tokens.backgroundColor}: linear-gradient(94deg, rgba(62, 121, 240, 0.2) 6.49%, rgba(39, 198, 229, 0.2) 93.51%);\n ${tokens.statusOnlineColor}: var(--surface-positive);\n ${tokens.statusOfflineColor}: var(--surface-solid-tertiary);\n ${tokens.scaleHover}: 1.02;\n ${tokens.fontFamily}: var(--plasma-typo-text-font-family);\n `,\n },\n size: {\n // TODO: #1044 токены типографики в Avatar\n xxxl: css`\n ${tokens.avatarSize}: 7.5rem;\n ${tokens.fontSize}: 2rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 2rem;\n ${tokens.statusIconSize}: 0.75rem;\n ${tokens.borderRadius}: 1.125rem;\n\n ${tokens.badgeBorderRadius}: 0.5rem;\n ${tokens.badgeHeight}: 1.75rem;\n ${tokens.badgePadding}: 0 0.688rem;\n ${tokens.badgePaddingIconOnly}: 0 0.375rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.25rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.25rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1.75rem;\n ${tokens.counterPadding}: 0 0.625rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xxl: css`\n ${tokens.avatarSize}: 6.25rem;\n ${tokens.fontSize}: 2rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 2rem;\n ${tokens.statusIconSize}: 0.75rem;\n ${tokens.borderRadius}: 1.125rem;\n\n ${tokens.badgeBorderRadius}: 0.5rem;\n ${tokens.badgeHeight}: 1.75rem;\n ${tokens.badgePadding}: 0 0.688rem;\n ${tokens.badgePaddingIconOnly}: 0 0.375rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.25rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.25rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1.75rem;\n ${tokens.counterPadding}: 0 0.625rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n l: css`\n ${tokens.avatarSize}: 3rem;\n ${tokens.fontSize}: 1.25rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 1.25rem;\n ${tokens.statusIconSize}: 0.5rem;\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.extraPlacementFactor}: 2;\n\n ${tokens.badgeBorderRadius}: 0.375rem;\n ${tokens.badgeHeight}: 1.25rem;\n ${tokens.badgePadding}: 0 0.438rem;\n ${tokens.badgePaddingIconOnly}: 0 0.25rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1.25rem;\n ${tokens.counterPadding}: 0 0.375rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n m: css`\n ${tokens.avatarSize}: 2.25rem;\n ${tokens.fontSize}: 0.875rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 0.875rem;\n ${tokens.statusIconSize}: 0.5rem;\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.extraPlacementFactor}: 2;\n\n ${tokens.badgeBorderRadius}: 0.25rem;\n ${tokens.badgeHeight}: 1rem;\n ${tokens.badgePadding}: 0 0.25rem;\n ${tokens.badgePaddingIconOnly}: 0 0.188rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1rem;\n ${tokens.counterPadding}: 0 0.25rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n s: css`\n ${tokens.avatarSize}: 1.5rem;\n ${tokens.fontSize}: 0.5rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 0.5rem;\n ${tokens.statusIconSize}: 0.375rem;\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.extraPlacementFactor}: 1;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 0.75rem;\n ${tokens.counterPadding}: 0 0.125rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n fit: css`\n ${tokens.avatarSize}: 100%;\n ${tokens.fontSize}: 0;\n ${tokens.fontWeight}: 0;\n ${tokens.lineHeight}: 0;\n ${tokens.statusIconSize}: 0;\n `,\n },\n shape: {\n circled: css`\n ${tokens.borderRadius}: 50%;\n ${tokens.statusLeft}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n ${tokens.statusTop}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n `,\n rounded: css`\n ${tokens.statusLeft}: calc(var(${tokens.avatarSize}) - var(${tokens.statusIconSize}));\n ${tokens.statusTop}: calc(var(${tokens.avatarSize}) - var(${tokens.statusIconSize}));\n `,\n },\n badgeView: {\n default: css`\n ${tokens.badgeColor}: var(--inverse-text-primary);\n ${tokens.badgeBackground}: var(--surface-solid-default);\n\n ${tokens.badgeColorTransparent}: var(--text-primary);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-secondary);\n\n ${tokens.badgeColorClear}: var(--text-primary);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n accent: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-accent);\n\n ${tokens.badgeColorTransparent}: var(--text-accent);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-accent);\n\n ${tokens.badgeColorClear}: var(--text-accent);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n positive: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-positive);\n\n ${tokens.badgeColorTransparent}: var(--text-positive);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-positive);\n\n ${tokens.badgeColorClear}: var(--text-positive);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n warning: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-warning);\n\n ${tokens.badgeColorTransparent}: var(--text-warning);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-warning);\n\n ${tokens.badgeColorClear}: var(--text-warning);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n negative: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-negative);\n\n ${tokens.badgeColorTransparent}: var(--text-negative);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-negative);\n\n ${tokens.badgeColorClear}: var(--text-negative);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n dark: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--on-light-surface-solid-default);\n\n ${tokens.badgeColorTransparent}: var(--on-dark-text-primary);\n ${tokens.badgeBackgroundTransparent}: var(--on-light-surface-transparent-deep);\n\n ${tokens.badgeColorClear}: var(--on-light-text-primary);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n light: css`\n ${tokens.badgeColor}: var(--on-light-text-primary);\n ${tokens.badgeBackground}: var(--on-dark-surface-solid-default);\n\n ${tokens.badgeColorTransparent}: var(--on-dark-text-primary);\n ${tokens.badgeBackgroundTransparent}: var(--on-dark-surface-transparent-card);\n\n ${tokens.badgeColorClear}: var(--on-dark-text-primary);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n },\n counterView: {\n default: css`\n ${tokens.counterColor}: var(--inverse-text-primary);\n ${tokens.counterBackground}: var(--surface-solid-default);\n `,\n accent: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-accent);\n `,\n positive: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-positive);\n `,\n warning: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-warning);\n `,\n negative: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-negative);\n `,\n dark: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--on-light-surface-solid-default);\n `,\n light: css`\n ${tokens.counterColor}: var(--on-light-text-primary);\n ${tokens.counterBackground}: var(--on-dark-surface-solid-default);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","shape","variations","default","xxxl","xxl","l","m","s","fit","circled","rounded","badgeView","accent","positive","warning","negative","dark","light","counterView"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,KAAK;AACXC,IAAAA,KAAK,EAAE,SAAA;GACV;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;MACFI,SAAO,EAAA,UAAA;KAQV;AACDH,IAAAA,IAAI,EAAE;AACF;AACAI,MAAAA,IAAI,EAoCH,UAAA;AACDC,MAAAA,GAAG,EAoCF,SAAA;AACDC,MAAAA,CAAC,EAsCA,UAAA;AACDC,MAAAA,CAAC,EAsCA,UAAA;AACDC,MAAAA,CAAC,EAmBA,SAAA;AACDC,MAAAA,GAAG,EAAA,UAAA;KAON;AACDR,IAAAA,KAAK,EAAE;AACHS,MAAAA,OAAO,EAIN,UAAA;AACDC,MAAAA,OAAO,EAAA,SAAA;KAIV;AACDC,IAAAA,SAAS,EAAE;AACPT,MAAAA,SAAAA,EASC,SAAA;AACDU,MAAAA,MAAM,EASL,SAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,IAAI,EASH,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAUR;AACDC,IAAAA,WAAW,EAAE;AACThB,MAAAA,SAAAA,EAGC,UAAA;AACDU,MAAAA,MAAM,EAGL,UAAA;AACDC,MAAAA,QAAQ,EAGP,UAAA;AACDC,MAAAA,OAAO,EAGN,SAAA;AACDC,MAAAA,QAAQ,EAGP,SAAA;AACDC,MAAAA,IAAI,EAGH,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;AAIT,KAAA;AACJ,GAAA;AACJ;;;;"}