@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, _styledcomponents.css)(_templateObject10(), _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),
|
524
|
-
|
525
|
-
|
526
|
-
|
527
|
-
|
528
|
-
|
529
|
-
s: (0, _styledcomponents.css)(_templateObject16(), _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),
|
530
|
-
sr: (0, _styledcomponents.css)(_templateObject17(), _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),
|
531
|
-
xs: (0, _styledcomponents.css)(_templateObject18(), _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),
|
532
|
-
xsr: (0, _styledcomponents.css)(_templateObject19(), _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),
|
533
|
-
xxs: (0, _styledcomponents.css)(_templateObject20(), _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)
|
428
|
+
l: (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),
|
429
|
+
m: (0, _styledcomponents.css)(_templateObject12(), _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),
|
430
|
+
s: (0, _styledcomponents.css)(_templateObject13(), _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),
|
431
|
+
xs: (0, _styledcomponents.css)(_templateObject14(), _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),
|
432
|
+
xxs: (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)
|
534
433
|
},
|
535
434
|
orientation: {
|
536
|
-
horizontal: (0, _styledcomponents.css)(
|
537
|
-
vertical: (0, _styledcomponents.css)(
|
435
|
+
horizontal: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.buttonGroupTokens.buttonGroupOrientation),
|
436
|
+
vertical: (0, _styledcomponents.css)(_templateObject17(), _styledcomponents.buttonGroupTokens.buttonGroupOrientation)
|
538
437
|
},
|
539
438
|
gap: {
|
540
|
-
none: (0, _styledcomponents.css)(
|
541
|
-
dense: (0, _styledcomponents.css)(
|
542
|
-
wide: (0, _styledcomponents.css)(
|
439
|
+
none: (0, _styledcomponents.css)(_templateObject18(), _styledcomponents.buttonGroupTokens.buttonGroupItemsGap),
|
440
|
+
dense: (0, _styledcomponents.css)(_templateObject19(), _styledcomponents.buttonGroupTokens.buttonGroupItemsGap),
|
441
|
+
wide: (0, _styledcomponents.css)(_templateObject20(), _styledcomponents.buttonGroupTokens.buttonGroupItemsGap)
|
543
442
|
},
|
544
443
|
shape: {
|
545
|
-
segmented: (0, _styledcomponents.css)(
|
546
|
-
default: (0, _styledcomponents.css)(
|
444
|
+
segmented: (0, _styledcomponents.css)(_templateObject21()),
|
445
|
+
default: (0, _styledcomponents.css)(_templateObject22())
|
547
446
|
},
|
548
447
|
stretching: {
|
549
|
-
auto: (0, _styledcomponents.css)(
|
550
|
-
filled: (0, _styledcomponents.css)(
|
448
|
+
auto: (0, _styledcomponents.css)(_templateObject23()),
|
449
|
+
filled: (0, _styledcomponents.css)(_templateObject24())
|
551
450
|
}
|
552
451
|
}
|
553
452
|
};
|