@salutejs/plasma-web 1.588.0-canary.2077.16193273208.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 +7 -7
  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/es/components/Button/Button.config.js CHANGED
@@ -209,28 +209,6 @@ function _templateObject11() {
209
209
  return data;
210
210
  }
211
211
  function _templateObject12() {
212
- var data = _tagged_template_literal([
213
- "\n ",
214
- ": 4rem;\n ",
215
- ": 12.5rem;\n ",
216
- ": var(--plasma-typo-body-l-font-family);\n ",
217
- ": var(--plasma-typo-body-l-font-size);\n ",
218
- ": var(--plasma-typo-body-l-font-style);\n ",
219
- ": var(--plasma-typo-body-l-bold-font-weight);\n ",
220
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
221
- ": var(--plasma-typo-body-l-line-height);\n\n ",
222
- ": 1.5rem;\n ",
223
- ": inherit;\n\n ",
224
- ": 0 0.625rem 0 0;\n ",
225
- ": 0 0 0 0.625rem;\n ",
226
- ": 0 0 0 0.25rem;\n "
227
- ]);
228
- _templateObject12 = function _templateObject() {
229
- return data;
230
- };
231
- return data;
232
- }
233
- function _templateObject13() {
234
212
  var data = _tagged_template_literal([
235
213
  "\n ",
236
214
  ": 3.5rem;\n ",
@@ -249,34 +227,12 @@ function _templateObject13() {
249
227
  ": 0 -0.125rem 0 0.5rem;\n ",
250
228
  ": 0 0 0 0.25rem;\n "
251
229
  ]);
252
- _templateObject13 = function _templateObject() {
253
- return data;
254
- };
255
- return data;
256
- }
257
- function _templateObject14() {
258
- var data = _tagged_template_literal([
259
- "\n ",
260
- ": 3.5rem;\n ",
261
- ": 12.5rem;\n ",
262
- ": var(--plasma-typo-body-l-font-family);\n ",
263
- ": var(--plasma-typo-body-l-font-size);\n ",
264
- ": var(--plasma-typo-body-l-font-style);\n ",
265
- ": var(--plasma-typo-body-l-bold-font-weight);\n ",
266
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
267
- ": var(--plasma-typo-body-l-line-height);\n\n ",
268
- ": 1.375rem;\n ",
269
- ": inherit;\n\n ",
270
- ": 0 0.5rem 0 0;\n ",
271
- ": 0 0 0 0.5rem;\n ",
272
- ": 0 0 0 0.25rem;\n "
273
- ]);
274
- _templateObject14 = function _templateObject() {
230
+ _templateObject12 = function _templateObject() {
275
231
  return data;
276
232
  };
277
233
  return data;
278
234
  }
279
- function _templateObject15() {
235
+ function _templateObject13() {
280
236
  var data = _tagged_template_literal([
281
237
  "\n ",
282
238
  ": 3rem;\n ",
@@ -295,34 +251,12 @@ function _templateObject15() {
295
251
  ": 0 -0.125rem 0 0.375rem;\n ",
296
252
  ": 0 0 0 0.25rem;\n "
297
253
  ]);
298
- _templateObject15 = function _templateObject() {
299
- return data;
300
- };
301
- return data;
302
- }
303
- function _templateObject16() {
304
- var data = _tagged_template_literal([
305
- "\n ",
306
- ": 3rem;\n ",
307
- ": 11.25rem;\n ",
308
- ": var(--plasma-typo-body-m-font-family);\n ",
309
- ": var(--plasma-typo-body-m-font-size);\n ",
310
- ": var(--plasma-typo-body-m-font-style);\n ",
311
- ": var(--plasma-typo-body-m-bold-font-weight);\n ",
312
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
313
- ": var(--plasma-typo-body-m-line-height);\n\n ",
314
- ": 1.375rem;\n ",
315
- ": inherit;\n\n ",
316
- ": 0 0.375rem 0 0;\n ",
317
- ": 0 0 0 0.375rem;\n ",
318
- ": 0 0 0 0.25rem;\n "
319
- ]);
320
- _templateObject16 = function _templateObject() {
254
+ _templateObject13 = function _templateObject() {
321
255
  return data;
322
256
  };
323
257
  return data;
324
258
  }
325
- function _templateObject17() {
259
+ function _templateObject14() {
326
260
  var data = _tagged_template_literal([
327
261
  "\n ",
328
262
  ": 2.5rem;\n ",
@@ -341,34 +275,12 @@ function _templateObject17() {
341
275
  ": 0 -0.125rem 0 0.25rem;\n ",
342
276
  ": 0 0 0 0.25rem;\n "
343
277
  ]);
344
- _templateObject17 = function _templateObject() {
345
- return data;
346
- };
347
- return data;
348
- }
349
- function _templateObject18() {
350
- var data = _tagged_template_literal([
351
- "\n ",
352
- ": 2.5rem;\n ",
353
- ": 11.25rem;\n ",
354
- ": var(--plasma-typo-body-s-font-family);\n ",
355
- ": var(--plasma-typo-body-s-font-size);\n ",
356
- ": var(--plasma-typo-body-s-font-style);\n ",
357
- ": var(--plasma-typo-body-s-bold-font-weight);\n ",
358
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
359
- ": var(--plasma-typo-body-s-line-height);\n\n ",
360
- ": 1.375rem;\n ",
361
- ": inherit;\n\n ",
362
- ": 0 0.25rem 0 0;\n ",
363
- ": 0 0 0 0.25rem;\n ",
364
- ": 0 0 0 0.25rem;\n "
365
- ]);
366
- _templateObject18 = function _templateObject() {
278
+ _templateObject14 = function _templateObject() {
367
279
  return data;
368
280
  };
369
281
  return data;
370
282
  }
371
- function _templateObject19() {
283
+ function _templateObject15() {
372
284
  var data = _tagged_template_literal([
373
285
  "\n ",
374
286
  ": 2rem;\n ",
@@ -387,34 +299,12 @@ function _templateObject19() {
387
299
  ": 0 -0.125rem 0 0.25rem;\n ",
388
300
  ": 0 0 0 0.25rem;\n "
389
301
  ]);
390
- _templateObject19 = function _templateObject() {
391
- return data;
392
- };
393
- return data;
394
- }
395
- function _templateObject20() {
396
- var data = _tagged_template_literal([
397
- "\n ",
398
- ": 2rem;\n ",
399
- ": 10rem;\n ",
400
- ": var(--plasma-typo-body-xs-font-family);\n ",
401
- ": var(--plasma-typo-body-xs-font-size);\n ",
402
- ": var(--plasma-typo-body-xs-font-style);\n ",
403
- ": var(--plasma-typo-body-xs-bold-font-weight);\n ",
404
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
405
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
406
- ": 1rem;\n ",
407
- ": inherit;\n\n ",
408
- ": 0 0.25rem 0 0;\n ",
409
- ": 0 0 0 0.25rem;\n ",
410
- ": 0 0 0 0.25rem;\n "
411
- ]);
412
- _templateObject20 = function _templateObject() {
302
+ _templateObject15 = function _templateObject() {
413
303
  return data;
414
304
  };
415
305
  return data;
416
306
  }
417
- function _templateObject21() {
307
+ function _templateObject16() {
418
308
  var data = _tagged_template_literal([
419
309
  "\n ",
420
310
  ": 1.5rem;\n ",
@@ -433,54 +323,54 @@ function _templateObject21() {
433
323
  ": 0 -0.125rem 0 0.25rem;\n ",
434
324
  ": 0 0 0 0.25rem;\n "
435
325
  ]);
436
- _templateObject21 = function _templateObject() {
326
+ _templateObject16 = function _templateObject() {
437
327
  return data;
438
328
  };
439
329
  return data;
440
330
  }
441
- function _templateObject22() {
331
+ function _templateObject17() {
442
332
  var data = _tagged_template_literal([
443
333
  "\n ",
444
334
  ": 0.4;\n "
445
335
  ]);
446
- _templateObject22 = function _templateObject() {
336
+ _templateObject17 = function _templateObject() {
447
337
  return data;
448
338
  };
449
339
  return data;
450
340
  }
451
- function _templateObject23() {
341
+ function _templateObject18() {
452
342
  var data = _tagged_template_literal([
453
343
  "\n ",
454
344
  ": var(--surface-accent);\n "
455
345
  ]);
456
- _templateObject23 = function _templateObject() {
346
+ _templateObject18 = function _templateObject() {
457
347
  return data;
458
348
  };
459
349
  return data;
460
350
  }
461
- function _templateObject24() {
351
+ function _templateObject19() {
462
352
  var data = _tagged_template_literal([
463
353
  ""
464
354
  ]);
465
- _templateObject24 = function _templateObject() {
355
+ _templateObject19 = function _templateObject() {
466
356
  return data;
467
357
  };
468
358
  return data;
469
359
  }
470
- function _templateObject25() {
360
+ function _templateObject20() {
471
361
  var data = _tagged_template_literal([
472
362
  ""
473
363
  ]);
474
- _templateObject25 = function _templateObject() {
364
+ _templateObject20 = function _templateObject() {
475
365
  return data;
476
366
  };
477
367
  return data;
478
368
  }
479
- function _templateObject26() {
369
+ function _templateObject21() {
480
370
  var data = _tagged_template_literal([
481
371
  ""
482
372
  ]);
483
- _templateObject26 = function _templateObject() {
373
+ _templateObject21 = function _templateObject() {
484
374
  return data;
485
375
  };
486
376
  return data;
@@ -511,27 +401,22 @@ export var config = {
511
401
  },
512
402
  size: {
513
403
  xl: css(_templateObject11(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
514
- xlr: css(_templateObject12(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
515
- l: css(_templateObject13(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
516
- lr: css(_templateObject14(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
517
- m: css(_templateObject15(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
518
- mr: css(_templateObject16(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
519
- s: css(_templateObject17(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
520
- sr: css(_templateObject18(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
521
- xs: css(_templateObject19(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
522
- xsr: css(_templateObject20(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
523
- xxs: css(_templateObject21(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin)
404
+ l: css(_templateObject12(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
405
+ m: css(_templateObject13(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
406
+ s: css(_templateObject14(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
407
+ xs: css(_templateObject15(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
408
+ xxs: css(_templateObject16(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin)
524
409
  },
525
410
  disabled: {
526
- true: css(_templateObject22(), buttonTokens.buttonDisabledOpacity)
411
+ true: css(_templateObject17(), buttonTokens.buttonDisabledOpacity)
527
412
  },
528
413
  focused: {
529
- true: css(_templateObject23(), buttonTokens.buttonFocusColor)
414
+ true: css(_templateObject18(), buttonTokens.buttonFocusColor)
530
415
  },
531
416
  stretching: {
532
- auto: css(_templateObject24()),
533
- filled: css(_templateObject25()),
534
- fixed: css(_templateObject26())
417
+ auto: css(_templateObject19()),
418
+ filled: css(_templateObject20()),
419
+ fixed: css(_templateObject21())
535
420
  }
536
421
  }
537
422
  };
package/es/components/ButtonGroup/ButtonGroup.config.js CHANGED
@@ -227,25 +227,6 @@ function _templateObject11() {
227
227
  return data;
228
228
  }
229
229
  function _templateObject12() {
230
- var data = _tagged_template_literal([
231
- "\n ",
232
- ": 1rem;\n ",
233
- ": 0.5rem;\n ",
234
- ": 1rem;\n\n ",
235
- ": 4rem;\n ",
236
- ": var(--plasma-typo-body-l-font-family);\n ",
237
- ": var(--plasma-typo-body-l-font-size);\n ",
238
- ": var(--plasma-typo-body-l-font-style);\n ",
239
- ": var(--plasma-typo-body-l-bold-font-weight);\n ",
240
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
241
- ": var(--plasma-typo-body-l-line-height);\n "
242
- ]);
243
- _templateObject12 = function _templateObject() {
244
- return data;
245
- };
246
- return data;
247
- }
248
- function _templateObject13() {
249
230
  var data = _tagged_template_literal([
250
231
  "\n ",
251
232
  ": 0.875rem;\n ",
@@ -260,31 +241,12 @@ function _templateObject13() {
260
241
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
261
242
  ": var(--plasma-typo-body-l-line-height);\n "
262
243
  ]);
263
- _templateObject13 = function _templateObject() {
264
- return data;
265
- };
266
- return data;
267
- }
268
- function _templateObject14() {
269
- var data = _tagged_template_literal([
270
- "\n ",
271
- ": 0.875rem;\n ",
272
- ": 0.375rem;\n ",
273
- ": 0.875rem;\n\n ",
274
- ": 3.5rem;\n ",
275
- ": var(--plasma-typo-body-l-font-family);\n ",
276
- ": var(--plasma-typo-body-l-font-size);\n ",
277
- ": var(--plasma-typo-body-l-font-style);\n ",
278
- ": var(--plasma-typo-body-l-bold-font-weight);\n ",
279
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
280
- ": var(--plasma-typo-body-l-line-height);\n "
281
- ]);
282
- _templateObject14 = function _templateObject() {
244
+ _templateObject12 = function _templateObject() {
283
245
  return data;
284
246
  };
285
247
  return data;
286
248
  }
287
- function _templateObject15() {
249
+ function _templateObject13() {
288
250
  var data = _tagged_template_literal([
289
251
  "\n ",
290
252
  ": 0.25rem;\n ",
@@ -299,32 +261,12 @@ function _templateObject15() {
299
261
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
300
262
  ": var(--plasma-typo-body-m-line-height);\n "
301
263
  ]);
302
- _templateObject15 = function _templateObject() {
303
- return data;
304
- };
305
- return data;
306
- }
307
- function _templateObject16() {
308
- var data = _tagged_template_literal([
309
- "\n &.",
310
- " {\n ",
311
- ": 0.25rem;\n ",
312
- ": 0.75rem;\n ",
313
- ": 0.75rem;\n\n ",
314
- ": 3rem;\n ",
315
- ": var(--plasma-typo-body-m-font-family);\n ",
316
- ": var(--plasma-typo-body-m-font-size);\n ",
317
- ": var(--plasma-typo-body-m-font-style);\n ",
318
- ": var(--plasma-typo-body-m-bold-font-weight);\n ",
319
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
320
- ": var(--plasma-typo-body-m-line-height);\n "
321
- ]);
322
- _templateObject16 = function _templateObject() {
264
+ _templateObject13 = function _templateObject() {
323
265
  return data;
324
266
  };
325
267
  return data;
326
268
  }
327
- function _templateObject17() {
269
+ function _templateObject14() {
328
270
  var data = _tagged_template_literal([
329
271
  "\n ",
330
272
  ": 0.25rem;\n ",
@@ -339,31 +281,12 @@ function _templateObject17() {
339
281
  ": var(--plasma-typo-body-s-letter-spacing);\n ",
340
282
  ": var(--plasma-typo-body-s-line-height);\n "
341
283
  ]);
342
- _templateObject17 = function _templateObject() {
343
- return data;
344
- };
345
- return data;
346
- }
347
- function _templateObject18() {
348
- var data = _tagged_template_literal([
349
- "\n ",
350
- ": 0.25rem;\n ",
351
- ": 0.625rem;\n ",
352
- ": 0.625rem;\n\n ",
353
- ": 2.5rem;\n ",
354
- ": var(--plasma-typo-body-s-font-family);\n ",
355
- ": var(--plasma-typo-body-s-font-size);\n ",
356
- ": var(--plasma-typo-body-s-font-style);\n ",
357
- ": var(--plasma-typo-body-s-bold-font-weight);\n ",
358
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
359
- ": var(--plasma-typo-body-s-line-height);\n "
360
- ]);
361
- _templateObject18 = function _templateObject() {
284
+ _templateObject14 = function _templateObject() {
362
285
  return data;
363
286
  };
364
287
  return data;
365
288
  }
366
- function _templateObject19() {
289
+ function _templateObject15() {
367
290
  var data = _tagged_template_literal([
368
291
  "\n ",
369
292
  ": 0.125rem;\n ",
@@ -378,31 +301,12 @@ function _templateObject19() {
378
301
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
379
302
  ": var(--plasma-typo-body-xs-line-height);\n "
380
303
  ]);
381
- _templateObject19 = function _templateObject() {
382
- return data;
383
- };
384
- return data;
385
- }
386
- function _templateObject20() {
387
- var data = _tagged_template_literal([
388
- "\n ",
389
- ": 0.125rem;\n ",
390
- ": 0.5rem;\n ",
391
- ": 0.5rem;\n\n ",
392
- ": 2rem;\n ",
393
- ": var(--plasma-typo-body-xs-font-family);\n ",
394
- ": var(--plasma-typo-body-xs-font-size);\n ",
395
- ": var(--plasma-typo-body-xs-font-style);\n ",
396
- ": var(--plasma-typo-body-xs-bold-font-weight);\n ",
397
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
398
- ": var(--plasma-typo-body-xs-line-height);\n "
399
- ]);
400
- _templateObject20 = function _templateObject() {
304
+ _templateObject15 = function _templateObject() {
401
305
  return data;
402
306
  };
403
307
  return data;
404
308
  }
405
- function _templateObject21() {
309
+ function _templateObject16() {
406
310
  var data = _tagged_template_literal([
407
311
  "\n ",
408
312
  ": 0.125rem;\n ",
@@ -417,98 +321,98 @@ function _templateObject21() {
417
321
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
418
322
  ": var(--plasma-typo-body-xs-line-height);\n "
419
323
  ]);
420
- _templateObject21 = function _templateObject() {
324
+ _templateObject16 = function _templateObject() {
421
325
  return data;
422
326
  };
423
327
  return data;
424
328
  }
425
- function _templateObject22() {
329
+ function _templateObject17() {
426
330
  var data = _tagged_template_literal([
427
331
  "\n ",
428
332
  ": row;\n "
429
333
  ]);
430
- _templateObject22 = function _templateObject() {
334
+ _templateObject17 = function _templateObject() {
431
335
  return data;
432
336
  };
433
337
  return data;
434
338
  }
435
- function _templateObject23() {
339
+ function _templateObject18() {
436
340
  var data = _tagged_template_literal([
437
341
  "\n ",
438
342
  ": column;\n "
439
343
  ]);
440
- _templateObject23 = function _templateObject() {
344
+ _templateObject18 = function _templateObject() {
441
345
  return data;
442
346
  };
443
347
  return data;
444
348
  }
445
- function _templateObject24() {
349
+ function _templateObject19() {
446
350
  var data = _tagged_template_literal([
447
351
  "\n ",
448
352
  ": 0;\n "
449
353
  ]);
450
- _templateObject24 = function _templateObject() {
354
+ _templateObject19 = function _templateObject() {
451
355
  return data;
452
356
  };
453
357
  return data;
454
358
  }
455
- function _templateObject25() {
359
+ function _templateObject20() {
456
360
  var data = _tagged_template_literal([
457
361
  "\n ",
458
362
  ": 0.125rem;\n "
459
363
  ]);
460
- _templateObject25 = function _templateObject() {
364
+ _templateObject20 = function _templateObject() {
461
365
  return data;
462
366
  };
463
367
  return data;
464
368
  }
465
- function _templateObject26() {
369
+ function _templateObject21() {
466
370
  var data = _tagged_template_literal([
467
371
  "\n ",
468
372
  ": 0.5rem;\n "
469
373
  ]);
470
- _templateObject26 = function _templateObject() {
374
+ _templateObject21 = function _templateObject() {
471
375
  return data;
472
376
  };
473
377
  return data;
474
378
  }
475
- function _templateObject27() {
379
+ function _templateObject22() {
476
380
  var data = _tagged_template_literal([
477
381
  ""
478
382
  ]);
479
- _templateObject27 = function _templateObject() {
383
+ _templateObject22 = function _templateObject() {
480
384
  return data;
481
385
  };
482
386
  return data;
483
387
  }
484
- function _templateObject28() {
388
+ function _templateObject23() {
485
389
  var data = _tagged_template_literal([
486
390
  ""
487
391
  ]);
488
- _templateObject28 = function _templateObject() {
392
+ _templateObject23 = function _templateObject() {
489
393
  return data;
490
394
  };
491
395
  return data;
492
396
  }
493
- function _templateObject29() {
397
+ function _templateObject24() {
494
398
  var data = _tagged_template_literal([
495
399
  ""
496
400
  ]);
497
- _templateObject29 = function _templateObject() {
401
+ _templateObject24 = function _templateObject() {
498
402
  return data;
499
403
  };
500
404
  return data;
501
405
  }
502
- function _templateObject30() {
406
+ function _templateObject25() {
503
407
  var data = _tagged_template_literal([
504
408
  ""
505
409
  ]);
506
- _templateObject30 = function _templateObject() {
410
+ _templateObject25 = function _templateObject() {
507
411
  return data;
508
412
  };
509
413
  return data;
510
414
  }
511
- import { css, buttonGroupTokens, buttonGroupClasses } from '@salutejs/plasma-new-hope/styled-components';
415
+ import { css, buttonGroupTokens } from '@salutejs/plasma-new-hope/styled-components';
512
416
  export var config = {
513
417
  defaults: {
514
418
  view: 'default',
@@ -533,33 +437,28 @@ export var config = {
533
437
  },
534
438
  size: {
535
439
  xl: css(_templateObject11(), buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
536
- xlr: css(_templateObject12(), buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
537
- l: css(_templateObject13(), buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
538
- lr: css(_templateObject14(), buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
539
- m: css(_templateObject15(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
540
- mr: css(_templateObject16(), buttonGroupClasses.segmented, buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
541
- s: css(_templateObject17(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
542
- sr: css(_templateObject18(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
543
- xs: css(_templateObject19(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
544
- xsr: css(_templateObject20(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
545
- xxs: css(_templateObject21(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight)
440
+ l: css(_templateObject12(), buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
441
+ m: css(_templateObject13(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
442
+ s: css(_templateObject14(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
443
+ xs: css(_templateObject15(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
444
+ xxs: css(_templateObject16(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight)
546
445
  },
547
446
  orientation: {
548
- horizontal: css(_templateObject22(), buttonGroupTokens.buttonGroupOrientation),
549
- vertical: css(_templateObject23(), buttonGroupTokens.buttonGroupOrientation)
447
+ horizontal: css(_templateObject17(), buttonGroupTokens.buttonGroupOrientation),
448
+ vertical: css(_templateObject18(), buttonGroupTokens.buttonGroupOrientation)
550
449
  },
551
450
  gap: {
552
- none: css(_templateObject24(), buttonGroupTokens.buttonGroupItemsGap),
553
- dense: css(_templateObject25(), buttonGroupTokens.buttonGroupItemsGap),
554
- wide: css(_templateObject26(), buttonGroupTokens.buttonGroupItemsGap)
451
+ none: css(_templateObject19(), buttonGroupTokens.buttonGroupItemsGap),
452
+ dense: css(_templateObject20(), buttonGroupTokens.buttonGroupItemsGap),
453
+ wide: css(_templateObject21(), buttonGroupTokens.buttonGroupItemsGap)
555
454
  },
556
455
  shape: {
557
- segmented: css(_templateObject27()),
558
- default: css(_templateObject28())
456
+ segmented: css(_templateObject22()),
457
+ default: css(_templateObject23())
559
458
  },
560
459
  stretching: {
561
- auto: css(_templateObject29()),
562
- filled: css(_templateObject30())
460
+ auto: css(_templateObject24()),
461
+ filled: css(_templateObject25())
563
462
  }
564
463
  }
565
464
  };