@salutejs/plasma-web 1.587.1-canary.2079.16199559995.0 → 1.587.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 +41 -142
- package/components/ButtonGroup/ButtonGroup.d.ts +0 -5
- package/css/cjs/components/ButtonGroup/ButtonGroup.config.js +15 -20
- package/css/cjs/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/css/cjs/components/ButtonGroup/{ButtonGroup.config_nvojq8.css → ButtonGroup.config_lzpvcu.css} +10 -15
- package/css/cjs/components/ButtonGroup/ButtonGroup.css +22 -27
- package/css/cjs/index.css +22 -27
- package/css/es/components/ButtonGroup/ButtonGroup.config.js +15 -20
- package/css/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/css/es/components/ButtonGroup/{ButtonGroup.config_nvojq8.css → ButtonGroup.config_lzpvcu.css} +10 -15
- package/css/es/components/ButtonGroup/ButtonGroup.css +22 -27
- package/css/es/index.css +22 -27
- package/es/components/ButtonGroup/ButtonGroup.config.js +42 -143
- package/package.json +3 -3
|
@@ -23,15 +23,10 @@ export declare const config: {
|
|
|
23
23
|
};
|
|
24
24
|
size: {
|
|
25
25
|
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
26
|
-
xlr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
27
26
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
28
|
-
lr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
29
27
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
30
|
-
mr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
31
28
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
32
|
-
sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
33
29
|
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
34
|
-
xsr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
35
30
|
xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
36
31
|
};
|
|
37
32
|
orientation: {
|
|
@@ -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
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
335
|
+
_templateObject16 = function _templateObject() {
|
|
432
336
|
return data;
|
|
433
337
|
};
|
|
434
338
|
return data;
|
|
435
339
|
}
|
|
436
|
-
function
|
|
340
|
+
function _templateObject17() {
|
|
437
341
|
var data = _tagged_template_literal([
|
|
438
342
|
"\n ",
|
|
439
343
|
": row;\n "
|
|
440
344
|
]);
|
|
441
|
-
|
|
345
|
+
_templateObject17 = function _templateObject() {
|
|
442
346
|
return data;
|
|
443
347
|
};
|
|
444
348
|
return data;
|
|
445
349
|
}
|
|
446
|
-
function
|
|
350
|
+
function _templateObject18() {
|
|
447
351
|
var data = _tagged_template_literal([
|
|
448
352
|
"\n ",
|
|
449
353
|
": column;\n "
|
|
450
354
|
]);
|
|
451
|
-
|
|
355
|
+
_templateObject18 = function _templateObject() {
|
|
452
356
|
return data;
|
|
453
357
|
};
|
|
454
358
|
return data;
|
|
455
359
|
}
|
|
456
|
-
function
|
|
360
|
+
function _templateObject19() {
|
|
457
361
|
var data = _tagged_template_literal([
|
|
458
362
|
"\n ",
|
|
459
363
|
": 0;\n "
|
|
460
364
|
]);
|
|
461
|
-
|
|
365
|
+
_templateObject19 = function _templateObject() {
|
|
462
366
|
return data;
|
|
463
367
|
};
|
|
464
368
|
return data;
|
|
465
369
|
}
|
|
466
|
-
function
|
|
370
|
+
function _templateObject20() {
|
|
467
371
|
var data = _tagged_template_literal([
|
|
468
372
|
"\n ",
|
|
469
373
|
": 0.125rem;\n "
|
|
470
374
|
]);
|
|
471
|
-
|
|
375
|
+
_templateObject20 = function _templateObject() {
|
|
472
376
|
return data;
|
|
473
377
|
};
|
|
474
378
|
return data;
|
|
475
379
|
}
|
|
476
|
-
function
|
|
380
|
+
function _templateObject21() {
|
|
477
381
|
var data = _tagged_template_literal([
|
|
478
382
|
"\n ",
|
|
479
383
|
": 0.5rem;\n "
|
|
480
384
|
]);
|
|
481
|
-
|
|
385
|
+
_templateObject21 = function _templateObject() {
|
|
482
386
|
return data;
|
|
483
387
|
};
|
|
484
388
|
return data;
|
|
485
389
|
}
|
|
486
|
-
function
|
|
390
|
+
function _templateObject22() {
|
|
487
391
|
var data = _tagged_template_literal([
|
|
488
392
|
""
|
|
489
393
|
]);
|
|
490
|
-
|
|
394
|
+
_templateObject22 = function _templateObject() {
|
|
491
395
|
return data;
|
|
492
396
|
};
|
|
493
397
|
return data;
|
|
494
398
|
}
|
|
495
|
-
function
|
|
399
|
+
function _templateObject23() {
|
|
496
400
|
var data = _tagged_template_literal([
|
|
497
401
|
""
|
|
498
402
|
]);
|
|
499
|
-
|
|
403
|
+
_templateObject23 = function _templateObject() {
|
|
500
404
|
return data;
|
|
501
405
|
};
|
|
502
406
|
return data;
|
|
503
407
|
}
|
|
504
|
-
function
|
|
408
|
+
function _templateObject24() {
|
|
505
409
|
var data = _tagged_template_literal([
|
|
506
410
|
""
|
|
507
411
|
]);
|
|
508
|
-
|
|
412
|
+
_templateObject24 = function _templateObject() {
|
|
509
413
|
return data;
|
|
510
414
|
};
|
|
511
415
|
return data;
|
|
512
416
|
}
|
|
513
|
-
function
|
|
417
|
+
function _templateObject25() {
|
|
514
418
|
var data = _tagged_template_literal([
|
|
515
419
|
""
|
|
516
420
|
]);
|
|
517
|
-
|
|
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
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
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)(
|
|
559
|
-
vertical: (0, _styledcomponents.css)(
|
|
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)(
|
|
563
|
-
dense: (0, _styledcomponents.css)(
|
|
564
|
-
wide: (0, _styledcomponents.css)(
|
|
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)(
|
|
568
|
-
default: (0, _styledcomponents.css)(
|
|
466
|
+
segmented: (0, _styledcomponents.css)(_templateObject22()),
|
|
467
|
+
default: (0, _styledcomponents.css)(_templateObject23())
|
|
569
468
|
},
|
|
570
469
|
stretching: {
|
|
571
|
-
auto: (0, _styledcomponents.css)(
|
|
572
|
-
filled: (0, _styledcomponents.css)(
|
|
470
|
+
auto: (0, _styledcomponents.css)(_templateObject24()),
|
|
471
|
+
filled: (0, _styledcomponents.css)(_templateObject25())
|
|
573
472
|
}
|
|
574
473
|
}
|
|
575
474
|
};
|
|
@@ -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: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require('./ButtonGroup.
|
|
1
|
+
require('./ButtonGroup.config_lzpvcu.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -28,33 +28,28 @@ var config = {
|
|
|
28
28
|
},
|
|
29
29
|
size: {
|
|
30
30
|
xl: "x1116k6l",
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
s: "s1xcwbx9",
|
|
37
|
-
sr: "s1fuvc6m",
|
|
38
|
-
xs: "xsjqy1i",
|
|
39
|
-
xsr: "xmgmq8o",
|
|
40
|
-
xxs: "x1udxooc"
|
|
31
|
+
l: "l15t0nuq",
|
|
32
|
+
m: "m316r83",
|
|
33
|
+
s: "szu697",
|
|
34
|
+
xs: "x16bzis9",
|
|
35
|
+
xxs: "x97067l"
|
|
41
36
|
},
|
|
42
37
|
orientation: {
|
|
43
|
-
horizontal: "
|
|
44
|
-
vertical: "
|
|
38
|
+
horizontal: "h1xcwbx9",
|
|
39
|
+
vertical: "v1fuvc6m"
|
|
45
40
|
},
|
|
46
41
|
gap: {
|
|
47
|
-
none: "
|
|
48
|
-
dense: "
|
|
49
|
-
wide: "
|
|
42
|
+
none: "nsjqy1i",
|
|
43
|
+
dense: "dmgmq8o",
|
|
44
|
+
wide: "w1udxooc"
|
|
50
45
|
},
|
|
51
46
|
shape: {
|
|
52
|
-
segmented: "
|
|
53
|
-
"default": "
|
|
47
|
+
segmented: "sbb1ace",
|
|
48
|
+
"default": "dnyer5h"
|
|
54
49
|
},
|
|
55
50
|
stretching: {
|
|
56
|
-
auto: "
|
|
57
|
-
filled: "
|
|
51
|
+
auto: "a1g2rt4j",
|
|
52
|
+
filled: "f1xdd6tf"
|
|
58
53
|
}
|
|
59
54
|
}
|
|
60
55
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.config.js","sources":["../../../../src-css/components/ButtonGroup/ButtonGroup.config.ts"],"sourcesContent":["import { css, buttonGroupTokens, buttonGroupClasses } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${buttonGroupTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n `,\n /**\n * @deprecated\n * использовать `default`\n */\n primary: css`\n ${buttonGroupTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n `,\n accent: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-accent);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${buttonGroupTokens.buttonColor}: var(--text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${buttonGroupTokens.buttonColor}: var(--text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-clear);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--text-primary-hover);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${buttonGroupTokens.buttonColorActive}: var(--text-primary-active);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-clear);\n `,\n success: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-positive);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-warning);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n `,\n critical: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-negative);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n `,\n black: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n `,\n white: css`\n ${buttonGroupTokens.buttonColor}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n `,\n },\n size: {\n xl: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 1rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 1rem;\n\n ${buttonGroupTokens.buttonHeight}: 4rem;\n ${buttonGroupTokens.buttonPadding}: 1.75rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n xlr: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 1rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 1rem;\n\n ${buttonGroupTokens.buttonHeight}: 4rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n l: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 0.875rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.875rem;\n\n ${buttonGroupTokens.buttonHeight}: 3.5rem;\n ${buttonGroupTokens.buttonPadding}: 1.5rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n lr: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 0.875rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.875rem;\n\n ${buttonGroupTokens.buttonHeight}: 3.5rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.75rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.75rem;\n\n ${buttonGroupTokens.buttonHeight}: 3rem;\n ${buttonGroupTokens.buttonPadding}: 1.25rem;\n\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n mr: css`\n &.${buttonGroupClasses.segmented} {\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.75rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.75rem;\n\n ${buttonGroupTokens.buttonHeight}: 3rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n\n ${buttonGroupTokens.buttonHeight}: 2.5rem;\n ${buttonGroupTokens.buttonPadding}: 1rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n sr: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n\n ${buttonGroupTokens.buttonHeight}: 2.5rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n ${buttonGroupTokens.buttonHeight}: 2rem;\n ${buttonGroupTokens.buttonPadding}: 0.75rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n xsr: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n ${buttonGroupTokens.buttonHeight}: 2rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n xxs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.375rem;\n\n ${buttonGroupTokens.buttonHeight}: 1.5rem;\n ${buttonGroupTokens.buttonPadding}: 0.625rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n orientation: {\n horizontal: css`\n ${buttonGroupTokens.buttonGroupOrientation}: row;\n `,\n vertical: css`\n ${buttonGroupTokens.buttonGroupOrientation}: column;\n `,\n },\n gap: {\n none: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0;\n `,\n dense: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.125rem;\n `,\n wide: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.5rem;\n `,\n },\n shape: {\n segmented: css``,\n default: css``,\n },\n stretching: {\n auto: css``,\n filled: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","primary","accent","secondary","clear","success","warning","critical","dark","black","white","xl","xlr","l","lr","m","mr","s","sr","xs","xsr","xxs","orientation","horizontal","vertical","gap","none","dense","wide","shape","segmented","stretching","auto","filled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EASC,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,MAAM,EASL,SAAA;AACDC,MAAAA,SAAS,EASR,SAAA;AACDC,MAAAA,KAAK,EASJ,SAAA;AACDC,MAAAA,OAAO,EASN,UAAA;AACDC,MAAAA,OAAO,EASN,UAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,IAAI,EASH,SAAA;AACDC,MAAAA,KAAK,EASJ,SAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAUR;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,EAAE,EAaD,UAAA;AACDC,MAAAA,GAAG,EAYF,UAAA;AACDC,MAAAA,CAAC,EAaA,SAAA;AACDC,MAAAA,EAAE,EAYD,QAAA;AACDC,MAAAA,CAAC,EAcA,UAAA;AACDC,MAAAA,EAAE,EAaD,SAAA;AACDC,MAAAA,CAAC,EAaA,UAAA;AACDC,MAAAA,EAAE,EAYD,UAAA;AACDC,MAAAA,EAAE,EAaD,SAAA;AACDC,MAAAA,GAAG,EAYF,SAAA;AACDC,MAAAA,GAAG,EAAA,UAAA;KAcN;AACDC,IAAAA,WAAW,EAAE;AACTC,MAAAA,UAAU,EAET,SAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAGX;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,IAAI,EAEH,UAAA;AACDC,MAAAA,KAAK,EAEJ,UAAA;AACDC,MAAAA,IAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAO,UAAA;MAChB9B,SAAO,EAAA,SAAA;KACV;AACD+B,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,UAAA;AACXC,MAAAA,MAAM,EAAA,SAAA;AACV,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"ButtonGroup.config.js","sources":["../../../../src-css/components/ButtonGroup/ButtonGroup.config.ts"],"sourcesContent":["import { css, buttonGroupTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${buttonGroupTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n `,\n /**\n * @deprecated\n * использовать `default`\n */\n primary: css`\n ${buttonGroupTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n `,\n accent: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-accent);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${buttonGroupTokens.buttonColor}: var(--text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${buttonGroupTokens.buttonColor}: var(--text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-clear);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--text-primary-hover);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${buttonGroupTokens.buttonColorActive}: var(--text-primary-active);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-clear);\n `,\n success: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-positive);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-warning);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n `,\n critical: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-negative);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n `,\n black: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n `,\n white: css`\n ${buttonGroupTokens.buttonColor}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n `,\n },\n size: {\n xl: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 1rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 1rem;\n\n ${buttonGroupTokens.buttonHeight}: 4rem;\n ${buttonGroupTokens.buttonPadding}: 1.75rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n l: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 0.875rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.875rem;\n\n ${buttonGroupTokens.buttonHeight}: 3.5rem;\n ${buttonGroupTokens.buttonPadding}: 1.5rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.75rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.75rem;\n\n ${buttonGroupTokens.buttonHeight}: 3rem;\n ${buttonGroupTokens.buttonPadding}: 1.25rem;\n\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n\n ${buttonGroupTokens.buttonHeight}: 2.5rem;\n ${buttonGroupTokens.buttonPadding}: 1rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n ${buttonGroupTokens.buttonHeight}: 2rem;\n ${buttonGroupTokens.buttonPadding}: 0.75rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n xxs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.375rem;\n\n ${buttonGroupTokens.buttonHeight}: 1.5rem;\n ${buttonGroupTokens.buttonPadding}: 0.625rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n orientation: {\n horizontal: css`\n ${buttonGroupTokens.buttonGroupOrientation}: row;\n `,\n vertical: css`\n ${buttonGroupTokens.buttonGroupOrientation}: column;\n `,\n },\n gap: {\n none: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0;\n `,\n dense: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.125rem;\n `,\n wide: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.5rem;\n `,\n },\n shape: {\n segmented: css``,\n default: css``,\n },\n stretching: {\n auto: css``,\n filled: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","primary","accent","secondary","clear","success","warning","critical","dark","black","white","xl","l","m","s","xs","xxs","orientation","horizontal","vertical","gap","none","dense","wide","shape","segmented","stretching","auto","filled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EASC,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,MAAM,EASL,SAAA;AACDC,MAAAA,SAAS,EASR,SAAA;AACDC,MAAAA,KAAK,EASJ,SAAA;AACDC,MAAAA,OAAO,EASN,UAAA;AACDC,MAAAA,OAAO,EASN,UAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,IAAI,EASH,SAAA;AACDC,MAAAA,KAAK,EASJ,SAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAUR;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,EAAE,EAaD,UAAA;AACDC,MAAAA,CAAC,EAaA,UAAA;AACDC,MAAAA,CAAC,EAcA,SAAA;AACDC,MAAAA,CAAC,EAaA,QAAA;AACDC,MAAAA,EAAE,EAaD,UAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAcN;AACDC,IAAAA,WAAW,EAAE;AACTC,MAAAA,UAAU,EAET,UAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAGX;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,IAAI,EAEH,SAAA;AACDC,MAAAA,KAAK,EAEJ,SAAA;AACDC,MAAAA,IAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAO,SAAA;MAChBzB,SAAO,EAAA,SAAA;KACV;AACD0B,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,UAAA;AACXC,MAAAA,MAAM,EAAA,UAAA;AACV,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -10,21 +10,16 @@
|
|
|
10
10
|
.bmie5p2{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--on-light-surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--on-light-surface-solid-default-active);}
|
|
11
11
|
.w1g3omzu{--plasma-button-group-item-color:var(--on-light-text-primary);--plasma-button-group-item-value-color:var(--on-light-text-secondary);--plasma-button-group-item-background-color:var(--on-dark-surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-light-text-primary);--plasma-button-group-item-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-button-group-item-color-active:var(--on-light-text-primary);--plasma-button-group-item-background-color-active:var(--on-dark-surface-solid-default-active);}
|
|
12
12
|
.x1116k6l{--plasma-button-group-item-default-radius:1rem;--plasma-button-group-item-segmented-radius:0.5rem;--plasma-button-group-side-item-radius:1rem;--plasma-button-group-item-height:4rem;--plasma-button-group-item-padding:1.75rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
21
|
-
.
|
|
22
|
-
.
|
|
23
|
-
.hbb1ace{--plasma-button-group-orientation:row;}
|
|
24
|
-
.vnyer5h{--plasma-button-group-orientation:column;}
|
|
25
|
-
.n1g2rt4j{--plasma-button-group-items-gap:0;}
|
|
26
|
-
.d1xdd6tf{--plasma-button-group-items-gap:0.125rem;}
|
|
27
|
-
.w1qv9uf{--plasma-button-group-items-gap:0.5rem;}
|
|
13
|
+
.l15t0nuq{--plasma-button-group-item-default-radius:0.875rem;--plasma-button-group-item-segmented-radius:0.375rem;--plasma-button-group-side-item-radius:0.875rem;--plasma-button-group-item-height:3.5rem;--plasma-button-group-item-padding:1.5rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
|
|
14
|
+
.m316r83{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-item-default-radius:0.75rem;--plasma-button-group-side-item-radius:0.75rem;--plasma-button-group-item-height:3rem;--plasma-button-group-item-padding:1.25rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-m-line-height);}
|
|
15
|
+
.szu697{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-side-item-radius:0.625rem;--plasma-button-group-item-default-radius:0.625rem;--plasma-button-group-item-height:2.5rem;--plasma-button-group-item-padding:1rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-s-line-height);}
|
|
16
|
+
.x16bzis9{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.5rem;--plasma-button-group-side-item-radius:0.5rem;--plasma-button-group-item-height:2rem;--plasma-button-group-item-padding:0.75rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
17
|
+
.x97067l{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.375rem;--plasma-button-group-side-item-radius:0.375rem;--plasma-button-group-item-height:1.5rem;--plasma-button-group-item-padding:0.625rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
18
|
+
.h1xcwbx9{--plasma-button-group-orientation:row;}
|
|
19
|
+
.v1fuvc6m{--plasma-button-group-orientation:column;}
|
|
20
|
+
.nsjqy1i{--plasma-button-group-items-gap:0;}
|
|
21
|
+
.dmgmq8o{--plasma-button-group-items-gap:0.125rem;}
|
|
22
|
+
.w1udxooc{--plasma-button-group-items-gap:0.5rem;}
|
|
28
23
|
|
|
29
24
|
|
|
30
25
|
|