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