@salutejs/plasma-web 1.588.0-canary.2081.16214551068.0 → 1.588.0-canary.2084.16318039326.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/components/Button/Button.config.d.ts +0 -5
  2. package/components/Button/Button.config.js +29 -144
  3. package/components/Button/Button.d.ts +0 -5
  4. package/components/ButtonGroup/ButtonGroup.config.d.ts +0 -5
  5. package/components/ButtonGroup/ButtonGroup.config.js +41 -142
  6. package/components/ButtonGroup/ButtonGroup.d.ts +0 -5
  7. package/components/Drawer/Drawer.d.ts +1 -1
  8. package/components/IconButton/IconButton.config.d.ts +0 -5
  9. package/components/IconButton/IconButton.config.js +17 -117
  10. package/components/IconButton/IconButton.d.ts +0 -5
  11. package/components/ViewContainer/ViewContainer.config.d.ts +8 -0
  12. package/components/ViewContainer/ViewContainer.config.js +50 -0
  13. package/components/ViewContainer/ViewContainer.d.ts +6 -0
  14. package/components/ViewContainer/ViewContainer.js +14 -0
  15. package/components/ViewContainer/index.d.ts +1 -0
  16. package/components/ViewContainer/index.js +11 -0
  17. package/css/cjs/components/Button/Button.config.js +11 -16
  18. package/css/cjs/components/Button/Button.config.js.map +1 -1
  19. package/css/cjs/components/Button/{Button.config_13z97iv.css → Button.config_xfxked.css} +7 -12
  20. package/css/cjs/components/Button/Button.css +19 -24
  21. package/css/cjs/components/ButtonGroup/ButtonGroup.config.js +15 -20
  22. package/css/cjs/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
  23. package/css/cjs/components/ButtonGroup/{ButtonGroup.config_nvojq8.css → ButtonGroup.config_lzpvcu.css} +10 -15
  24. package/css/cjs/components/ButtonGroup/ButtonGroup.css +22 -27
  25. package/css/cjs/components/IconButton/IconButton.config.js +7 -12
  26. package/css/cjs/components/IconButton/IconButton.config.js.map +1 -1
  27. package/css/cjs/components/IconButton/IconButton.config_hkswin.css +17 -0
  28. package/css/cjs/components/IconButton/IconButton.css +17 -22
  29. package/css/cjs/components/ViewContainer/ViewContainer.config.js +16 -0
  30. package/css/cjs/components/ViewContainer/ViewContainer.config.js.map +1 -0
  31. package/css/cjs/components/ViewContainer/ViewContainer.config_16gim1s.css +2 -0
  32. package/css/cjs/components/ViewContainer/ViewContainer.css +2 -0
  33. package/css/cjs/components/ViewContainer/ViewContainer.js +12 -0
  34. package/css/cjs/components/ViewContainer/ViewContainer.js.map +1 -0
  35. package/css/cjs/index.css +65 -77
  36. package/css/cjs/index.js +2 -0
  37. package/css/cjs/index.js.map +1 -1
  38. package/css/es/components/Button/Button.config.js +11 -16
  39. package/css/es/components/Button/Button.config.js.map +1 -1
  40. package/css/es/components/Button/{Button.config_13z97iv.css → Button.config_xfxked.css} +7 -12
  41. package/css/es/components/Button/Button.css +19 -24
  42. package/css/es/components/ButtonGroup/ButtonGroup.config.js +15 -20
  43. package/css/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
  44. package/css/es/components/ButtonGroup/{ButtonGroup.config_nvojq8.css → ButtonGroup.config_lzpvcu.css} +10 -15
  45. package/css/es/components/ButtonGroup/ButtonGroup.css +22 -27
  46. package/css/es/components/IconButton/IconButton.config.js +7 -12
  47. package/css/es/components/IconButton/IconButton.config.js.map +1 -1
  48. package/css/es/components/IconButton/IconButton.config_hkswin.css +17 -0
  49. package/css/es/components/IconButton/IconButton.css +17 -22
  50. package/css/es/components/ViewContainer/ViewContainer.config.js +12 -0
  51. package/css/es/components/ViewContainer/ViewContainer.config.js.map +1 -0
  52. package/css/es/components/ViewContainer/ViewContainer.config_16gim1s.css +2 -0
  53. package/css/es/components/ViewContainer/ViewContainer.css +2 -0
  54. package/css/es/components/ViewContainer/ViewContainer.js +8 -0
  55. package/css/es/components/ViewContainer/ViewContainer.js.map +1 -0
  56. package/css/es/index.css +65 -77
  57. package/css/es/index.js +1 -0
  58. package/css/es/index.js.map +1 -1
  59. package/css/index.d.ts +2 -0
  60. package/es/components/Button/Button.config.js +29 -144
  61. package/es/components/ButtonGroup/ButtonGroup.config.js +42 -143
  62. package/es/components/IconButton/IconButton.config.js +17 -117
  63. package/es/components/ViewContainer/ViewContainer.config.js +40 -0
  64. package/es/components/ViewContainer/ViewContainer.js +4 -0
  65. package/es/components/ViewContainer/index.js +1 -0
  66. package/es/index.js +1 -0
  67. package/index.d.ts +1 -0
  68. package/index.js +1 -0
  69. package/package.json +3 -3
  70. package/css/cjs/components/IconButton/IconButton.config_1uz2ft1.css +0 -22
  71. package/css/es/components/IconButton/IconButton.config_1uz2ft1.css +0 -22
package/components/ButtonGroup/ButtonGroup.config.js CHANGED
@@ -238,25 +238,6 @@ function _templateObject11() {
238
238
  return data;
239
239
  }
240
240
  function _templateObject12() {
241
- var data = _tagged_template_literal([
242
- "\n ",
243
- ": 1rem;\n ",
244
- ": 0.5rem;\n ",
245
- ": 1rem;\n\n ",
246
- ": 4rem;\n ",
247
- ": var(--plasma-typo-body-l-font-family);\n ",
248
- ": var(--plasma-typo-body-l-font-size);\n ",
249
- ": var(--plasma-typo-body-l-font-style);\n ",
250
- ": var(--plasma-typo-body-l-bold-font-weight);\n ",
251
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
252
- ": var(--plasma-typo-body-l-line-height);\n "
253
- ]);
254
- _templateObject12 = function _templateObject() {
255
- return data;
256
- };
257
- return data;
258
- }
259
- function _templateObject13() {
260
241
  var data = _tagged_template_literal([
261
242
  "\n ",
262
243
  ": 0.875rem;\n ",
@@ -271,31 +252,12 @@ function _templateObject13() {
271
252
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
272
253
  ": var(--plasma-typo-body-l-line-height);\n "
273
254
  ]);
274
- _templateObject13 = function _templateObject() {
275
- return data;
276
- };
277
- return data;
278
- }
279
- function _templateObject14() {
280
- var data = _tagged_template_literal([
281
- "\n ",
282
- ": 0.875rem;\n ",
283
- ": 0.375rem;\n ",
284
- ": 0.875rem;\n\n ",
285
- ": 3.5rem;\n ",
286
- ": var(--plasma-typo-body-l-font-family);\n ",
287
- ": var(--plasma-typo-body-l-font-size);\n ",
288
- ": var(--plasma-typo-body-l-font-style);\n ",
289
- ": var(--plasma-typo-body-l-bold-font-weight);\n ",
290
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
291
- ": var(--plasma-typo-body-l-line-height);\n "
292
- ]);
293
- _templateObject14 = function _templateObject() {
255
+ _templateObject12 = function _templateObject() {
294
256
  return data;
295
257
  };
296
258
  return data;
297
259
  }
298
- function _templateObject15() {
260
+ function _templateObject13() {
299
261
  var data = _tagged_template_literal([
300
262
  "\n ",
301
263
  ": 0.25rem;\n ",
@@ -310,32 +272,12 @@ function _templateObject15() {
310
272
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
311
273
  ": var(--plasma-typo-body-m-line-height);\n "
312
274
  ]);
313
- _templateObject15 = function _templateObject() {
314
- return data;
315
- };
316
- return data;
317
- }
318
- function _templateObject16() {
319
- var data = _tagged_template_literal([
320
- "\n &.",
321
- " {\n ",
322
- ": 0.25rem;\n ",
323
- ": 0.75rem;\n ",
324
- ": 0.75rem;\n\n ",
325
- ": 3rem;\n ",
326
- ": var(--plasma-typo-body-m-font-family);\n ",
327
- ": var(--plasma-typo-body-m-font-size);\n ",
328
- ": var(--plasma-typo-body-m-font-style);\n ",
329
- ": var(--plasma-typo-body-m-bold-font-weight);\n ",
330
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
331
- ": var(--plasma-typo-body-m-line-height);\n "
332
- ]);
333
- _templateObject16 = function _templateObject() {
275
+ _templateObject13 = function _templateObject() {
334
276
  return data;
335
277
  };
336
278
  return data;
337
279
  }
338
- function _templateObject17() {
280
+ function _templateObject14() {
339
281
  var data = _tagged_template_literal([
340
282
  "\n ",
341
283
  ": 0.25rem;\n ",
@@ -350,31 +292,12 @@ function _templateObject17() {
350
292
  ": var(--plasma-typo-body-s-letter-spacing);\n ",
351
293
  ": var(--plasma-typo-body-s-line-height);\n "
352
294
  ]);
353
- _templateObject17 = function _templateObject() {
354
- return data;
355
- };
356
- return data;
357
- }
358
- function _templateObject18() {
359
- var data = _tagged_template_literal([
360
- "\n ",
361
- ": 0.25rem;\n ",
362
- ": 0.625rem;\n ",
363
- ": 0.625rem;\n\n ",
364
- ": 2.5rem;\n ",
365
- ": var(--plasma-typo-body-s-font-family);\n ",
366
- ": var(--plasma-typo-body-s-font-size);\n ",
367
- ": var(--plasma-typo-body-s-font-style);\n ",
368
- ": var(--plasma-typo-body-s-bold-font-weight);\n ",
369
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
370
- ": var(--plasma-typo-body-s-line-height);\n "
371
- ]);
372
- _templateObject18 = function _templateObject() {
295
+ _templateObject14 = function _templateObject() {
373
296
  return data;
374
297
  };
375
298
  return data;
376
299
  }
377
- function _templateObject19() {
300
+ function _templateObject15() {
378
301
  var data = _tagged_template_literal([
379
302
  "\n ",
380
303
  ": 0.125rem;\n ",
@@ -389,31 +312,12 @@ function _templateObject19() {
389
312
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
390
313
  ": var(--plasma-typo-body-xs-line-height);\n "
391
314
  ]);
392
- _templateObject19 = function _templateObject() {
393
- return data;
394
- };
395
- return data;
396
- }
397
- function _templateObject20() {
398
- var data = _tagged_template_literal([
399
- "\n ",
400
- ": 0.125rem;\n ",
401
- ": 0.5rem;\n ",
402
- ": 0.5rem;\n\n ",
403
- ": 2rem;\n ",
404
- ": var(--plasma-typo-body-xs-font-family);\n ",
405
- ": var(--plasma-typo-body-xs-font-size);\n ",
406
- ": var(--plasma-typo-body-xs-font-style);\n ",
407
- ": var(--plasma-typo-body-xs-bold-font-weight);\n ",
408
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
409
- ": var(--plasma-typo-body-xs-line-height);\n "
410
- ]);
411
- _templateObject20 = function _templateObject() {
315
+ _templateObject15 = function _templateObject() {
412
316
  return data;
413
317
  };
414
318
  return data;
415
319
  }
416
- function _templateObject21() {
320
+ function _templateObject16() {
417
321
  var data = _tagged_template_literal([
418
322
  "\n ",
419
323
  ": 0.125rem;\n ",
@@ -428,93 +332,93 @@ function _templateObject21() {
428
332
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
429
333
  ": var(--plasma-typo-body-xs-line-height);\n "
430
334
  ]);
431
- _templateObject21 = function _templateObject() {
335
+ _templateObject16 = function _templateObject() {
432
336
  return data;
433
337
  };
434
338
  return data;
435
339
  }
436
- function _templateObject22() {
340
+ function _templateObject17() {
437
341
  var data = _tagged_template_literal([
438
342
  "\n ",
439
343
  ": row;\n "
440
344
  ]);
441
- _templateObject22 = function _templateObject() {
345
+ _templateObject17 = function _templateObject() {
442
346
  return data;
443
347
  };
444
348
  return data;
445
349
  }
446
- function _templateObject23() {
350
+ function _templateObject18() {
447
351
  var data = _tagged_template_literal([
448
352
  "\n ",
449
353
  ": column;\n "
450
354
  ]);
451
- _templateObject23 = function _templateObject() {
355
+ _templateObject18 = function _templateObject() {
452
356
  return data;
453
357
  };
454
358
  return data;
455
359
  }
456
- function _templateObject24() {
360
+ function _templateObject19() {
457
361
  var data = _tagged_template_literal([
458
362
  "\n ",
459
363
  ": 0;\n "
460
364
  ]);
461
- _templateObject24 = function _templateObject() {
365
+ _templateObject19 = function _templateObject() {
462
366
  return data;
463
367
  };
464
368
  return data;
465
369
  }
466
- function _templateObject25() {
370
+ function _templateObject20() {
467
371
  var data = _tagged_template_literal([
468
372
  "\n ",
469
373
  ": 0.125rem;\n "
470
374
  ]);
471
- _templateObject25 = function _templateObject() {
375
+ _templateObject20 = function _templateObject() {
472
376
  return data;
473
377
  };
474
378
  return data;
475
379
  }
476
- function _templateObject26() {
380
+ function _templateObject21() {
477
381
  var data = _tagged_template_literal([
478
382
  "\n ",
479
383
  ": 0.5rem;\n "
480
384
  ]);
481
- _templateObject26 = function _templateObject() {
385
+ _templateObject21 = function _templateObject() {
482
386
  return data;
483
387
  };
484
388
  return data;
485
389
  }
486
- function _templateObject27() {
390
+ function _templateObject22() {
487
391
  var data = _tagged_template_literal([
488
392
  ""
489
393
  ]);
490
- _templateObject27 = function _templateObject() {
394
+ _templateObject22 = function _templateObject() {
491
395
  return data;
492
396
  };
493
397
  return data;
494
398
  }
495
- function _templateObject28() {
399
+ function _templateObject23() {
496
400
  var data = _tagged_template_literal([
497
401
  ""
498
402
  ]);
499
- _templateObject28 = function _templateObject() {
403
+ _templateObject23 = function _templateObject() {
500
404
  return data;
501
405
  };
502
406
  return data;
503
407
  }
504
- function _templateObject29() {
408
+ function _templateObject24() {
505
409
  var data = _tagged_template_literal([
506
410
  ""
507
411
  ]);
508
- _templateObject29 = function _templateObject() {
412
+ _templateObject24 = function _templateObject() {
509
413
  return data;
510
414
  };
511
415
  return data;
512
416
  }
513
- function _templateObject30() {
417
+ function _templateObject25() {
514
418
  var data = _tagged_template_literal([
515
419
  ""
516
420
  ]);
517
- _templateObject30 = function _templateObject() {
421
+ _templateObject25 = function _templateObject() {
518
422
  return data;
519
423
  };
520
424
  return data;
@@ -543,33 +447,28 @@ var config = {
543
447
  },
544
448
  size: {
545
449
  xl: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.buttonGroupTokens.buttonDefaultRadius, _styledcomponents.buttonGroupTokens.buttonSegmentedRadius, _styledcomponents.buttonGroupTokens.buttonSideRadius, _styledcomponents.buttonGroupTokens.buttonHeight, _styledcomponents.buttonGroupTokens.buttonPadding, _styledcomponents.buttonGroupTokens.buttonFontFamily, _styledcomponents.buttonGroupTokens.buttonFontSize, _styledcomponents.buttonGroupTokens.buttonFontStyle, _styledcomponents.buttonGroupTokens.buttonFontWeight, _styledcomponents.buttonGroupTokens.buttonLetterSpacing, _styledcomponents.buttonGroupTokens.buttonLineHeight),
546
- xlr: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.buttonGroupTokens.buttonDefaultRadius, _styledcomponents.buttonGroupTokens.buttonSegmentedRadius, _styledcomponents.buttonGroupTokens.buttonSideRadius, _styledcomponents.buttonGroupTokens.buttonHeight, _styledcomponents.buttonGroupTokens.buttonFontFamily, _styledcomponents.buttonGroupTokens.buttonFontSize, _styledcomponents.buttonGroupTokens.buttonFontStyle, _styledcomponents.buttonGroupTokens.buttonFontWeight, _styledcomponents.buttonGroupTokens.buttonLetterSpacing, _styledcomponents.buttonGroupTokens.buttonLineHeight),
547
- l: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.buttonGroupTokens.buttonDefaultRadius, _styledcomponents.buttonGroupTokens.buttonSegmentedRadius, _styledcomponents.buttonGroupTokens.buttonSideRadius, _styledcomponents.buttonGroupTokens.buttonHeight, _styledcomponents.buttonGroupTokens.buttonPadding, _styledcomponents.buttonGroupTokens.buttonFontFamily, _styledcomponents.buttonGroupTokens.buttonFontSize, _styledcomponents.buttonGroupTokens.buttonFontStyle, _styledcomponents.buttonGroupTokens.buttonFontWeight, _styledcomponents.buttonGroupTokens.buttonLetterSpacing, _styledcomponents.buttonGroupTokens.buttonLineHeight),
548
- lr: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.buttonGroupTokens.buttonDefaultRadius, _styledcomponents.buttonGroupTokens.buttonSegmentedRadius, _styledcomponents.buttonGroupTokens.buttonSideRadius, _styledcomponents.buttonGroupTokens.buttonHeight, _styledcomponents.buttonGroupTokens.buttonFontFamily, _styledcomponents.buttonGroupTokens.buttonFontSize, _styledcomponents.buttonGroupTokens.buttonFontStyle, _styledcomponents.buttonGroupTokens.buttonFontWeight, _styledcomponents.buttonGroupTokens.buttonLetterSpacing, _styledcomponents.buttonGroupTokens.buttonLineHeight),
549
- m: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.buttonGroupTokens.buttonSegmentedRadius, _styledcomponents.buttonGroupTokens.buttonDefaultRadius, _styledcomponents.buttonGroupTokens.buttonSideRadius, _styledcomponents.buttonGroupTokens.buttonHeight, _styledcomponents.buttonGroupTokens.buttonPadding, _styledcomponents.buttonGroupTokens.buttonFontFamily, _styledcomponents.buttonGroupTokens.buttonFontSize, _styledcomponents.buttonGroupTokens.buttonFontStyle, _styledcomponents.buttonGroupTokens.buttonFontWeight, _styledcomponents.buttonGroupTokens.buttonLetterSpacing, _styledcomponents.buttonGroupTokens.buttonLineHeight),
550
- mr: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.buttonGroupClasses.segmented, _styledcomponents.buttonGroupTokens.buttonSegmentedRadius, _styledcomponents.buttonGroupTokens.buttonDefaultRadius, _styledcomponents.buttonGroupTokens.buttonSideRadius, _styledcomponents.buttonGroupTokens.buttonHeight, _styledcomponents.buttonGroupTokens.buttonFontFamily, _styledcomponents.buttonGroupTokens.buttonFontSize, _styledcomponents.buttonGroupTokens.buttonFontStyle, _styledcomponents.buttonGroupTokens.buttonFontWeight, _styledcomponents.buttonGroupTokens.buttonLetterSpacing, _styledcomponents.buttonGroupTokens.buttonLineHeight),
551
- s: (0, _styledcomponents.css)(_templateObject17(), _styledcomponents.buttonGroupTokens.buttonSegmentedRadius, _styledcomponents.buttonGroupTokens.buttonSideRadius, _styledcomponents.buttonGroupTokens.buttonDefaultRadius, _styledcomponents.buttonGroupTokens.buttonHeight, _styledcomponents.buttonGroupTokens.buttonPadding, _styledcomponents.buttonGroupTokens.buttonFontFamily, _styledcomponents.buttonGroupTokens.buttonFontSize, _styledcomponents.buttonGroupTokens.buttonFontStyle, _styledcomponents.buttonGroupTokens.buttonFontWeight, _styledcomponents.buttonGroupTokens.buttonLetterSpacing, _styledcomponents.buttonGroupTokens.buttonLineHeight),
552
- sr: (0, _styledcomponents.css)(_templateObject18(), _styledcomponents.buttonGroupTokens.buttonSegmentedRadius, _styledcomponents.buttonGroupTokens.buttonDefaultRadius, _styledcomponents.buttonGroupTokens.buttonSideRadius, _styledcomponents.buttonGroupTokens.buttonHeight, _styledcomponents.buttonGroupTokens.buttonFontFamily, _styledcomponents.buttonGroupTokens.buttonFontSize, _styledcomponents.buttonGroupTokens.buttonFontStyle, _styledcomponents.buttonGroupTokens.buttonFontWeight, _styledcomponents.buttonGroupTokens.buttonLetterSpacing, _styledcomponents.buttonGroupTokens.buttonLineHeight),
553
- xs: (0, _styledcomponents.css)(_templateObject19(), _styledcomponents.buttonGroupTokens.buttonSegmentedRadius, _styledcomponents.buttonGroupTokens.buttonDefaultRadius, _styledcomponents.buttonGroupTokens.buttonSideRadius, _styledcomponents.buttonGroupTokens.buttonHeight, _styledcomponents.buttonGroupTokens.buttonPadding, _styledcomponents.buttonGroupTokens.buttonFontFamily, _styledcomponents.buttonGroupTokens.buttonFontSize, _styledcomponents.buttonGroupTokens.buttonFontStyle, _styledcomponents.buttonGroupTokens.buttonFontWeight, _styledcomponents.buttonGroupTokens.buttonLetterSpacing, _styledcomponents.buttonGroupTokens.buttonLineHeight),
554
- xsr: (0, _styledcomponents.css)(_templateObject20(), _styledcomponents.buttonGroupTokens.buttonSegmentedRadius, _styledcomponents.buttonGroupTokens.buttonDefaultRadius, _styledcomponents.buttonGroupTokens.buttonSideRadius, _styledcomponents.buttonGroupTokens.buttonHeight, _styledcomponents.buttonGroupTokens.buttonFontFamily, _styledcomponents.buttonGroupTokens.buttonFontSize, _styledcomponents.buttonGroupTokens.buttonFontStyle, _styledcomponents.buttonGroupTokens.buttonFontWeight, _styledcomponents.buttonGroupTokens.buttonLetterSpacing, _styledcomponents.buttonGroupTokens.buttonLineHeight),
555
- xxs: (0, _styledcomponents.css)(_templateObject21(), _styledcomponents.buttonGroupTokens.buttonSegmentedRadius, _styledcomponents.buttonGroupTokens.buttonDefaultRadius, _styledcomponents.buttonGroupTokens.buttonSideRadius, _styledcomponents.buttonGroupTokens.buttonHeight, _styledcomponents.buttonGroupTokens.buttonPadding, _styledcomponents.buttonGroupTokens.buttonFontFamily, _styledcomponents.buttonGroupTokens.buttonFontSize, _styledcomponents.buttonGroupTokens.buttonFontStyle, _styledcomponents.buttonGroupTokens.buttonFontWeight, _styledcomponents.buttonGroupTokens.buttonLetterSpacing, _styledcomponents.buttonGroupTokens.buttonLineHeight)
450
+ l: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.buttonGroupTokens.buttonDefaultRadius, _styledcomponents.buttonGroupTokens.buttonSegmentedRadius, _styledcomponents.buttonGroupTokens.buttonSideRadius, _styledcomponents.buttonGroupTokens.buttonHeight, _styledcomponents.buttonGroupTokens.buttonPadding, _styledcomponents.buttonGroupTokens.buttonFontFamily, _styledcomponents.buttonGroupTokens.buttonFontSize, _styledcomponents.buttonGroupTokens.buttonFontStyle, _styledcomponents.buttonGroupTokens.buttonFontWeight, _styledcomponents.buttonGroupTokens.buttonLetterSpacing, _styledcomponents.buttonGroupTokens.buttonLineHeight),
451
+ m: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.buttonGroupTokens.buttonSegmentedRadius, _styledcomponents.buttonGroupTokens.buttonDefaultRadius, _styledcomponents.buttonGroupTokens.buttonSideRadius, _styledcomponents.buttonGroupTokens.buttonHeight, _styledcomponents.buttonGroupTokens.buttonPadding, _styledcomponents.buttonGroupTokens.buttonFontFamily, _styledcomponents.buttonGroupTokens.buttonFontSize, _styledcomponents.buttonGroupTokens.buttonFontStyle, _styledcomponents.buttonGroupTokens.buttonFontWeight, _styledcomponents.buttonGroupTokens.buttonLetterSpacing, _styledcomponents.buttonGroupTokens.buttonLineHeight),
452
+ s: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.buttonGroupTokens.buttonSegmentedRadius, _styledcomponents.buttonGroupTokens.buttonSideRadius, _styledcomponents.buttonGroupTokens.buttonDefaultRadius, _styledcomponents.buttonGroupTokens.buttonHeight, _styledcomponents.buttonGroupTokens.buttonPadding, _styledcomponents.buttonGroupTokens.buttonFontFamily, _styledcomponents.buttonGroupTokens.buttonFontSize, _styledcomponents.buttonGroupTokens.buttonFontStyle, _styledcomponents.buttonGroupTokens.buttonFontWeight, _styledcomponents.buttonGroupTokens.buttonLetterSpacing, _styledcomponents.buttonGroupTokens.buttonLineHeight),
453
+ xs: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.buttonGroupTokens.buttonSegmentedRadius, _styledcomponents.buttonGroupTokens.buttonDefaultRadius, _styledcomponents.buttonGroupTokens.buttonSideRadius, _styledcomponents.buttonGroupTokens.buttonHeight, _styledcomponents.buttonGroupTokens.buttonPadding, _styledcomponents.buttonGroupTokens.buttonFontFamily, _styledcomponents.buttonGroupTokens.buttonFontSize, _styledcomponents.buttonGroupTokens.buttonFontStyle, _styledcomponents.buttonGroupTokens.buttonFontWeight, _styledcomponents.buttonGroupTokens.buttonLetterSpacing, _styledcomponents.buttonGroupTokens.buttonLineHeight),
454
+ xxs: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.buttonGroupTokens.buttonSegmentedRadius, _styledcomponents.buttonGroupTokens.buttonDefaultRadius, _styledcomponents.buttonGroupTokens.buttonSideRadius, _styledcomponents.buttonGroupTokens.buttonHeight, _styledcomponents.buttonGroupTokens.buttonPadding, _styledcomponents.buttonGroupTokens.buttonFontFamily, _styledcomponents.buttonGroupTokens.buttonFontSize, _styledcomponents.buttonGroupTokens.buttonFontStyle, _styledcomponents.buttonGroupTokens.buttonFontWeight, _styledcomponents.buttonGroupTokens.buttonLetterSpacing, _styledcomponents.buttonGroupTokens.buttonLineHeight)
556
455
  },
557
456
  orientation: {
558
- horizontal: (0, _styledcomponents.css)(_templateObject22(), _styledcomponents.buttonGroupTokens.buttonGroupOrientation),
559
- vertical: (0, _styledcomponents.css)(_templateObject23(), _styledcomponents.buttonGroupTokens.buttonGroupOrientation)
457
+ horizontal: (0, _styledcomponents.css)(_templateObject17(), _styledcomponents.buttonGroupTokens.buttonGroupOrientation),
458
+ vertical: (0, _styledcomponents.css)(_templateObject18(), _styledcomponents.buttonGroupTokens.buttonGroupOrientation)
560
459
  },
561
460
  gap: {
562
- none: (0, _styledcomponents.css)(_templateObject24(), _styledcomponents.buttonGroupTokens.buttonGroupItemsGap),
563
- dense: (0, _styledcomponents.css)(_templateObject25(), _styledcomponents.buttonGroupTokens.buttonGroupItemsGap),
564
- wide: (0, _styledcomponents.css)(_templateObject26(), _styledcomponents.buttonGroupTokens.buttonGroupItemsGap)
461
+ none: (0, _styledcomponents.css)(_templateObject19(), _styledcomponents.buttonGroupTokens.buttonGroupItemsGap),
462
+ dense: (0, _styledcomponents.css)(_templateObject20(), _styledcomponents.buttonGroupTokens.buttonGroupItemsGap),
463
+ wide: (0, _styledcomponents.css)(_templateObject21(), _styledcomponents.buttonGroupTokens.buttonGroupItemsGap)
565
464
  },
566
465
  shape: {
567
- segmented: (0, _styledcomponents.css)(_templateObject27()),
568
- default: (0, _styledcomponents.css)(_templateObject28())
466
+ segmented: (0, _styledcomponents.css)(_templateObject22()),
467
+ default: (0, _styledcomponents.css)(_templateObject23())
569
468
  },
570
469
  stretching: {
571
- auto: (0, _styledcomponents.css)(_templateObject29()),
572
- filled: (0, _styledcomponents.css)(_templateObject30())
470
+ auto: (0, _styledcomponents.css)(_templateObject24()),
471
+ filled: (0, _styledcomponents.css)(_templateObject25())
573
472
  }
574
473
  }
575
474
  };
package/components/ButtonGroup/ButtonGroup.d.ts CHANGED
@@ -17,15 +17,10 @@ export declare const ButtonGroup: import("react").FunctionComponent<import("@sal
17
17
  };
18
18
  size: {
19
19
  xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
20
- xlr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
21
20
  l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
22
- lr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
23
21
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
24
- mr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
25
22
  s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
26
- sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
27
23
  xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
28
- xsr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
29
24
  xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
30
25
  };
31
26
  orientation: {
package/components/Drawer/Drawer.d.ts CHANGED
@@ -12,7 +12,7 @@ export declare const Drawer: import("react").FunctionComponent<import("@salutejs
12
12
  none: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
13
13
  default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
14
  };
15
- }> & import("@salutejs/plasma-new-hope/styled-components").PopupProps & import("@salutejs/plasma-new-hope/types/components/Panel").PanelProps & {
15
+ }> & Omit<import("@salutejs/plasma-new-hope/styled-components").PopupProps, "draggable" | "resizable"> & import("@salutejs/plasma-new-hope/types/components/Panel").PanelProps & {
16
16
  placement?: import("@salutejs/plasma-new-hope/types/components/Drawer/Drawer.types").DrawerPlacement;
17
17
  asModal?: boolean;
18
18
  customBackgroundColor?: string;
package/components/IconButton/IconButton.config.d.ts CHANGED
@@ -19,15 +19,10 @@ export declare const config: {
19
19
  };
20
20
  size: {
21
21
  xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
22
- xlr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
23
22
  l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
24
- lr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
25
23
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
26
- mr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
27
24
  s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
28
- sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
29
25
  xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
30
- xsr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
31
26
  };
32
27
  disabled: {
33
28
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
package/components/IconButton/IconButton.config.js CHANGED
@@ -191,25 +191,6 @@ function _templateObject10() {
191
191
  return data;
192
192
  }
193
193
  function _templateObject11() {
194
- var data = _tagged_template_literal([
195
- "\n ",
196
- ": 4rem;\n ",
197
- ": 4rem;\n ",
198
- ": var(--plasma-typo-body-l-font-family);\n ",
199
- ": var(--plasma-typo-body-l-font-size);\n ",
200
- ": var(--plasma-typo-body-l-font-style);\n ",
201
- ": var(--plasma-typo-body-l-bold-font-weight);\n ",
202
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
203
- ": var(--plasma-typo-body-l-line-height);\n\n ",
204
- ": 1.5rem;\n ",
205
- ": inherit;\n "
206
- ]);
207
- _templateObject11 = function _templateObject() {
208
- return data;
209
- };
210
- return data;
211
- }
212
- function _templateObject12() {
213
194
  var data = _tagged_template_literal([
214
195
  "\n ",
215
196
  ": 3.5rem;\n ",
@@ -225,31 +206,12 @@ function _templateObject12() {
225
206
  ": 1.375rem;\n ",
226
207
  ": inherit;\n "
227
208
  ]);
228
- _templateObject12 = function _templateObject() {
229
- return data;
230
- };
231
- return data;
232
- }
233
- function _templateObject13() {
234
- var data = _tagged_template_literal([
235
- "\n ",
236
- ": 3.5rem;\n ",
237
- ": 3.5rem;\n ",
238
- ": var(--plasma-typo-body-l-font-family);\n ",
239
- ": var(--plasma-typo-body-l-font-size);\n ",
240
- ": var(--plasma-typo-body-l-font-style);\n ",
241
- ": var(--plasma-typo-body-l-bold-font-weight);\n ",
242
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
243
- ": var(--plasma-typo-body-l-line-height);\n\n ",
244
- ": 1.375rem;\n ",
245
- ": inherit;\n "
246
- ]);
247
- _templateObject13 = function _templateObject() {
209
+ _templateObject11 = function _templateObject() {
248
210
  return data;
249
211
  };
250
212
  return data;
251
213
  }
252
- function _templateObject14() {
214
+ function _templateObject12() {
253
215
  var data = _tagged_template_literal([
254
216
  "\n ",
255
217
  ": 3rem;\n ",
@@ -265,31 +227,12 @@ function _templateObject14() {
265
227
  ": 1.375rem;\n ",
266
228
  ": inherit;\n "
267
229
  ]);
268
- _templateObject14 = function _templateObject() {
269
- return data;
270
- };
271
- return data;
272
- }
273
- function _templateObject15() {
274
- var data = _tagged_template_literal([
275
- "\n ",
276
- ": 3rem;\n ",
277
- ": 3rem;\n ",
278
- ": var(--plasma-typo-body-m-font-family);\n ",
279
- ": var(--plasma-typo-body-m-font-size);\n ",
280
- ": var(--plasma-typo-body-m-font-style);\n ",
281
- ": var(--plasma-typo-body-m-bold-font-weight);\n ",
282
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
283
- ": var(--plasma-typo-body-m-line-height);\n\n ",
284
- ": 1.375rem;\n ",
285
- ": inherit;\n "
286
- ]);
287
- _templateObject15 = function _templateObject() {
230
+ _templateObject12 = function _templateObject() {
288
231
  return data;
289
232
  };
290
233
  return data;
291
234
  }
292
- function _templateObject16() {
235
+ function _templateObject13() {
293
236
  var data = _tagged_template_literal([
294
237
  "\n ",
295
238
  ": 2.5rem;\n ",
@@ -305,31 +248,12 @@ function _templateObject16() {
305
248
  ": 1.375rem;\n ",
306
249
  ": inherit;\n "
307
250
  ]);
308
- _templateObject16 = function _templateObject() {
309
- return data;
310
- };
311
- return data;
312
- }
313
- function _templateObject17() {
314
- var data = _tagged_template_literal([
315
- "\n ",
316
- ": 2.5rem;\n ",
317
- ": 2.5rem;\n ",
318
- ": var(--plasma-typo-body-s-font-family);\n ",
319
- ": var(--plasma-typo-body-s-font-size);\n ",
320
- ": var(--plasma-typo-body-s-font-style);\n ",
321
- ": var(--plasma-typo-body-s-bold-font-weight);\n ",
322
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
323
- ": var(--plasma-typo-body-s-line-height);\n\n ",
324
- ": 1.375rem;\n ",
325
- ": inherit;\n "
326
- ]);
327
- _templateObject17 = function _templateObject() {
251
+ _templateObject13 = function _templateObject() {
328
252
  return data;
329
253
  };
330
254
  return data;
331
255
  }
332
- function _templateObject18() {
256
+ function _templateObject14() {
333
257
  var data = _tagged_template_literal([
334
258
  "\n ",
335
259
  ": 2rem;\n ",
@@ -345,46 +269,27 @@ function _templateObject18() {
345
269
  ": 1rem;\n ",
346
270
  ": inherit;\n "
347
271
  ]);
348
- _templateObject18 = function _templateObject() {
349
- return data;
350
- };
351
- return data;
352
- }
353
- function _templateObject19() {
354
- var data = _tagged_template_literal([
355
- "\n ",
356
- ": 2rem;\n ",
357
- ": 2rem;\n ",
358
- ": var(--plasma-typo-body-xs-font-family);\n ",
359
- ": var(--plasma-typo-body-xs-font-size);\n ",
360
- ": var(--plasma-typo-body-xs-font-style);\n ",
361
- ": var(--plasma-typo-body-xs-bold-font-weight);\n ",
362
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
363
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
364
- ": 1rem;\n ",
365
- ": inherit;\n "
366
- ]);
367
- _templateObject19 = function _templateObject() {
272
+ _templateObject14 = function _templateObject() {
368
273
  return data;
369
274
  };
370
275
  return data;
371
276
  }
372
- function _templateObject20() {
277
+ function _templateObject15() {
373
278
  var data = _tagged_template_literal([
374
279
  "\n ",
375
280
  ": 0.4;\n "
376
281
  ]);
377
- _templateObject20 = function _templateObject() {
282
+ _templateObject15 = function _templateObject() {
378
283
  return data;
379
284
  };
380
285
  return data;
381
286
  }
382
- function _templateObject21() {
287
+ function _templateObject16() {
383
288
  var data = _tagged_template_literal([
384
289
  "\n ",
385
290
  ": var(--surface-accent);\n "
386
291
  ]);
387
- _templateObject21 = function _templateObject() {
292
+ _templateObject16 = function _templateObject() {
388
293
  return data;
389
294
  };
390
295
  return data;
@@ -410,21 +315,16 @@ var config = {
410
315
  },
411
316
  size: {
412
317
  xl: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
413
- xlr: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
414
- l: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
415
- lr: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
416
- m: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
417
- mr: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
418
- s: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
419
- sr: (0, _styledcomponents.css)(_templateObject17(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
420
- xs: (0, _styledcomponents.css)(_templateObject18(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
421
- xsr: (0, _styledcomponents.css)(_templateObject19(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor)
318
+ l: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
319
+ m: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
320
+ s: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
321
+ xs: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor)
422
322
  },
423
323
  disabled: {
424
- true: (0, _styledcomponents.css)(_templateObject20(), _styledcomponents.iconButtonTokens.iconButtonDisabledOpacity)
324
+ true: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.iconButtonTokens.iconButtonDisabledOpacity)
425
325
  },
426
326
  focused: {
427
- true: (0, _styledcomponents.css)(_templateObject21(), _styledcomponents.iconButtonTokens.iconButtonFocusColor)
327
+ true: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.iconButtonTokens.iconButtonFocusColor)
428
328
  }
429
329
  }
430
330
  };
package/components/IconButton/IconButton.d.ts CHANGED
@@ -16,15 +16,10 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
16
16
  };
17
17
  size: {
18
18
  xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
19
- xlr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
20
19
  l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
21
- lr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
22
20
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
23
- mr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
24
21
  s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
25
- sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
26
22
  xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
27
- xsr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
28
23
  };
29
24
  disabled: {
30
25
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
package/components/ViewContainer/ViewContainer.config.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ export declare const config: {
2
+ variations: {
3
+ view: {
4
+ onDark: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
5
+ onLight: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
6
+ };
7
+ };
8
+ };