@salutejs/sdds-serv 0.316.1-canary.2079.16199559995.0 → 0.316.1-canary.2079.16290052899.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 (16) hide show
  1. package/components/ButtonGroup/ButtonGroup.config.d.ts +0 -5
  2. package/components/ButtonGroup/ButtonGroup.config.js +15 -20
  3. package/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
  4. package/components/ButtonGroup/{ButtonGroup.config_107oyqt.css → ButtonGroup.config_ge3vo5.css} +10 -15
  5. package/components/ButtonGroup/ButtonGroup.css +21 -26
  6. package/components/ButtonGroup/ButtonGroup.d.ts +0 -5
  7. package/emotion/cjs/components/ButtonGroup/ButtonGroup.config.js +41 -142
  8. package/emotion/es/components/ButtonGroup/ButtonGroup.config.js +42 -143
  9. package/es/components/ButtonGroup/ButtonGroup.config.js +15 -20
  10. package/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
  11. package/es/components/ButtonGroup/{ButtonGroup.config_107oyqt.css → ButtonGroup.config_ge3vo5.css} +10 -15
  12. package/es/components/ButtonGroup/ButtonGroup.css +21 -26
  13. package/es/index.css +21 -26
  14. package/package.json +3 -3
  15. package/styled-components/cjs/components/ButtonGroup/ButtonGroup.config.js +41 -142
  16. package/styled-components/es/components/ButtonGroup/ButtonGroup.config.js +42 -143
package/styled-components/es/components/ButtonGroup/ButtonGroup.config.js CHANGED
@@ -209,25 +209,6 @@ function _templateObject10() {
209
209
  return data;
210
210
  }
211
211
  function _templateObject11() {
212
- var data = _tagged_template_literal([
213
- "\n ",
214
- ": 1rem;\n ",
215
- ": 0.5rem;\n ",
216
- ": 1rem;\n\n ",
217
- ": 4rem;\n ",
218
- ": var(--plasma-typo-body-l-font-family);\n ",
219
- ": var(--plasma-typo-body-l-font-size);\n ",
220
- ": var(--plasma-typo-body-l-font-style);\n ",
221
- ": var(--plasma-typo-body-l-bold-font-weight);\n ",
222
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
223
- ": var(--plasma-typo-body-l-line-height);\n "
224
- ]);
225
- _templateObject11 = function _templateObject() {
226
- return data;
227
- };
228
- return data;
229
- }
230
- function _templateObject12() {
231
212
  var data = _tagged_template_literal([
232
213
  "\n ",
233
214
  ": 0.875rem;\n ",
@@ -242,31 +223,12 @@ function _templateObject12() {
242
223
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
243
224
  ": var(--plasma-typo-body-l-line-height);\n "
244
225
  ]);
245
- _templateObject12 = function _templateObject() {
246
- return data;
247
- };
248
- return data;
249
- }
250
- function _templateObject13() {
251
- var data = _tagged_template_literal([
252
- "\n ",
253
- ": 0.875rem;\n ",
254
- ": 0.375rem;\n ",
255
- ": 0.875rem;\n\n ",
256
- ": 3.5rem;\n ",
257
- ": var(--plasma-typo-body-l-font-family);\n ",
258
- ": var(--plasma-typo-body-l-font-size);\n ",
259
- ": var(--plasma-typo-body-l-font-style);\n ",
260
- ": var(--plasma-typo-body-l-bold-font-weight);\n ",
261
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
262
- ": var(--plasma-typo-body-l-line-height);\n "
263
- ]);
264
- _templateObject13 = function _templateObject() {
226
+ _templateObject11 = function _templateObject() {
265
227
  return data;
266
228
  };
267
229
  return data;
268
230
  }
269
- function _templateObject14() {
231
+ function _templateObject12() {
270
232
  var data = _tagged_template_literal([
271
233
  "\n ",
272
234
  ": 0.25rem;\n ",
@@ -281,32 +243,12 @@ function _templateObject14() {
281
243
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
282
244
  ": var(--plasma-typo-body-m-line-height);\n "
283
245
  ]);
284
- _templateObject14 = function _templateObject() {
285
- return data;
286
- };
287
- return data;
288
- }
289
- function _templateObject15() {
290
- var data = _tagged_template_literal([
291
- "\n &.",
292
- " {\n ",
293
- ": 0.25rem;\n ",
294
- ": 0.75rem;\n ",
295
- ": 0.75rem;\n\n ",
296
- ": 3rem;\n ",
297
- ": var(--plasma-typo-body-m-font-family);\n ",
298
- ": var(--plasma-typo-body-m-font-size);\n ",
299
- ": var(--plasma-typo-body-m-font-style);\n ",
300
- ": var(--plasma-typo-body-m-bold-font-weight);\n ",
301
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
302
- ": var(--plasma-typo-body-m-line-height);\n "
303
- ]);
304
- _templateObject15 = function _templateObject() {
246
+ _templateObject12 = function _templateObject() {
305
247
  return data;
306
248
  };
307
249
  return data;
308
250
  }
309
- function _templateObject16() {
251
+ function _templateObject13() {
310
252
  var data = _tagged_template_literal([
311
253
  "\n ",
312
254
  ": 0.25rem;\n ",
@@ -321,31 +263,12 @@ function _templateObject16() {
321
263
  ": var(--plasma-typo-body-s-letter-spacing);\n ",
322
264
  ": var(--plasma-typo-body-s-line-height);\n "
323
265
  ]);
324
- _templateObject16 = function _templateObject() {
325
- return data;
326
- };
327
- return data;
328
- }
329
- function _templateObject17() {
330
- var data = _tagged_template_literal([
331
- "\n ",
332
- ": 0.25rem;\n ",
333
- ": 0.625rem;\n ",
334
- ": 0.625rem;\n\n ",
335
- ": 2.5rem;\n ",
336
- ": var(--plasma-typo-body-s-font-family);\n ",
337
- ": var(--plasma-typo-body-s-font-size);\n ",
338
- ": var(--plasma-typo-body-s-font-style);\n ",
339
- ": var(--plasma-typo-body-s-bold-font-weight);\n ",
340
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
341
- ": var(--plasma-typo-body-s-line-height);\n "
342
- ]);
343
- _templateObject17 = function _templateObject() {
266
+ _templateObject13 = function _templateObject() {
344
267
  return data;
345
268
  };
346
269
  return data;
347
270
  }
348
- function _templateObject18() {
271
+ function _templateObject14() {
349
272
  var data = _tagged_template_literal([
350
273
  "\n ",
351
274
  ": 0.125rem;\n ",
@@ -360,31 +283,12 @@ function _templateObject18() {
360
283
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
361
284
  ": var(--plasma-typo-body-xs-line-height);\n "
362
285
  ]);
363
- _templateObject18 = function _templateObject() {
364
- return data;
365
- };
366
- return data;
367
- }
368
- function _templateObject19() {
369
- var data = _tagged_template_literal([
370
- "\n ",
371
- ": 0.125rem;\n ",
372
- ": 0.5rem;\n ",
373
- ": 0.5rem;\n\n ",
374
- ": 2rem;\n ",
375
- ": var(--plasma-typo-body-xs-font-family);\n ",
376
- ": var(--plasma-typo-body-xs-font-size);\n ",
377
- ": var(--plasma-typo-body-xs-font-style);\n ",
378
- ": var(--plasma-typo-body-xs-bold-font-weight);\n ",
379
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
380
- ": var(--plasma-typo-body-xs-line-height);\n "
381
- ]);
382
- _templateObject19 = function _templateObject() {
286
+ _templateObject14 = function _templateObject() {
383
287
  return data;
384
288
  };
385
289
  return data;
386
290
  }
387
- function _templateObject20() {
291
+ function _templateObject15() {
388
292
  var data = _tagged_template_literal([
389
293
  "\n ",
390
294
  ": 0.125rem;\n ",
@@ -399,98 +303,98 @@ function _templateObject20() {
399
303
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
400
304
  ": var(--plasma-typo-body-xs-line-height);\n "
401
305
  ]);
402
- _templateObject20 = function _templateObject() {
306
+ _templateObject15 = function _templateObject() {
403
307
  return data;
404
308
  };
405
309
  return data;
406
310
  }
407
- function _templateObject21() {
311
+ function _templateObject16() {
408
312
  var data = _tagged_template_literal([
409
313
  "\n ",
410
314
  ": row;\n "
411
315
  ]);
412
- _templateObject21 = function _templateObject() {
316
+ _templateObject16 = function _templateObject() {
413
317
  return data;
414
318
  };
415
319
  return data;
416
320
  }
417
- function _templateObject22() {
321
+ function _templateObject17() {
418
322
  var data = _tagged_template_literal([
419
323
  "\n ",
420
324
  ": column;\n "
421
325
  ]);
422
- _templateObject22 = function _templateObject() {
326
+ _templateObject17 = function _templateObject() {
423
327
  return data;
424
328
  };
425
329
  return data;
426
330
  }
427
- function _templateObject23() {
331
+ function _templateObject18() {
428
332
  var data = _tagged_template_literal([
429
333
  "\n ",
430
334
  ": 0;\n "
431
335
  ]);
432
- _templateObject23 = function _templateObject() {
336
+ _templateObject18 = function _templateObject() {
433
337
  return data;
434
338
  };
435
339
  return data;
436
340
  }
437
- function _templateObject24() {
341
+ function _templateObject19() {
438
342
  var data = _tagged_template_literal([
439
343
  "\n ",
440
344
  ": 0.125rem;\n "
441
345
  ]);
442
- _templateObject24 = function _templateObject() {
346
+ _templateObject19 = function _templateObject() {
443
347
  return data;
444
348
  };
445
349
  return data;
446
350
  }
447
- function _templateObject25() {
351
+ function _templateObject20() {
448
352
  var data = _tagged_template_literal([
449
353
  "\n ",
450
354
  ": 0.5rem;\n "
451
355
  ]);
452
- _templateObject25 = function _templateObject() {
356
+ _templateObject20 = function _templateObject() {
453
357
  return data;
454
358
  };
455
359
  return data;
456
360
  }
457
- function _templateObject26() {
361
+ function _templateObject21() {
458
362
  var data = _tagged_template_literal([
459
363
  ""
460
364
  ]);
461
- _templateObject26 = function _templateObject() {
365
+ _templateObject21 = function _templateObject() {
462
366
  return data;
463
367
  };
464
368
  return data;
465
369
  }
466
- function _templateObject27() {
370
+ function _templateObject22() {
467
371
  var data = _tagged_template_literal([
468
372
  ""
469
373
  ]);
470
- _templateObject27 = function _templateObject() {
374
+ _templateObject22 = function _templateObject() {
471
375
  return data;
472
376
  };
473
377
  return data;
474
378
  }
475
- function _templateObject28() {
379
+ function _templateObject23() {
476
380
  var data = _tagged_template_literal([
477
381
  ""
478
382
  ]);
479
- _templateObject28 = function _templateObject() {
383
+ _templateObject23 = function _templateObject() {
480
384
  return data;
481
385
  };
482
386
  return data;
483
387
  }
484
- function _templateObject29() {
388
+ function _templateObject24() {
485
389
  var data = _tagged_template_literal([
486
390
  ""
487
391
  ]);
488
- _templateObject29 = function _templateObject() {
392
+ _templateObject24 = function _templateObject() {
489
393
  return data;
490
394
  };
491
395
  return data;
492
396
  }
493
- import { css, buttonGroupTokens, buttonGroupClasses } from '@salutejs/plasma-new-hope/styled-components';
397
+ import { css, buttonGroupTokens } from '@salutejs/plasma-new-hope/styled-components';
494
398
  export var config = {
495
399
  defaults: {
496
400
  view: 'default',
@@ -511,33 +415,28 @@ export var config = {
511
415
  },
512
416
  size: {
513
417
  xl: css(_templateObject10(), buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
514
- xlr: css(_templateObject11(), buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
515
- 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),
516
- lr: css(_templateObject13(), buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
517
- m: css(_templateObject14(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
518
- mr: css(_templateObject15(), buttonGroupClasses.segmented, buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
519
- s: css(_templateObject16(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
520
- sr: css(_templateObject17(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
521
- xs: css(_templateObject18(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
522
- xsr: css(_templateObject19(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
523
- xxs: css(_templateObject20(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight)
418
+ l: css(_templateObject11(), buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
419
+ m: css(_templateObject12(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
420
+ s: css(_templateObject13(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
421
+ xs: css(_templateObject14(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
422
+ xxs: css(_templateObject15(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight)
524
423
  },
525
424
  orientation: {
526
- horizontal: css(_templateObject21(), buttonGroupTokens.buttonGroupOrientation),
527
- vertical: css(_templateObject22(), buttonGroupTokens.buttonGroupOrientation)
425
+ horizontal: css(_templateObject16(), buttonGroupTokens.buttonGroupOrientation),
426
+ vertical: css(_templateObject17(), buttonGroupTokens.buttonGroupOrientation)
528
427
  },
529
428
  gap: {
530
- none: css(_templateObject23(), buttonGroupTokens.buttonGroupItemsGap),
531
- dense: css(_templateObject24(), buttonGroupTokens.buttonGroupItemsGap),
532
- wide: css(_templateObject25(), buttonGroupTokens.buttonGroupItemsGap)
429
+ none: css(_templateObject18(), buttonGroupTokens.buttonGroupItemsGap),
430
+ dense: css(_templateObject19(), buttonGroupTokens.buttonGroupItemsGap),
431
+ wide: css(_templateObject20(), buttonGroupTokens.buttonGroupItemsGap)
533
432
  },
534
433
  shape: {
535
- segmented: css(_templateObject26()),
536
- default: css(_templateObject27())
434
+ segmented: css(_templateObject21()),
435
+ default: css(_templateObject22())
537
436
  },
538
437
  stretching: {
539
- auto: css(_templateObject28()),
540
- filled: css(_templateObject29())
438
+ auto: css(_templateObject23()),
439
+ filled: css(_templateObject24())
541
440
  }
542
441
  }
543
442
  };