@salutejs-ds/sdds_sbcom 0.1.3 → 0.1.4
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/Button/Button.config.d.ts +4 -4
- package/components/Button/Button.config.js +5 -5
- package/components/Button/Button.config.js.map +1 -1
- package/components/Button/Button.config_1ufeha7.css +10 -0
- package/components/Button/Button.css +9 -9
- package/components/Button/Button.d.ts +4 -4
- package/components/Checkbox/Checkbox.config.js +1 -1
- package/components/Checkbox/Checkbox.config.js.map +1 -1
- package/components/Checkbox/Checkbox.config_1637oeq.css +6 -0
- package/components/Checkbox/Checkbox.css +6 -6
- package/components/IconButton/IconButton.config.d.ts +3 -3
- package/components/IconButton/IconButton.config.js +7 -7
- package/components/IconButton/IconButton.config.js.map +1 -1
- package/components/IconButton/IconButton.config_4rapku.css +9 -0
- package/components/IconButton/IconButton.css +8 -8
- package/components/IconButton/IconButton.d.ts +3 -3
- package/components/Link/Link.config.d.ts +4 -4
- package/components/Link/Link.config.js +5 -5
- package/components/Link/Link.config.js.map +1 -1
- package/components/Link/Link.config_1fm95cc.css +8 -0
- package/components/Link/Link.css +8 -8
- package/components/Link/Link.d.ts +4 -4
- package/components/Radiobox/Radiobox.config.d.ts +1 -1
- package/components/Radiobox/Radiobox.config.js +4 -4
- package/components/Radiobox/Radiobox.config.js.map +1 -1
- package/components/Radiobox/Radiobox.config_wxwhpp.css +6 -0
- package/components/Radiobox/Radiobox.css +6 -6
- package/components/Radiobox/Radiobox.d.ts +1 -1
- package/css/sdds_sbcom.module.css +15 -155
- package/css/sdds_sbcom__dark.css +15 -84
- package/css/sdds_sbcom__light.css +15 -86
- package/es/components/Button/Button.config.js +5 -5
- package/es/components/Button/Button.config.js.map +1 -1
- package/es/components/Button/Button.config_1ufeha7.css +10 -0
- package/es/components/Button/Button.css +9 -9
- package/es/components/Checkbox/Checkbox.config.js +1 -1
- package/es/components/Checkbox/Checkbox.config.js.map +1 -1
- package/es/components/Checkbox/Checkbox.config_1637oeq.css +6 -0
- package/es/components/Checkbox/Checkbox.css +6 -6
- package/es/components/IconButton/IconButton.config.js +7 -7
- package/es/components/IconButton/IconButton.config.js.map +1 -1
- package/es/components/IconButton/IconButton.config_4rapku.css +9 -0
- package/es/components/IconButton/IconButton.css +8 -8
- package/es/components/Link/Link.config.js +5 -5
- package/es/components/Link/Link.config.js.map +1 -1
- package/es/components/Link/Link.config_1fm95cc.css +8 -0
- package/es/components/Link/Link.css +8 -8
- package/es/components/Radiobox/Radiobox.config.js +4 -4
- package/es/components/Radiobox/Radiobox.config.js.map +1 -1
- package/es/components/Radiobox/Radiobox.config_wxwhpp.css +6 -0
- package/es/components/Radiobox/Radiobox.css +6 -6
- package/es/index.css +37 -37
- package/es/index.js +1 -1
- package/es/theme/themes/sdds_sbcom__dark.js +1 -1
- package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
- package/es/theme/themes/sdds_sbcom__light.js +1 -1
- package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
- package/es/theme/tokens/index.js +23 -230
- package/es/theme/tokens/index.js.map +1 -1
- package/index.css +37 -37
- package/index.js +0 -69
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/styled-components/cjs/Button/Button.config.js +7 -7
- package/styled-components/cjs/Checkbox/Checkbox.config.js +5 -5
- package/styled-components/cjs/IconButton/IconButton.config.js +8 -8
- package/styled-components/cjs/Link/Link.config.js +6 -6
- package/styled-components/cjs/Radiobox/Radiobox.config.js +5 -5
- package/styled-components/es/Button/Button.config.js +7 -7
- package/styled-components/es/Checkbox/Checkbox.config.js +5 -5
- package/styled-components/es/IconButton/IconButton.config.js +8 -8
- package/styled-components/es/Link/Link.config.js +6 -6
- package/styled-components/es/Radiobox/Radiobox.config.js +5 -5
- package/theme/themes/sdds_sbcom__dark.js +1 -1
- package/theme/themes/sdds_sbcom__dark.js.map +1 -1
- package/theme/themes/sdds_sbcom__light.js +1 -1
- package/theme/themes/sdds_sbcom__light.js.map +1 -1
- package/theme/tokens/index.d.ts +18 -156
- package/theme/tokens/index.js +22 -298
- package/theme/tokens/index.js.map +1 -1
- package/components/Button/Button.config_1fseone.css +0 -10
- package/components/Checkbox/Checkbox.config_akvxn0.css +0 -6
- package/components/IconButton/IconButton.config_1uu5rxr.css +0 -9
- package/components/Link/Link.config_9ew1ky.css +0 -8
- package/components/Radiobox/Radiobox.config_1tzom6m.css +0 -6
- package/es/components/Button/Button.config_1fseone.css +0 -10
- package/es/components/Checkbox/Checkbox.config_akvxn0.css +0 -6
- package/es/components/IconButton/IconButton.config_1uu5rxr.css +0 -9
- package/es/components/Link/Link.config_9ew1ky.css +0 -8
- package/es/components/Radiobox/Radiobox.config_1tzom6m.css +0 -6
|
@@ -405,7 +405,6 @@
|
|
|
405
405
|
--on-dark-surface-transparent-secondary: #FFFFFF29;
|
|
406
406
|
--text-secondary-hover: #171717FF;
|
|
407
407
|
--on-dark-background-secondary-hover: #CCCCCCFF;
|
|
408
|
-
--on-dark-background-secondary-brightness: #0F0F0FFF;
|
|
409
408
|
--on-dark-background-primary: #15110FFF;
|
|
410
409
|
--on-dark-background-primary-hover: #CCCCCCFF;
|
|
411
410
|
--on-dark-background-primary-active: #E6E6E6FF;
|
|
@@ -413,7 +412,6 @@
|
|
|
413
412
|
--on-light-background-secondary: #FFFFFFFF;
|
|
414
413
|
--on-light-background-secondary-hover: #CCCCCCFF;
|
|
415
414
|
--on-light-background-secondary-active: #E6E6E6FF;
|
|
416
|
-
--on-light-background-secondary-brightness: #F6F2F0FF;
|
|
417
415
|
--on-light-background-primary: #EBE7E5FF;
|
|
418
416
|
--on-light-background-primary-hover: #CCCCCCFF;
|
|
419
417
|
--on-light-background-primary-active: #E6E6E6FF;
|
|
@@ -421,99 +419,76 @@
|
|
|
421
419
|
--outline-default: #DDD9D7FF;
|
|
422
420
|
--outline-default-hover: #CCCCCCFF;
|
|
423
421
|
--outline-default-active: #E6E6E6FF;
|
|
424
|
-
--outline-default-brightness: #DDD9D7FF;
|
|
425
422
|
--outline-minor: #FFFFFFFF;
|
|
426
423
|
--outline-minor-hover: #CCCCCCFF;
|
|
427
424
|
--outline-minor-active: #E6E6E6FF;
|
|
428
|
-
--outline-minor-brightness: #FFFFFFFF;
|
|
429
425
|
--outline-transparent-clear: #00000000;
|
|
430
426
|
--outline-transparent-clear-hover: #CCCCCCFF;
|
|
431
427
|
--outline-transparent-clear-active: #E6E6E6FF;
|
|
432
|
-
--outline-transparent-clear-brightness: #00000000;
|
|
433
428
|
--inverse-outline-default: #3B3735FF;
|
|
434
429
|
--inverse-outline-default-hover: #CCCCCCFF;
|
|
435
430
|
--inverse-outline-default-active: #E6E6E6FF;
|
|
436
|
-
--inverse-outline-default-brightness: #3B3735FF;
|
|
437
431
|
--on-dark-outline-default: #3B3735FF;
|
|
438
432
|
--on-dark-outline-default-active: #E6E6E6FF;
|
|
439
433
|
--on-dark-outline-minor: #383838FF;
|
|
440
434
|
--on-dark-outline-minor-hover: #CCCCCCFF;
|
|
441
435
|
--on-dark-outline-minor-active: #E6E6E6FF;
|
|
442
|
-
--on-dark-outline-minor-brightness: #383838FF;
|
|
443
436
|
--on-light-outline-default: #DDD9D7FF;
|
|
444
437
|
--on-light-outline-default-hover: #CCCCCCFF;
|
|
445
438
|
--background-secondary-active: #E6E6E6FF;
|
|
446
|
-
--background-secondary-brightness: #FFFFFFFF;
|
|
447
439
|
--on-dark-outline-default-hover: #CCCCCCFF;
|
|
448
440
|
--inverse-background-secondary-hover: #CCCCCCFF;
|
|
449
|
-
--inverse-background-secondary-brightness: #000000FF;
|
|
450
441
|
--on-dark-background-secondary: #000000FF;
|
|
451
442
|
--persona-blue-text-accent: #EBE7E5FF;
|
|
452
443
|
--persona-blue-text-accent-hover: #CCCCCCFF;
|
|
453
444
|
--persona-blue-text-accent-active: #E6E6E6FF;
|
|
454
|
-
--persona-blue-text-accent-brightness: #EBE7E5FF;
|
|
455
445
|
--persona-green-text-accent: #EBE7E5FF;
|
|
456
446
|
--persona-green-text-accent-hover: #CCCCCCFF;
|
|
457
447
|
--persona-green-text-accent-active: #E6E6E6FF;
|
|
458
|
-
--persona-green-text-accent-brightness: #EBE7E5FF;
|
|
459
448
|
--persona-indigo-text-accent: #EBE7E5FF;
|
|
460
449
|
--persona-indigo-text-accent-hover: #CCCCCCFF;
|
|
461
450
|
--persona-indigo-text-accent-active: #E6E6E6FF;
|
|
462
|
-
--persona-indigo-text-accent-brightness: #EBE7E5FF;
|
|
463
451
|
--persona-ochre-text-accent: #EBE7E5FF;
|
|
464
452
|
--persona-ochre-text-accent-hover: #CCCCCCFF;
|
|
465
453
|
--persona-ochre-text-accent-active: #E6E6E6FF;
|
|
466
|
-
--persona-ochre-text-accent-brightness: #EBE7E5FF;
|
|
467
454
|
--persona-olive-text-accent: #EBE7E5FF;
|
|
468
455
|
--persona-olive-text-accent-hover: #CCCCCCFF;
|
|
469
456
|
--persona-olive-text-accent-active: #E6E6E6FF;
|
|
470
|
-
--persona-olive-text-accent-brightness: #EBE7E5FF;
|
|
471
457
|
--on-light-outline-default-active: #E6E6E6FF;
|
|
472
458
|
--on-light-outline-minor: #FFFFFFFF;
|
|
473
459
|
--on-light-outline-minor-hover: #CCCCCCFF;
|
|
474
|
-
--on-light-outline-minor-brightness: #FFFFFFFF;
|
|
475
460
|
--persona-sea-blue-text-accent: #EBE7E5FF;
|
|
476
461
|
--persona-sea-blue-text-accent-hover: #CCCCCCFF;
|
|
477
462
|
--persona-sea-blue-text-accent-active: #E6E6E6FF;
|
|
478
|
-
--persona-sea-blue-text-accent-brightness: #EBE7E5FF;
|
|
479
463
|
--persona-violet-text-accent: #EBE7E5FF;
|
|
480
464
|
--persona-violet-text-accent-hover: #CCCCCCFF;
|
|
481
465
|
--persona-violet-text-accent-active: #E6E6E6FF;
|
|
482
|
-
--persona-violet-text-accent-brightness: #EBE7E5FF;
|
|
483
466
|
--inverse-persona-blue-text-accent: #15110FFF;
|
|
484
467
|
--inverse-persona-blue-text-accent-hover: #CCCCCCFF;
|
|
485
468
|
--inverse-persona-blue-text-accent-active: #E6E6E6FF;
|
|
486
|
-
--inverse-persona-blue-text-accent-brightness: #15110FFF;
|
|
487
469
|
--inverse-persona-green-text-accent: #15110FFF;
|
|
488
470
|
--inverse-persona-green-text-accent-hover: #CCCCCCFF;
|
|
489
471
|
--inverse-persona-green-text-accent-active: #E6E6E6FF;
|
|
490
|
-
--inverse-persona-green-text-accent-brightness: #15110FFF;
|
|
491
472
|
--inverse-persona-indigo-text-accent: #15110FFF;
|
|
492
473
|
--inverse-persona-indigo-text-accent-hover: #CCCCCCFF;
|
|
493
474
|
--inverse-persona-indigo-text-accent-active: #E6E6E6FF;
|
|
494
|
-
--inverse-persona-indigo-text-accent-brightness: #15110FFF;
|
|
495
475
|
--persona-pink-text-accent: #EBE7E5FF;
|
|
496
476
|
--persona-pink-text-accent-hover: #CCCCCCFF;
|
|
497
477
|
--persona-pink-text-accent-active: #E6E6E6FF;
|
|
498
478
|
--inverse-persona-olive-text-accent: #15110FFF;
|
|
499
479
|
--inverse-persona-olive-text-accent-active: #E6E6E6FF;
|
|
500
|
-
--inverse-persona-olive-text-accent-brightness: #15110FFF;
|
|
501
480
|
--inverse-persona-pink-text-accent: #15110FFF;
|
|
502
481
|
--inverse-persona-pink-text-accent-hover: #CCCCCCFF;
|
|
503
482
|
--inverse-persona-pink-text-accent-active: #E6E6E6FF;
|
|
504
|
-
--inverse-persona-pink-text-accent-brightness: #15110FFF;
|
|
505
483
|
--inverse-persona-sea-blue-text-accent: #15110FFF;
|
|
506
484
|
--inverse-persona-sea-blue-text-accent-hover: #CCCCCCFF;
|
|
507
485
|
--inverse-persona-sea-blue-text-accent-active: #E6E6E6FF;
|
|
508
|
-
--inverse-persona-sea-blue-text-accent-brightness: #15110FFF;
|
|
509
486
|
--inverse-persona-violet-text-accent: #15110FFF;
|
|
510
487
|
--inverse-persona-violet-text-accent-hover: #CCCCCCFF;
|
|
511
488
|
--inverse-persona-violet-text-accent-active: #E6E6E6FF;
|
|
512
|
-
--inverse-persona-violet-text-accent-brightness: #15110FFF;
|
|
513
489
|
--on-dark-persona-blue-text-accent: #15110FFF;
|
|
514
490
|
--on-dark-persona-blue-text-accent-hover: #CCCCCCFF;
|
|
515
491
|
--on-dark-persona-blue-text-accent-active: #E6E6E6FF;
|
|
516
|
-
--on-dark-persona-blue-text-accent-brightness: #15110FFF;
|
|
517
492
|
--inverse-persona-ochre-text-accent: #15110FFF;
|
|
518
493
|
--inverse-persona-ochre-text-accent-hover: #CCCCCCFF;
|
|
519
494
|
--inverse-persona-olive-text-accent-hover: #CCCCCCFF;
|
|
@@ -521,51 +496,39 @@
|
|
|
521
496
|
--on-dark-persona-indigo-text-accent: #15110FFF;
|
|
522
497
|
--on-dark-persona-indigo-text-accent-hover: #CCCCCCFF;
|
|
523
498
|
--on-dark-persona-indigo-text-accent-active: #E6E6E6FF;
|
|
524
|
-
--on-dark-persona-indigo-text-accent-brightness: #15110FFF;
|
|
525
499
|
--on-dark-persona-ochre-text-accent: #15110FFF;
|
|
526
500
|
--on-dark-persona-ochre-text-accent-hover: #CCCCCCFF;
|
|
527
501
|
--on-dark-persona-ochre-text-accent-active: #E6E6E6FF;
|
|
528
|
-
--on-dark-persona-ochre-text-accent-brightness: #15110FFF;
|
|
529
502
|
--on-dark-persona-olive-text-accent: #15110FFF;
|
|
530
503
|
--on-dark-persona-olive-text-accent-hover: #CCCCCCFF;
|
|
531
504
|
--on-dark-persona-olive-text-accent-active: #E6E6E6FF;
|
|
532
|
-
--on-dark-persona-olive-text-accent-brightness: #15110FFF;
|
|
533
505
|
--on-dark-persona-pink-text-accent: #15110FFF;
|
|
534
506
|
--on-dark-persona-pink-text-accent-active: #E6E6E6FF;
|
|
535
|
-
--on-dark-persona-pink-text-accent-brightness: #15110FFF;
|
|
536
507
|
--on-dark-persona-sea-blue-text-accent: #15110FFF;
|
|
537
508
|
--on-dark-persona-sea-blue-text-accent-hover: #CCCCCCFF;
|
|
538
509
|
--on-dark-persona-sea-blue-text-accent-active: #E6E6E6FF;
|
|
539
|
-
--on-dark-persona-sea-blue-text-accent-brightness: #15110FFF;
|
|
540
510
|
--on-dark-persona-green-text-accent: #15110FFF;
|
|
541
511
|
--on-dark-persona-green-text-accent-hover: #CCCCCCFF;
|
|
542
512
|
--on-dark-persona-green-text-accent-active: #E6E6E6FF;
|
|
543
513
|
--on-light-persona-blue-text-accent-hover: #CCCCCCFF;
|
|
544
514
|
--on-light-persona-blue-text-accent-active: #E6E6E6FF;
|
|
545
|
-
--on-light-persona-blue-text-accent-brightness: #EBE7E5FF;
|
|
546
515
|
--on-light-persona-green-text-accent: #EBE7E5FF;
|
|
547
516
|
--on-light-persona-green-text-accent-hover: #CCCCCCFF;
|
|
548
517
|
--on-light-persona-green-text-accent-active: #E6E6E6FF;
|
|
549
|
-
--on-light-persona-green-text-accent-brightness: #EBE7E5FF;
|
|
550
518
|
--on-light-persona-indigo-text-accent: #EBE7E5FF;
|
|
551
519
|
--on-light-persona-indigo-text-accent-hover: #CCCCCCFF;
|
|
552
520
|
--on-light-persona-indigo-text-accent-active: #E6E6E6FF;
|
|
553
|
-
--on-light-persona-indigo-text-accent-brightness: #EBE7E5FF;
|
|
554
521
|
--on-light-persona-ochre-text-accent: #EBE7E5FF;
|
|
555
522
|
--on-light-persona-ochre-text-accent-hover: #CCCCCCFF;
|
|
556
523
|
--on-light-persona-ochre-text-accent-active: #E6E6E6FF;
|
|
557
|
-
--on-light-persona-ochre-text-accent-brightness: #EBE7E5FF;
|
|
558
524
|
--on-light-persona-olive-text-accent-hover: #CCCCCCFF;
|
|
559
525
|
--on-light-persona-olive-text-accent-active: #E6E6E6FF;
|
|
560
|
-
--on-light-persona-olive-text-accent-brightness: #EBE7E5FF;
|
|
561
526
|
--on-dark-persona-violet-text-accent: #15110FFF;
|
|
562
527
|
--on-dark-persona-violet-text-accent-hover: #CCCCCCFF;
|
|
563
|
-
--on-dark-persona-violet-text-accent-brightness: #15110FFF;
|
|
564
528
|
--on-light-persona-blue-text-accent: #EBE7E5FF;
|
|
565
529
|
--on-light-persona-violet-text-accent: #EBE7E5FF;
|
|
566
530
|
--on-light-persona-violet-text-accent-hover: #CCCCCCFF;
|
|
567
531
|
--on-light-persona-violet-text-accent-active: #E6E6E6FF;
|
|
568
|
-
--on-light-persona-violet-text-accent-brightness: #EBE7E5FF;
|
|
569
532
|
--surface-accent-primary: #527E4BFF;
|
|
570
533
|
--surface-accent-primary-hover: #CCCCCCFF;
|
|
571
534
|
--surface-accent-primary-active: #E6E6E6FF;
|
|
@@ -604,7 +567,6 @@
|
|
|
604
567
|
--text-accent-minor-hover: #B6FB37FF;
|
|
605
568
|
--on-light-persona-olive-text-accent: #EBE7E5FF;
|
|
606
569
|
--on-light-surface-transparent-accent-minor: #527E4B3D;
|
|
607
|
-
--on-dark-outline-default-brightness: #3B3735FF;
|
|
608
570
|
--on-light-persona-sea-blue-text-accent: #EBE7E5FF;
|
|
609
571
|
--surface-accent-secondary: #688F61FF;
|
|
610
572
|
--surface-transparent-accent-minor: #527E4B3D;
|
|
@@ -614,26 +576,12 @@
|
|
|
614
576
|
--on-dark-surface-accent-secondary: #B4AE7BFF;
|
|
615
577
|
--on-dark-surface-transparent-accent-minor: #B4AE7B47;
|
|
616
578
|
--on-light-surface-accent-secondary: #688F61FF;
|
|
617
|
-
--on-light-surface-accent-secondary-brightness: #688F61FF;
|
|
618
579
|
--inverse-outline-minor: #383838FF;
|
|
619
580
|
--inverse-text-warning-hover: #FF8B4DFF;
|
|
620
581
|
--data-yellow-transparent-hover: #F3A8129E;
|
|
621
582
|
--on-dark-surface-negative: #F8A6A9FF;
|
|
622
583
|
--inverse-surface-info: #9BCAF8FF;
|
|
623
584
|
--on-light-outline-warning-hover: #FD9253FF;
|
|
624
|
-
--on-light-persona-pink-text-accent-brightness: #EBE7E5FF;
|
|
625
|
-
--surface-transparent-accent-minor-brightness: #527E4B3D;
|
|
626
|
-
--inverse-surface-accent-secondary-brightness: #B4AE7BFF;
|
|
627
|
-
--inverse-surface-transparent-accent-minor-brightness: #B4AE7B47;
|
|
628
|
-
--on-dark-surface-accent-primary-brightness: #B4AE7BFF;
|
|
629
|
-
--on-dark-surface-accent-secondary-brightness: #B4AE7BFF;
|
|
630
|
-
--on-dark-surface-transparent-accent-minor-brightness: #B4AE7B47;
|
|
631
|
-
--on-light-surface-accent-primary-brightness: #527E4BFF;
|
|
632
|
-
--on-light-surface-transparent-accent-minor-brightness: #527E4B3D;
|
|
633
|
-
--inverse-outline-minor-brightness: #383838FF;
|
|
634
|
-
--surface-accent-primary-brightness: #527E4BFF;
|
|
635
|
-
--surface-accent-secondary-brightness: #688F61FF;
|
|
636
|
-
--on-light-outline-default-brightness: #DDD9D7FF;
|
|
637
585
|
--on-dark-persona-pink-text-accent-hover: #CCCCCCFF;
|
|
638
586
|
--on-dark-text-accent-hover: #96E208FF;
|
|
639
587
|
--inverse-surface-transparent-accent-minor-hover: #CCCCCCFF;
|
|
@@ -648,9 +596,6 @@
|
|
|
648
596
|
--inverse-surface-accent-secondary-hover: #CCCCCCFF;
|
|
649
597
|
--on-dark-surface-solid-primary-hover: #1C1C1CFF;
|
|
650
598
|
--inverse-background-secondary-active: #E6E6E6FF;
|
|
651
|
-
--persona-pink-text-accent-brightness: #EBE7E5FF;
|
|
652
|
-
--inverse-persona-ochre-text-accent-brightness: #15110FFF;
|
|
653
|
-
--on-dark-persona-green-text-accent-brightness: #15110FFF;
|
|
654
599
|
--on-light-persona-pink-text-accent: #EBE7E5FF;
|
|
655
600
|
--on-dark-surface-transparent-accent-minor-active: #E6E6E6FF;
|
|
656
601
|
--surface-solid-default: #15110FFF;
|
|
@@ -671,7 +616,6 @@
|
|
|
671
616
|
--on-light-outline-text-info-active: #096CAEFF;
|
|
672
617
|
--on-dark-persona-violet-text-accent-active: #E6E6E6FF;
|
|
673
618
|
--on-light-outline-minor-active: #E6E6E6FF;
|
|
674
|
-
--on-light-persona-sea-blue-text-accent-brightness: #EBE7E5FF;
|
|
675
619
|
--on-dark-outline-transparent-primary: #FFFFFF1F;
|
|
676
620
|
color: var(--text-primary);
|
|
677
621
|
background-color: var(--background-primary);
|
|
@@ -805,7 +749,6 @@
|
|
|
805
749
|
--on-light-persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
|
|
806
750
|
--on-light-persona-violet-surface-accent-gradient-active: #FFFFFFFF;
|
|
807
751
|
--on-dark-outline-transparent-surface-active: #E6E6E6FF;
|
|
808
|
-
--on-dark-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
|
|
809
752
|
--on-light-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
|
|
810
753
|
--on-light-outline-transparent-surface-hover: #CCCCCCFF;
|
|
811
754
|
--on-light-outline-transparent-surface-active: #E6E6E6FF;
|
|
@@ -818,38 +761,25 @@
|
|
|
818
761
|
--on-dark-text-accent-gradient-ai: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
|
|
819
762
|
--on-dark-text-accent-gradient-ai-hover: #000000FF;
|
|
820
763
|
--on-dark-text-accent-gradient-ai-active: #CCCCCCFF;
|
|
821
|
-
--on-dark-text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
|
|
822
764
|
--on-light-text-accent-gradient-ai: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
|
|
823
765
|
--on-light-text-accent-gradient-ai-hover: #000000FF;
|
|
824
766
|
--on-light-text-accent-gradient-ai-active: #CCCCCCFF;
|
|
825
|
-
--on-light-text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
|
|
826
767
|
--text-accent-gradient-ai-active: #CCCCCCFF;
|
|
827
|
-
--text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
|
|
828
|
-
--surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
|
|
829
|
-
--inverse-surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
|
|
830
|
-
--on-dark-surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
|
|
831
|
-
--on-light-surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
|
|
832
768
|
--on-dark-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
|
|
833
|
-
--inverse-text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
|
|
834
769
|
--on-dark-outline-transparent-surface-hover: #CCCCCCFF;
|
|
835
770
|
--on-light-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
|
|
836
771
|
--on-light-overlay-gradient-active: #E6E6E6FF;
|
|
837
|
-
--on-light-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
|
|
838
772
|
--outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
|
|
839
773
|
--outline-transparent-surface-hover: #CCCCCCFF;
|
|
840
774
|
--outline-transparent-surface-active: #E6E6E6FF;
|
|
841
|
-
--outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
|
|
842
775
|
--overlay-gradient: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
|
|
843
776
|
--overlay-gradient-hover: #CCCCCCFF;
|
|
844
777
|
--overlay-gradient-active: #E6E6E6FF;
|
|
845
|
-
--overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
|
|
846
778
|
--on-dark-overlay-gradient: linear-gradient(90deg, #000000FF 0%, #00000000 100%);
|
|
847
779
|
--on-dark-overlay-gradient-hover: #CCCCCCFF;
|
|
848
780
|
--on-dark-overlay-gradient-active: #E6E6E6FF;
|
|
849
|
-
--on-dark-overlay-gradient-brightness: linear-gradient(90deg, #000000FF 0%, #00000000 100%);
|
|
850
781
|
--inverse-overlay-gradient-active: #E6E6E6FF;
|
|
851
782
|
--inverse-overlay-gradient-hover: #CCCCCCFF;
|
|
852
|
-
--inverse-overlay-gradient-brightness: linear-gradient(90deg, #000000FF 0%, #00000000 100%);
|
|
853
783
|
--on-light-overlay-gradient: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
|
|
854
784
|
--on-light-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
|
|
855
785
|
--on-light-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
|
|
@@ -864,7 +794,6 @@
|
|
|
864
794
|
--surface-accent-gradient-hover: #CCCCCCFF;
|
|
865
795
|
--outline-accent-gradient-active: #E6E6E6FF;
|
|
866
796
|
--on-light-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
|
|
867
|
-
--on-light-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
|
|
868
797
|
--on-dark-surface-accent-gradient: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
|
|
869
798
|
--surface-accent-gradient-active: #E6E6E6FF;
|
|
870
799
|
--on-light-persona-blue-surface-accent-gradient-active: #FFFFFFFF;
|
|
@@ -927,6 +856,12 @@
|
|
|
927
856
|
--plasma-typo-body-font-family: 'Roboto', sans-serif;
|
|
928
857
|
--plasma-typo-header-font-family: 'Roboto', sans-serif;
|
|
929
858
|
--plasma-typo-text-font-family: 'undefined', sans-serif;
|
|
859
|
+
--plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);
|
|
860
|
+
--plasma-typo-body-xxs-medium-letter-spacing: -0.02em;
|
|
861
|
+
--plasma-typo-body-xxs-medium-font-style: normal;
|
|
862
|
+
--plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);
|
|
863
|
+
--plasma-typo-body-xxs-letter-spacing: -0.02em;
|
|
864
|
+
--plasma-typo-body-xxs-font-style: normal;
|
|
930
865
|
--plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family);
|
|
931
866
|
--plasma-typo-h3-bold-letter-spacing: normal;
|
|
932
867
|
--plasma-typo-h3-bold-font-style: normal;
|
|
@@ -966,12 +901,6 @@
|
|
|
966
901
|
--plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family);
|
|
967
902
|
--plasma-typo-body-xxs-bold-letter-spacing: -0.02em;
|
|
968
903
|
--plasma-typo-body-xxs-bold-font-style: normal;
|
|
969
|
-
--plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);
|
|
970
|
-
--plasma-typo-body-xxs-medium-letter-spacing: -0.02em;
|
|
971
|
-
--plasma-typo-body-xxs-medium-font-style: normal;
|
|
972
|
-
--plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);
|
|
973
|
-
--plasma-typo-body-xxs-letter-spacing: -0.02em;
|
|
974
|
-
--plasma-typo-body-xxs-font-style: normal;
|
|
975
904
|
--plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);
|
|
976
905
|
--plasma-typo-dspl-s-bold-letter-spacing: normal;
|
|
977
906
|
--plasma-typo-dspl-s-bold-font-style: normal;
|
|
@@ -985,6 +914,12 @@
|
|
|
985
914
|
|
|
986
915
|
@media (max-width: 559px) {
|
|
987
916
|
:root {
|
|
917
|
+
--plasma-typo-body-xxs-medium-font-size: 0.6875rem;
|
|
918
|
+
--plasma-typo-body-xxs-medium-font-weight: 500;
|
|
919
|
+
--plasma-typo-body-xxs-medium-line-height: 0.8125rem;
|
|
920
|
+
--plasma-typo-body-xxs-font-size: 0.6875rem;
|
|
921
|
+
--plasma-typo-body-xxs-font-weight: 400;
|
|
922
|
+
--plasma-typo-body-xxs-line-height: 0.8125rem;
|
|
988
923
|
--plasma-typo-h3-bold-font-size: 1.25rem;
|
|
989
924
|
--plasma-typo-h3-bold-font-weight: 700;
|
|
990
925
|
--plasma-typo-h3-bold-line-height: 1.4375rem;
|
|
@@ -1024,12 +959,6 @@
|
|
|
1024
959
|
--plasma-typo-body-xxs-bold-font-size: 0.6875rem;
|
|
1025
960
|
--plasma-typo-body-xxs-bold-font-weight: 600;
|
|
1026
961
|
--plasma-typo-body-xxs-bold-line-height: 0.8125rem;
|
|
1027
|
-
--plasma-typo-body-xxs-medium-font-size: 0.6875rem;
|
|
1028
|
-
--plasma-typo-body-xxs-medium-font-weight: 500;
|
|
1029
|
-
--plasma-typo-body-xxs-medium-line-height: 0.8125rem;
|
|
1030
|
-
--plasma-typo-body-xxs-font-size: 0.6875rem;
|
|
1031
|
-
--plasma-typo-body-xxs-font-weight: 400;
|
|
1032
|
-
--plasma-typo-body-xxs-line-height: 0.8125rem;
|
|
1033
962
|
--plasma-typo-dspl-s-bold-font-size: 2.125rem;
|
|
1034
963
|
--plasma-typo-dspl-s-bold-font-weight: 700;
|
|
1035
964
|
--plasma-typo-dspl-s-bold-line-height: 2.5625rem;
|
|
@@ -1044,15 +973,15 @@
|
|
|
1044
973
|
|
|
1045
974
|
@media (min-width: 560px) and (max-width: 959px) {
|
|
1046
975
|
:root {
|
|
1047
|
-
--plasma-typo-dspl-s-bold-font-size: 2.125rem;
|
|
1048
|
-
--plasma-typo-dspl-s-bold-font-weight: 600;
|
|
1049
|
-
--plasma-typo-dspl-s-bold-line-height: 2.5625rem;
|
|
1050
976
|
--plasma-typo-dspl-s-medium-font-size: 2.125rem;
|
|
1051
977
|
--plasma-typo-dspl-s-medium-font-weight: 500;
|
|
1052
978
|
--plasma-typo-dspl-s-medium-line-height: 2.5625rem;
|
|
1053
979
|
--plasma-typo-dspl-s-font-size: 2.125rem;
|
|
1054
980
|
--plasma-typo-dspl-s-font-weight: 400;
|
|
1055
981
|
--plasma-typo-dspl-s-line-height: 2.5625rem;
|
|
982
|
+
--plasma-typo-dspl-s-bold-font-size: 2.125rem;
|
|
983
|
+
--plasma-typo-dspl-s-bold-font-weight: 600;
|
|
984
|
+
--plasma-typo-dspl-s-bold-line-height: 2.5625rem;
|
|
1056
985
|
--plasma-typo-h3-font-size: 1.25rem;
|
|
1057
986
|
--plasma-typo-h3-font-weight: 400;
|
|
1058
987
|
--plasma-typo-h3-line-height: 1.4375rem;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './Button.
|
|
1
|
+
import './Button.config_1ufeha7.css';
|
|
2
2
|
var config = {
|
|
3
3
|
defaults: {
|
|
4
4
|
view: 'default',
|
|
@@ -8,14 +8,14 @@ var config = {
|
|
|
8
8
|
variations: {
|
|
9
9
|
view: {
|
|
10
10
|
"default": "d1fnkof5",
|
|
11
|
-
|
|
11
|
+
accent: "a1129msw",
|
|
12
12
|
secondary: "sbaqjet",
|
|
13
|
-
|
|
13
|
+
clear: "cmxfxlw"
|
|
14
14
|
},
|
|
15
15
|
size: {
|
|
16
|
-
|
|
16
|
+
l: "lleczrv",
|
|
17
17
|
xl: "xlekduy",
|
|
18
|
-
|
|
18
|
+
m: "m1yfa47j"
|
|
19
19
|
},
|
|
20
20
|
shape: {
|
|
21
21
|
rounded: "rsb1lec",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.config.js","sources":["../../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n shape: 'rounded',\n },\n variations: {\n view: {\n default: css`\n ${buttonTokens.
|
|
1
|
+
{"version":3,"file":"Button.config.js","sources":["../../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n shape: 'rounded',\n },\n variations: {\n view: {\n default: css`\n ${buttonTokens.buttonLoadingBackgroundColor}: var(--surface-solid-default);\n ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonSpinnerColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n `,\n accent: css`\n ${buttonTokens.buttonSpinnerColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(--surface-accent);\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n `,\n secondary: css`\n ${buttonTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(--surface-transparent-secondary);\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonSpinnerColor}: var(--text-primary);\n `,\n clear: css`\n ${buttonTokens.buttonBackgroundColor}: var(--surface-clear);\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonSpinnerColor}: var(--text-primary);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(--surface-clear);\n ${buttonTokens.buttonColor}: var(--text-primary);\n `,\n },\n size: {\n l: css`\n ${buttonTokens.buttonRadius}: var(--border-radius-l);\n ${buttonTokens.buttonPadding}: 1.5rem;\n ${buttonTokens.buttonLeftContentMargin}: 0.5rem;\n ${buttonTokens.buttonRightContentMargin}: 0.5rem;\n ${buttonTokens.buttonValueMargin}: 0.125rem;\n ${buttonTokens.buttonHeight}: 3.5rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-bold-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-bold-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-bold-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-bold-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-bold-line-height);\n `,\n xl: css`\n ${buttonTokens.buttonRadius}: var(--border-radius-l);\n ${buttonTokens.buttonPadding}: 1.75rem;\n ${buttonTokens.buttonLeftContentMargin}: 0.625rem;\n ${buttonTokens.buttonRightContentMargin}: 0.625rem;\n ${buttonTokens.buttonValueMargin}: 0.125rem;\n ${buttonTokens.buttonHeight}: 4rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-bold-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-bold-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-bold-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-bold-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-bold-line-height);\n `,\n m: css`\n ${buttonTokens.buttonRadius}: var(--border-radius-m);\n ${buttonTokens.buttonPadding}: 1.25rem;\n ${buttonTokens.buttonLeftContentMargin}: 0.375rem;\n ${buttonTokens.buttonRightContentMargin}: 0.375rem;\n ${buttonTokens.buttonValueMargin}: 0.125rem;\n ${buttonTokens.buttonHeight}: 3rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-bold-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-bold-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-bold-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-bold-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-bold-line-height);\n `,\n },\n shape: {\n rounded: css``,\n pilled: css`\n ${buttonTokens.buttonRadius}: var(--border-radius-circle);\n `,\n },\n },\n invariants: css`\n ${buttonTokens.buttonDisabledOpacity}: 0.4;\n ${buttonTokens.buttonFocusColor}: var(--text-accent);\n `,\n};\n"],"names":["config","defaults","view","size","shape","variations","default","accent","secondary","clear","l","xl","m","rounded","pilled","invariants"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,KAAK,EAAE,SAAA;GACV;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAQC,UAAA;AACDC,MAAAA,MAAM,EAQL,UAAA;AACDC,MAAAA,SAAS,EAQR,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KASR;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAeA,SAAA;AACDC,MAAAA,EAAE,EAeD,SAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAgBJ;AACDR,IAAAA,KAAK,EAAE;AACHS,MAAAA,OAAO,EAAO,SAAA;AACdC,MAAAA,MAAM,EAAA,UAAA;AAGV,KAAA;GACH;AACDC,EAAAA,UAAU,EAAA,UAAA;AAId;;;;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
.d1fnkof5{--plasma-button-loading-background-color:var(--surface-solid-default);--plasma-button-color:var(--inverse-text-primary);--plasma-button-spinner-color:var(--inverse-text-primary);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-background-color-active:var(--surface-solid-default-active);--plasma-button-background-color-hover:var(--surface-solid-default-hover);--plasma-button-value-color:var(--inverse-text-secondary);}
|
|
2
|
+
.a1129msw{--plasma-button-spinner-color:var(--on-dark-text-primary);--plasma-button-loading-background-color:var(--surface-accent);--plasma-button-color:var(--on-dark-text-primary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-active:var(--surface-accent-active);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-value-color:var(--on-dark-text-secondary);}
|
|
3
|
+
.sbaqjet{--plasma-button-background-color:var(--surface-transparent-secondary);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-button-value-color:var(--text-secondary);--plasma-button-loading-background-color:var(--surface-transparent-secondary);--plasma-button-color:var(--text-primary);--plasma-button-spinner-color:var(--text-primary);}
|
|
4
|
+
.cmxfxlw{--plasma-button-background-color:var(--surface-clear);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-button-value-color:var(--text-secondary);--plasma-button-spinner-color:var(--text-primary);--plasma-button-loading-background-color:var(--surface-clear);--plasma-button-color:var(--text-primary);}
|
|
5
|
+
.lleczrv{--plasma-button-radius:var(--border-radius-l);--plasma-button-padding:1.5rem;--plasma-button-left-content-margin:0.5rem;--plasma-button-right-content-margin:0.5rem;--plasma-button-value-margin:0.125rem;--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-spinner-size:1.375rem;--plasma-button-font-family:var(--plasma-typo-body-l-bold-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-bold-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-bold-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-bold-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-bold-line-height);}
|
|
6
|
+
.xlekduy{--plasma-button-radius:var(--border-radius-l);--plasma-button-padding:1.75rem;--plasma-button-left-content-margin:0.625rem;--plasma-button-right-content-margin:0.625rem;--plasma-button-value-margin:0.125rem;--plasma-button-height:4rem;--plasma-button-width:12.5rem;--plasma-button-spinner-size:1.5rem;--plasma-button-font-family:var(--plasma-typo-body-l-bold-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-bold-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-bold-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-bold-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-bold-line-height);}
|
|
7
|
+
.m1yfa47j{--plasma-button-radius:var(--border-radius-m);--plasma-button-padding:1.25rem;--plasma-button-left-content-margin:0.375rem;--plasma-button-right-content-margin:0.375rem;--plasma-button-value-margin:0.125rem;--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-spinner-size:1.375rem;--plasma-button-font-family:var(--plasma-typo-body-m-bold-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-bold-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-bold-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-bold-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-bold-line-height);}
|
|
8
|
+
|
|
9
|
+
.p123wpoi{--plasma-button-radius:var(--border-radius-circle);}
|
|
10
|
+
.i1w797f8{--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--text-accent);}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
1
|
+
.Button_config_1ufeha7_d1fnkof5__91e129ec{--plasma-button-loading-background-color:var(--surface-solid-default);--plasma-button-color:var(--inverse-text-primary);--plasma-button-spinner-color:var(--inverse-text-primary);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-background-color-active:var(--surface-solid-default-active);--plasma-button-background-color-hover:var(--surface-solid-default-hover);--plasma-button-value-color:var(--inverse-text-secondary);}
|
|
2
|
+
.Button_config_1ufeha7_a1129msw__91e129ec{--plasma-button-spinner-color:var(--on-dark-text-primary);--plasma-button-loading-background-color:var(--surface-accent);--plasma-button-color:var(--on-dark-text-primary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-active:var(--surface-accent-active);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-value-color:var(--on-dark-text-secondary);}
|
|
3
|
+
.Button_config_1ufeha7_sbaqjet__91e129ec{--plasma-button-background-color:var(--surface-transparent-secondary);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-button-value-color:var(--text-secondary);--plasma-button-loading-background-color:var(--surface-transparent-secondary);--plasma-button-color:var(--text-primary);--plasma-button-spinner-color:var(--text-primary);}
|
|
4
|
+
.Button_config_1ufeha7_cmxfxlw__91e129ec{--plasma-button-background-color:var(--surface-clear);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-button-value-color:var(--text-secondary);--plasma-button-spinner-color:var(--text-primary);--plasma-button-loading-background-color:var(--surface-clear);--plasma-button-color:var(--text-primary);}
|
|
5
|
+
.Button_config_1ufeha7_lleczrv__91e129ec{--plasma-button-radius:var(--border-radius-l);--plasma-button-padding:1.5rem;--plasma-button-left-content-margin:0.5rem;--plasma-button-right-content-margin:0.5rem;--plasma-button-value-margin:0.125rem;--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-spinner-size:1.375rem;--plasma-button-font-family:var(--plasma-typo-body-l-bold-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-bold-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-bold-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-bold-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-bold-line-height);}
|
|
6
|
+
.Button_config_1ufeha7_xlekduy__91e129ec{--plasma-button-radius:var(--border-radius-l);--plasma-button-padding:1.75rem;--plasma-button-left-content-margin:0.625rem;--plasma-button-right-content-margin:0.625rem;--plasma-button-value-margin:0.125rem;--plasma-button-height:4rem;--plasma-button-width:12.5rem;--plasma-button-spinner-size:1.5rem;--plasma-button-font-family:var(--plasma-typo-body-l-bold-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-bold-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-bold-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-bold-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-bold-line-height);}
|
|
7
|
+
.Button_config_1ufeha7_m1yfa47j__91e129ec{--plasma-button-radius:var(--border-radius-m);--plasma-button-padding:1.25rem;--plasma-button-left-content-margin:0.375rem;--plasma-button-right-content-margin:0.375rem;--plasma-button-value-margin:0.125rem;--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-spinner-size:1.375rem;--plasma-button-font-family:var(--plasma-typo-body-m-bold-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-bold-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-bold-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-bold-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-bold-line-height);}
|
|
8
8
|
|
|
9
|
-
.
|
|
10
|
-
.
|
|
9
|
+
.Button_config_1ufeha7_p123wpoi__91e129ec{--plasma-button-radius:var(--border-radius-circle);}
|
|
10
|
+
.Button_config_1ufeha7_i1w797f8__91e129ec{--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--text-accent);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.config.js","sources":["../../../src-css/components/Checkbox/Checkbox.config.ts"],"sourcesContent":["import { css, checkboxTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'accent',\n size: 'm',\n },\n variations: {\n view: {\n accent: css`\n ${checkboxTokens.
|
|
1
|
+
{"version":3,"file":"Checkbox.config.js","sources":["../../../src-css/components/Checkbox/Checkbox.config.ts"],"sourcesContent":["import { css, checkboxTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'accent',\n size: 'm',\n },\n variations: {\n view: {\n accent: css`\n ${checkboxTokens.fillColor}: var(--text-accent);\n ${checkboxTokens.iconColor}: var(--on-dark-text-primary);\n ${checkboxTokens.labelColor}: var(--text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n negative: css`\n ${checkboxTokens.fillColor}: var(--text-negative);\n ${checkboxTokens.iconColor}: var(--on-dark-text-primary);\n ${checkboxTokens.labelColor}: var(--text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-negative);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n },\n size: {\n l: css`\n ${checkboxTokens.margin}: 0rem;\n ${checkboxTokens.triggerPadding}: 0.125rem;\n ${checkboxTokens.triggerSize}: 1.25rem;\n ${checkboxTokens.triggerBorderRadius}: var(--border-radius-xs);\n ${checkboxTokens.triggerBorderWidth}: 0.125rem;\n ${checkboxTokens.contentTopOffset}: 0.0625rem;\n ${checkboxTokens.contentLeftOffset}: 0.75rem;\n ${checkboxTokens.descriptionMarginTop}: 0.125rem;\n ${checkboxTokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${checkboxTokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${checkboxTokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${checkboxTokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${checkboxTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${checkboxTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n ${checkboxTokens.descriptionFontFamily}: var(--plasma-typo-body-m-font-family);\n ${checkboxTokens.descriptionFontSize}: var(--plasma-typo-body-m-font-size);\n ${checkboxTokens.descriptionFontStyle}: var(--plasma-typo-body-m-font-style);\n ${checkboxTokens.descriptionFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${checkboxTokens.descriptionLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${checkboxTokens.descriptionLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n m: css`\n ${checkboxTokens.margin}: 0rem;\n ${checkboxTokens.triggerPadding}: 0.125rem;\n ${checkboxTokens.triggerSize}: 1.25rem;\n ${checkboxTokens.triggerBorderRadius}: var(--border-radius-xs);\n ${checkboxTokens.triggerBorderWidth}: 0.125rem;\n ${checkboxTokens.contentTopOffset}: 0.0625rem;\n ${checkboxTokens.contentLeftOffset}: 0.75rem;\n ${checkboxTokens.descriptionMarginTop}: 0.125rem;\n ${checkboxTokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${checkboxTokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${checkboxTokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${checkboxTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${checkboxTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${checkboxTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n ${checkboxTokens.descriptionFontFamily}: var(--plasma-typo-body-s-font-family);\n ${checkboxTokens.descriptionFontSize}: var(--plasma-typo-body-s-font-size);\n ${checkboxTokens.descriptionFontStyle}: var(--plasma-typo-body-s-font-style);\n ${checkboxTokens.descriptionFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${checkboxTokens.descriptionLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${checkboxTokens.descriptionLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n s: css`\n ${checkboxTokens.margin}: 0rem;\n ${checkboxTokens.triggerPadding}: 0.0625rem;\n ${checkboxTokens.triggerSize}: 0.875rem;\n ${checkboxTokens.triggerBorderRadius}: var(--border-radius-xxs);\n ${checkboxTokens.triggerBorderWidth}: 0.0625rem;\n ${checkboxTokens.contentTopOffset}: 0rem;\n ${checkboxTokens.contentLeftOffset}: 0.5rem;\n ${checkboxTokens.descriptionMarginTop}: 0.125rem;\n ${checkboxTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${checkboxTokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${checkboxTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${checkboxTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${checkboxTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${checkboxTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n ${checkboxTokens.descriptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${checkboxTokens.descriptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${checkboxTokens.descriptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${checkboxTokens.descriptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${checkboxTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${checkboxTokens.descriptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n },\n invariants: css`\n ${checkboxTokens.disabledOpacity}: 0.4;\n ${checkboxTokens.focusColor}: var(--text-accent);\n `,\n};\n"],"names":["config","defaults","view","size","variations","accent","negative","l","m","s","invariants"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,MAAM,EAQL,UAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KASX;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAqBA,SAAA;AACDC,MAAAA,CAAC,EAqBA,SAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;AAsBL,KAAA;GACH;AACDC,EAAAA,UAAU,EAAA,UAAA;AAId;;;;"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
.a1rbd3p5{--plasma-checkbox-fill-color:var(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-label-color:var(--text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-background-color:transparent;--plasma-checkbox-trigger-border-color:var(--text-secondary);--plasma-checkbox-trigger-border-checked-color:transparent;}
|
|
2
|
+
.n1b31az7{--plasma-checkbox-fill-color:var(--text-negative);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-label-color:var(--text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-background-color:transparent;--plasma-checkbox-trigger-border-color:var(--text-negative);--plasma-checkbox-trigger-border-checked-color:transparent;}
|
|
3
|
+
.lhc94kv{--plasma-checkbox-margin:0rem;--plasma-checkbox-trigger-padding:0.125rem;--plasma-checkbox-trigger-size:1.25rem;--plasma-checkbox-trigger-border-radius:var(--border-radius-xs);--plasma-checkbox-trigger-border-width:0.125rem;--plasma-checkbox-content-top-offset:0.0625rem;--plasma-checkbox-content-left-offset:0.75rem;--plasma-checkbox-description-margin-top:0.125rem;--plasma-checkbox-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-checkbox-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-checkbox-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-checkbox-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-checkbox-description-font-family:var(--plasma-typo-body-m-font-family);--plasma-checkbox-description-font-size:var(--plasma-typo-body-m-font-size);--plasma-checkbox-description-font-style:var(--plasma-typo-body-m-font-style);--plasma-checkbox-description-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-typo-body-m-line-height);}
|
|
4
|
+
.muukuk0{--plasma-checkbox-margin:0rem;--plasma-checkbox-trigger-padding:0.125rem;--plasma-checkbox-trigger-size:1.25rem;--plasma-checkbox-trigger-border-radius:var(--border-radius-xs);--plasma-checkbox-trigger-border-width:0.125rem;--plasma-checkbox-content-top-offset:0.0625rem;--plasma-checkbox-content-left-offset:0.75rem;--plasma-checkbox-description-margin-top:0.125rem;--plasma-checkbox-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-checkbox-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-checkbox-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-checkbox-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-checkbox-description-font-family:var(--plasma-typo-body-s-font-family);--plasma-checkbox-description-font-size:var(--plasma-typo-body-s-font-size);--plasma-checkbox-description-font-style:var(--plasma-typo-body-s-font-style);--plasma-checkbox-description-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-typo-body-s-line-height);}
|
|
5
|
+
.s527yke{--plasma-checkbox-margin:0rem;--plasma-checkbox-trigger-padding:0.0625rem;--plasma-checkbox-trigger-size:0.875rem;--plasma-checkbox-trigger-border-radius:var(--border-radius-xxs);--plasma-checkbox-trigger-border-width:0.0625rem;--plasma-checkbox-content-top-offset:0rem;--plasma-checkbox-content-left-offset:0.5rem;--plasma-checkbox-description-margin-top:0.125rem;--plasma-checkbox-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-checkbox-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-checkbox-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-checkbox-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-checkbox-description-font-family:var(--plasma-typo-body-xs-font-family);--plasma-checkbox-description-font-size:var(--plasma-typo-body-xs-font-size);--plasma-checkbox-description-font-style:var(--plasma-typo-body-xs-font-style);--plasma-checkbox-description-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
6
|
+
.i14xqe1f{--plasma-checkbox-disabled-opacity:0.4;--plasma-checkbox-focus-color:var(--text-accent);}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
1
|
+
.Checkbox_config_1637oeq_a1rbd3p5__33e99939{--plasma-checkbox-fill-color:var(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-label-color:var(--text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-background-color:transparent;--plasma-checkbox-trigger-border-color:var(--text-secondary);--plasma-checkbox-trigger-border-checked-color:transparent;}
|
|
2
|
+
.Checkbox_config_1637oeq_n1b31az7__33e99939{--plasma-checkbox-fill-color:var(--text-negative);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-label-color:var(--text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-background-color:transparent;--plasma-checkbox-trigger-border-color:var(--text-negative);--plasma-checkbox-trigger-border-checked-color:transparent;}
|
|
3
|
+
.Checkbox_config_1637oeq_lhc94kv__33e99939{--plasma-checkbox-margin:0rem;--plasma-checkbox-trigger-padding:0.125rem;--plasma-checkbox-trigger-size:1.25rem;--plasma-checkbox-trigger-border-radius:var(--border-radius-xs);--plasma-checkbox-trigger-border-width:0.125rem;--plasma-checkbox-content-top-offset:0.0625rem;--plasma-checkbox-content-left-offset:0.75rem;--plasma-checkbox-description-margin-top:0.125rem;--plasma-checkbox-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-checkbox-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-checkbox-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-checkbox-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-checkbox-description-font-family:var(--plasma-typo-body-m-font-family);--plasma-checkbox-description-font-size:var(--plasma-typo-body-m-font-size);--plasma-checkbox-description-font-style:var(--plasma-typo-body-m-font-style);--plasma-checkbox-description-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-typo-body-m-line-height);}
|
|
4
|
+
.Checkbox_config_1637oeq_muukuk0__33e99939{--plasma-checkbox-margin:0rem;--plasma-checkbox-trigger-padding:0.125rem;--plasma-checkbox-trigger-size:1.25rem;--plasma-checkbox-trigger-border-radius:var(--border-radius-xs);--plasma-checkbox-trigger-border-width:0.125rem;--plasma-checkbox-content-top-offset:0.0625rem;--plasma-checkbox-content-left-offset:0.75rem;--plasma-checkbox-description-margin-top:0.125rem;--plasma-checkbox-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-checkbox-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-checkbox-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-checkbox-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-checkbox-description-font-family:var(--plasma-typo-body-s-font-family);--plasma-checkbox-description-font-size:var(--plasma-typo-body-s-font-size);--plasma-checkbox-description-font-style:var(--plasma-typo-body-s-font-style);--plasma-checkbox-description-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-typo-body-s-line-height);}
|
|
5
|
+
.Checkbox_config_1637oeq_s527yke__33e99939{--plasma-checkbox-margin:0rem;--plasma-checkbox-trigger-padding:0.0625rem;--plasma-checkbox-trigger-size:0.875rem;--plasma-checkbox-trigger-border-radius:var(--border-radius-xxs);--plasma-checkbox-trigger-border-width:0.0625rem;--plasma-checkbox-content-top-offset:0rem;--plasma-checkbox-content-left-offset:0.5rem;--plasma-checkbox-description-margin-top:0.125rem;--plasma-checkbox-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-checkbox-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-checkbox-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-checkbox-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-checkbox-description-font-family:var(--plasma-typo-body-xs-font-family);--plasma-checkbox-description-font-size:var(--plasma-typo-body-xs-font-size);--plasma-checkbox-description-font-style:var(--plasma-typo-body-xs-font-style);--plasma-checkbox-description-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
6
|
+
.Checkbox_config_1637oeq_i14xqe1f__33e99939{--plasma-checkbox-disabled-opacity:0.4;--plasma-checkbox-focus-color:var(--text-accent);}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './IconButton.
|
|
1
|
+
import './IconButton.config_4rapku.css';
|
|
2
2
|
var config = {
|
|
3
3
|
defaults: {
|
|
4
4
|
view: 'default',
|
|
@@ -7,18 +7,18 @@ var config = {
|
|
|
7
7
|
},
|
|
8
8
|
variations: {
|
|
9
9
|
view: {
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
"default": "d18ihzhr",
|
|
11
|
+
accent: "asnn66s",
|
|
12
12
|
secondary: "sxdpxpi"
|
|
13
13
|
},
|
|
14
14
|
size: {
|
|
15
15
|
l: "l1gkv8om",
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
xl: "xvlui54",
|
|
17
|
+
m: "m1h4he2a"
|
|
18
18
|
},
|
|
19
19
|
shape: {
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
rounded: "rrva8ns",
|
|
21
|
+
pilled: "p11wn1rp"
|
|
22
22
|
}
|
|
23
23
|
},
|
|
24
24
|
invariants: "i1b6yic8"
|