@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.
Files changed (90) hide show
  1. package/components/Button/Button.config.d.ts +4 -4
  2. package/components/Button/Button.config.js +5 -5
  3. package/components/Button/Button.config.js.map +1 -1
  4. package/components/Button/Button.config_1ufeha7.css +10 -0
  5. package/components/Button/Button.css +9 -9
  6. package/components/Button/Button.d.ts +4 -4
  7. package/components/Checkbox/Checkbox.config.js +1 -1
  8. package/components/Checkbox/Checkbox.config.js.map +1 -1
  9. package/components/Checkbox/Checkbox.config_1637oeq.css +6 -0
  10. package/components/Checkbox/Checkbox.css +6 -6
  11. package/components/IconButton/IconButton.config.d.ts +3 -3
  12. package/components/IconButton/IconButton.config.js +7 -7
  13. package/components/IconButton/IconButton.config.js.map +1 -1
  14. package/components/IconButton/IconButton.config_4rapku.css +9 -0
  15. package/components/IconButton/IconButton.css +8 -8
  16. package/components/IconButton/IconButton.d.ts +3 -3
  17. package/components/Link/Link.config.d.ts +4 -4
  18. package/components/Link/Link.config.js +5 -5
  19. package/components/Link/Link.config.js.map +1 -1
  20. package/components/Link/Link.config_1fm95cc.css +8 -0
  21. package/components/Link/Link.css +8 -8
  22. package/components/Link/Link.d.ts +4 -4
  23. package/components/Radiobox/Radiobox.config.d.ts +1 -1
  24. package/components/Radiobox/Radiobox.config.js +4 -4
  25. package/components/Radiobox/Radiobox.config.js.map +1 -1
  26. package/components/Radiobox/Radiobox.config_wxwhpp.css +6 -0
  27. package/components/Radiobox/Radiobox.css +6 -6
  28. package/components/Radiobox/Radiobox.d.ts +1 -1
  29. package/css/sdds_sbcom.module.css +15 -155
  30. package/css/sdds_sbcom__dark.css +15 -84
  31. package/css/sdds_sbcom__light.css +15 -86
  32. package/es/components/Button/Button.config.js +5 -5
  33. package/es/components/Button/Button.config.js.map +1 -1
  34. package/es/components/Button/Button.config_1ufeha7.css +10 -0
  35. package/es/components/Button/Button.css +9 -9
  36. package/es/components/Checkbox/Checkbox.config.js +1 -1
  37. package/es/components/Checkbox/Checkbox.config.js.map +1 -1
  38. package/es/components/Checkbox/Checkbox.config_1637oeq.css +6 -0
  39. package/es/components/Checkbox/Checkbox.css +6 -6
  40. package/es/components/IconButton/IconButton.config.js +7 -7
  41. package/es/components/IconButton/IconButton.config.js.map +1 -1
  42. package/es/components/IconButton/IconButton.config_4rapku.css +9 -0
  43. package/es/components/IconButton/IconButton.css +8 -8
  44. package/es/components/Link/Link.config.js +5 -5
  45. package/es/components/Link/Link.config.js.map +1 -1
  46. package/es/components/Link/Link.config_1fm95cc.css +8 -0
  47. package/es/components/Link/Link.css +8 -8
  48. package/es/components/Radiobox/Radiobox.config.js +4 -4
  49. package/es/components/Radiobox/Radiobox.config.js.map +1 -1
  50. package/es/components/Radiobox/Radiobox.config_wxwhpp.css +6 -0
  51. package/es/components/Radiobox/Radiobox.css +6 -6
  52. package/es/index.css +37 -37
  53. package/es/index.js +1 -1
  54. package/es/theme/themes/sdds_sbcom__dark.js +1 -1
  55. package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
  56. package/es/theme/themes/sdds_sbcom__light.js +1 -1
  57. package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
  58. package/es/theme/tokens/index.js +23 -230
  59. package/es/theme/tokens/index.js.map +1 -1
  60. package/index.css +37 -37
  61. package/index.js +0 -69
  62. package/index.js.map +1 -1
  63. package/package.json +1 -1
  64. package/styled-components/cjs/Button/Button.config.js +7 -7
  65. package/styled-components/cjs/Checkbox/Checkbox.config.js +5 -5
  66. package/styled-components/cjs/IconButton/IconButton.config.js +8 -8
  67. package/styled-components/cjs/Link/Link.config.js +6 -6
  68. package/styled-components/cjs/Radiobox/Radiobox.config.js +5 -5
  69. package/styled-components/es/Button/Button.config.js +7 -7
  70. package/styled-components/es/Checkbox/Checkbox.config.js +5 -5
  71. package/styled-components/es/IconButton/IconButton.config.js +8 -8
  72. package/styled-components/es/Link/Link.config.js +6 -6
  73. package/styled-components/es/Radiobox/Radiobox.config.js +5 -5
  74. package/theme/themes/sdds_sbcom__dark.js +1 -1
  75. package/theme/themes/sdds_sbcom__dark.js.map +1 -1
  76. package/theme/themes/sdds_sbcom__light.js +1 -1
  77. package/theme/themes/sdds_sbcom__light.js.map +1 -1
  78. package/theme/tokens/index.d.ts +18 -156
  79. package/theme/tokens/index.js +22 -298
  80. package/theme/tokens/index.js.map +1 -1
  81. package/components/Button/Button.config_1fseone.css +0 -10
  82. package/components/Checkbox/Checkbox.config_akvxn0.css +0 -6
  83. package/components/IconButton/IconButton.config_1uu5rxr.css +0 -9
  84. package/components/Link/Link.config_9ew1ky.css +0 -8
  85. package/components/Radiobox/Radiobox.config_1tzom6m.css +0 -6
  86. package/es/components/Button/Button.config_1fseone.css +0 -10
  87. package/es/components/Checkbox/Checkbox.config_akvxn0.css +0 -6
  88. package/es/components/IconButton/IconButton.config_1uu5rxr.css +0 -9
  89. package/es/components/Link/Link.config_9ew1ky.css +0 -8
  90. package/es/components/Radiobox/Radiobox.config_1tzom6m.css +0 -6
package/css/sdds_sbcom__dark.css CHANGED
@@ -405,7 +405,6 @@
405
405
  --on-dark-surface-transparent-secondary: #FFFFFF29;
406
406
  --text-secondary-hover: #F5F5F5FF;
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,103 +419,79 @@
421
419
  --outline-default: #3B3735FF;
422
420
  --outline-default-hover: #CCCCCCFF;
423
421
  --outline-default-active: #E6E6E6FF;
424
- --outline-default-brightness: #3B3735FF;
425
422
  --outline-minor: #383838FF;
426
423
  --outline-minor-hover: #CCCCCCFF;
427
424
  --outline-minor-active: #E6E6E6FF;
428
- --outline-minor-brightness: #383838FF;
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: #DDD9D7FF;
434
429
  --inverse-outline-default-hover: #CCCCCCFF;
435
430
  --inverse-outline-default-active: #E6E6E6FF;
436
- --inverse-outline-default-brightness: #DDD9D7FF;
437
431
  --inverse-outline-outline-minor: #FFFFFFFF;
438
432
  --inverse-outline-outline-minor-hover: #CCCCCCFF;
439
433
  --inverse-outline-outline-minor-active: #E6E6E6FF;
440
- --inverse-outline-outline-minor-brightness: #FFFFFFFF;
441
434
  --on-dark-outline-default: #3B3735FF;
442
435
  --on-dark-outline-default-active: #E6E6E6FF;
443
436
  --on-dark-outline-minor: #383838FF;
444
437
  --on-dark-outline-minor-hover: #CCCCCCFF;
445
438
  --on-dark-outline-minor-active: #E6E6E6FF;
446
- --on-dark-outline-minor-brightness: #383838FF;
447
439
  --on-light-outline-default: #DDD9D7FF;
448
440
  --on-light-outline-default-hover: #CCCCCCFF;
449
441
  --background-secondary-active: #E6E6E6FF;
450
- --background-secondary-brightness: #000000FF;
451
442
  --on-dark-outline-default-hover: #CCCCCCFF;
452
443
  --inverse-background-secondary-hover: #CCCCCCFF;
453
- --inverse-background-secondary-brightness: #FFFFFFFF;
454
444
  --on-dark-background-secondary: #000000FF;
455
445
  --persona-blue-text-accent: #15110FFF;
456
446
  --persona-blue-text-accent-hover: #CCCCCCFF;
457
447
  --persona-blue-text-accent-active: #E6E6E6FF;
458
- --persona-blue-text-accent-brightness: #15110FFF;
459
448
  --persona-green-text-accent: #15110FFF;
460
449
  --persona-green-text-accent-hover: #CCCCCCFF;
461
450
  --persona-green-text-accent-active: #E6E6E6FF;
462
- --persona-green-text-accent-brightness: #15110FFF;
463
451
  --persona-indigo-text-accent: #15110FFF;
464
452
  --persona-indigo-text-accent-hover: #CCCCCCFF;
465
453
  --persona-indigo-text-accent-active: #E6E6E6FF;
466
- --persona-indigo-text-accent-brightness: #15110FFF;
467
454
  --persona-ochre-text-accent: #15110FFF;
468
455
  --persona-ochre-text-accent-hover: #CCCCCCFF;
469
456
  --persona-ochre-text-accent-active: #E6E6E6FF;
470
- --persona-ochre-text-accent-brightness: #15110FFF;
471
457
  --persona-olive-text-accent: #15110FFF;
472
458
  --persona-olive-text-accent-hover: #CCCCCCFF;
473
459
  --persona-olive-text-accent-active: #E6E6E6FF;
474
- --persona-olive-text-accent-brightness: #15110FFF;
475
460
  --on-light-outline-default-active: #E6E6E6FF;
476
461
  --on-light-outline-minor: #FFFFFFFF;
477
462
  --on-light-outline-minor-hover: #CCCCCCFF;
478
- --on-light-outline-minor-brightness: #FFFFFFFF;
479
463
  --persona-sea-blue-text-accent: #15110FFF;
480
464
  --persona-sea-blue-text-accent-hover: #CCCCCCFF;
481
465
  --persona-sea-blue-text-accent-active: #E6E6E6FF;
482
- --persona-sea-blue-text-accent-brightness: #15110FFF;
483
466
  --persona-violet-text-accent: #15110FFF;
484
467
  --persona-violet-text-accent-hover: #CCCCCCFF;
485
468
  --persona-violet-text-accent-active: #E6E6E6FF;
486
- --persona-violet-text-accent-brightness: #15110FFF;
487
469
  --inverse-persona-blue-text-accent: #EBE7E5FF;
488
470
  --inverse-persona-blue-text-accent-hover: #CCCCCCFF;
489
471
  --inverse-persona-blue-text-accent-active: #E6E6E6FF;
490
- --inverse-persona-blue-text-accent-brightness: #EBE7E5FF;
491
472
  --inverse-persona-green-text-accent: #EBE7E5FF;
492
473
  --inverse-persona-green-text-accent-hover: #CCCCCCFF;
493
474
  --inverse-persona-green-text-accent-active: #E6E6E6FF;
494
- --inverse-persona-green-text-accent-brightness: #EBE7E5FF;
495
475
  --inverse-persona-indigo-text-accent: #EBE7E5FF;
496
476
  --inverse-persona-indigo-text-accent-hover: #CCCCCCFF;
497
477
  --inverse-persona-indigo-text-accent-active: #E6E6E6FF;
498
- --inverse-persona-indigo-text-accent-brightness: #EBE7E5FF;
499
478
  --persona-pink-text-accent: #15110FFF;
500
479
  --persona-pink-text-accent-hover: #CCCCCCFF;
501
480
  --persona-pink-text-accent-active: #E6E6E6FF;
502
481
  --inverse-persona-olive-text-accent: #EBE7E5FF;
503
482
  --inverse-persona-olive-text-accent-active: #E6E6E6FF;
504
- --inverse-persona-olive-text-accent-brightness: #EBE7E5FF;
505
483
  --inverse-persona-pink-text-accent: #EBE7E5FF;
506
484
  --inverse-persona-pink-text-accent-hover: #CCCCCCFF;
507
485
  --inverse-persona-pink-text-accent-active: #E6E6E6FF;
508
- --inverse-persona-pink-text-accent-brightness: #EBE7E5FF;
509
486
  --inverse-persona-sea-blue-text-accent: #EBE7E5FF;
510
487
  --inverse-persona-sea-blue-text-accent-hover: #CCCCCCFF;
511
488
  --inverse-persona-sea-blue-text-accent-active: #E6E6E6FF;
512
- --inverse-persona-sea-blue-text-accent-brightness: #EBE7E5FF;
513
489
  --inverse-persona-violet-text-accent: #EBE7E5FF;
514
490
  --inverse-persona-violet-text-accent-hover: #CCCCCCFF;
515
491
  --inverse-persona-violet-text-accent-active: #E6E6E6FF;
516
- --inverse-persona-violet-text-accent-brightness: #EBE7E5FF;
517
492
  --on-dark-persona-blue-text-accent: #15110FFF;
518
493
  --on-dark-persona-blue-text-accent-hover: #CCCCCCFF;
519
494
  --on-dark-persona-blue-text-accent-active: #E6E6E6FF;
520
- --on-dark-persona-blue-text-accent-brightness: #15110FFF;
521
495
  --inverse-persona-ochre-text-accent: #EBE7E5FF;
522
496
  --inverse-persona-ochre-text-accent-hover: #CCCCCCFF;
523
497
  --inverse-persona-olive-text-accent-hover: #CCCCCCFF;
@@ -525,51 +499,39 @@
525
499
  --on-dark-persona-indigo-text-accent: #15110FFF;
526
500
  --on-dark-persona-indigo-text-accent-hover: #CCCCCCFF;
527
501
  --on-dark-persona-indigo-text-accent-active: #E6E6E6FF;
528
- --on-dark-persona-indigo-text-accent-brightness: #15110FFF;
529
502
  --on-dark-persona-ochre-text-accent: #15110FFF;
530
503
  --on-dark-persona-ochre-text-accent-hover: #CCCCCCFF;
531
504
  --on-dark-persona-ochre-text-accent-active: #E6E6E6FF;
532
- --on-dark-persona-ochre-text-accent-brightness: #15110FFF;
533
505
  --on-dark-persona-olive-text-accent: #15110FFF;
534
506
  --on-dark-persona-olive-text-accent-hover: #CCCCCCFF;
535
507
  --on-dark-persona-olive-text-accent-active: #E6E6E6FF;
536
- --on-dark-persona-olive-text-accent-brightness: #15110FFF;
537
508
  --on-dark-persona-pink-text-accent: #15110FFF;
538
509
  --on-dark-persona-pink-text-accent-active: #E6E6E6FF;
539
- --on-dark-persona-pink-text-accent-brightness: #15110FFF;
540
510
  --on-dark-persona-sea-blue-text-accent: #15110FFF;
541
511
  --on-dark-persona-sea-blue-text-accent-hover: #CCCCCCFF;
542
512
  --on-dark-persona-sea-blue-text-accent-active: #E6E6E6FF;
543
- --on-dark-persona-sea-blue-text-accent-brightness: #15110FFF;
544
513
  --on-dark-persona-green-text-accent: #15110FFF;
545
514
  --on-dark-persona-green-text-accent-hover: #CCCCCCFF;
546
515
  --on-dark-persona-green-text-accent-active: #E6E6E6FF;
547
516
  --on-light-persona-blue-text-accent-hover: #CCCCCCFF;
548
517
  --on-light-persona-blue-text-accent-active: #E6E6E6FF;
549
- --on-light-persona-blue-text-accent-brightness: #EBE7E5FF;
550
518
  --on-light-persona-green-text-accent: #EBE7E5FF;
551
519
  --on-light-persona-green-text-accent-hover: #CCCCCCFF;
552
520
  --on-light-persona-green-text-accent-active: #E6E6E6FF;
553
- --on-light-persona-green-text-accent-brightness: #EBE7E5FF;
554
521
  --on-light-persona-indigo-text-accent: #EBE7E5FF;
555
522
  --on-light-persona-indigo-text-accent-hover: #CCCCCCFF;
556
523
  --on-light-persona-indigo-text-accent-active: #E6E6E6FF;
557
- --on-light-persona-indigo-text-accent-brightness: #EBE7E5FF;
558
524
  --on-light-persona-ochre-text-accent: #EBE7E5FF;
559
525
  --on-light-persona-ochre-text-accent-hover: #CCCCCCFF;
560
526
  --on-light-persona-ochre-text-accent-active: #E6E6E6FF;
561
- --on-light-persona-ochre-text-accent-brightness: #EBE7E5FF;
562
527
  --on-light-persona-olive-text-accent-hover: #CCCCCCFF;
563
528
  --on-light-persona-olive-text-accent-active: #E6E6E6FF;
564
- --on-light-persona-olive-text-accent-brightness: #EBE7E5FF;
565
529
  --on-dark-persona-violet-text-accent: #15110FFF;
566
530
  --on-dark-persona-violet-text-accent-hover: #CCCCCCFF;
567
- --on-dark-persona-violet-text-accent-brightness: #15110FFF;
568
531
  --on-light-persona-blue-text-accent: #EBE7E5FF;
569
532
  --on-light-persona-violet-text-accent: #EBE7E5FF;
570
533
  --on-light-persona-violet-text-accent-hover: #CCCCCCFF;
571
534
  --on-light-persona-violet-text-accent-active: #E6E6E6FF;
572
- --on-light-persona-violet-text-accent-brightness: #EBE7E5FF;
573
535
  --surface-accent-primary: #B4AE7BFF;
574
536
  --surface-accent-primary-hover: #CCCCCCFF;
575
537
  --surface-accent-primary-active: #E6E6E6FF;
@@ -607,7 +569,6 @@
607
569
  --text-accent-minor-hover: #6EA013FF;
608
570
  --on-light-persona-olive-text-accent: #EBE7E5FF;
609
571
  --on-light-surface-transparent-accent-minor: #527E4B3D;
610
- --on-dark-outline-default-brightness: #3B3735FF;
611
572
  --on-light-persona-sea-blue-text-accent: #EBE7E5FF;
612
573
  --surface-accent-secondary: #B4AE7BFF;
613
574
  --surface-transparent-accent-minor: #B4AE7B47;
@@ -617,24 +578,11 @@
617
578
  --on-dark-surface-accent-secondary: #B4AE7BFF;
618
579
  --on-dark-surface-transparent-accent-minor: #B4AE7B47;
619
580
  --on-light-surface-accent-secondary: #688F61FF;
620
- --on-light-surface-accent-secondary-brightness: #688F61FF;
621
581
  --inverse-text-warning-hover: #FD650DFF;
622
582
  --data-yellow-transparent-hover: #F3A812AD;
623
583
  --on-dark-surface-negative: #F8A6A9FF;
624
584
  --inverse-surface-info: #3776BCFF;
625
585
  --on-light-outline-warning-hover: #FD9253FF;
626
- --on-light-persona-pink-text-accent-brightness: #EBE7E5FF;
627
- --surface-transparent-accent-minor-brightness: #B4AE7B47;
628
- --inverse-surface-accent-secondary-brightness: #688F61FF;
629
- --inverse-surface-transparent-accent-minor-brightness: #527E4B3D;
630
- --on-dark-surface-accent-primary-brightness: #B4AE7BFF;
631
- --on-dark-surface-accent-secondary-brightness: #B4AE7BFF;
632
- --on-dark-surface-transparent-accent-minor-brightness: #B4AE7B47;
633
- --on-light-surface-accent-primary-brightness: #527E4BFF;
634
- --on-light-surface-transparent-accent-minor-brightness: #527E4B3D;
635
- --surface-accent-primary-brightness: #B4AE7BFF;
636
- --surface-accent-secondary-brightness: #B4AE7BFF;
637
- --on-light-outline-default-brightness: #DDD9D7FF;
638
586
  --on-dark-persona-pink-text-accent-hover: #CCCCCCFF;
639
587
  --on-dark-text-accent-hover: #96E208FF;
640
588
  --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: #15110FFF;
652
- --inverse-persona-ochre-text-accent-brightness: #EBE7E5FF;
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: #F6F2F0FF;
@@ -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,30 +761,19 @@
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, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
828
- --surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
829
- --inverse-surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 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
  --inverse-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
833
769
  --inverse-outline-transparent-surface-hover: #CCCCCCFF;
834
770
  --inverse-outline-transparent-surface-active: #E6E6E6FF;
835
- --inverse-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
836
771
  --on-dark-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
837
- --inverse-text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
838
772
  --on-dark-outline-transparent-surface-hover: #CCCCCCFF;
839
773
  --on-light-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
840
774
  --on-light-overlay-gradient-active: #E6E6E6FF;
841
- --on-light-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
842
775
  --inverse-overlay-gradient-active: #E6E6E6FF;
843
776
  --inverse-overlay-gradient-hover: #CCCCCCFF;
844
- --inverse-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
845
777
  --on-light-overlay-gradient: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
846
778
  --on-light-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
847
779
  --on-light-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
@@ -856,7 +788,6 @@
856
788
  --surface-accent-gradient-hover: #CCCCCCFF;
857
789
  --outline-accent-gradient-active: #666666FF;
858
790
  --on-light-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
859
- --on-light-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
860
791
  --on-dark-surface-accent-gradient: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
861
792
  --surface-accent-gradient-active: #E6E6E6FF;
862
793
  --on-light-persona-blue-surface-accent-gradient-active: #FFFFFFFF;
@@ -919,6 +850,12 @@
919
850
  --plasma-typo-body-font-family: 'Roboto', sans-serif;
920
851
  --plasma-typo-header-font-family: 'Roboto', sans-serif;
921
852
  --plasma-typo-text-font-family: 'undefined', sans-serif;
853
+ --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);
854
+ --plasma-typo-body-xxs-medium-letter-spacing: -0.02em;
855
+ --plasma-typo-body-xxs-medium-font-style: normal;
856
+ --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);
857
+ --plasma-typo-body-xxs-letter-spacing: -0.02em;
858
+ --plasma-typo-body-xxs-font-style: normal;
922
859
  --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family);
923
860
  --plasma-typo-h3-bold-letter-spacing: normal;
924
861
  --plasma-typo-h3-bold-font-style: normal;
@@ -958,12 +895,6 @@
958
895
  --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family);
959
896
  --plasma-typo-body-xxs-bold-letter-spacing: -0.02em;
960
897
  --plasma-typo-body-xxs-bold-font-style: normal;
961
- --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);
962
- --plasma-typo-body-xxs-medium-letter-spacing: -0.02em;
963
- --plasma-typo-body-xxs-medium-font-style: normal;
964
- --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);
965
- --plasma-typo-body-xxs-letter-spacing: -0.02em;
966
- --plasma-typo-body-xxs-font-style: normal;
967
898
  --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);
968
899
  --plasma-typo-dspl-s-bold-letter-spacing: normal;
969
900
  --plasma-typo-dspl-s-bold-font-style: normal;
@@ -977,6 +908,12 @@
977
908
 
978
909
  @media (max-width: 559px) {
979
910
  :root {
911
+ --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
912
+ --plasma-typo-body-xxs-medium-font-weight: 500;
913
+ --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
914
+ --plasma-typo-body-xxs-font-size: 0.6875rem;
915
+ --plasma-typo-body-xxs-font-weight: 400;
916
+ --plasma-typo-body-xxs-line-height: 0.8125rem;
980
917
  --plasma-typo-h3-bold-font-size: 1.25rem;
981
918
  --plasma-typo-h3-bold-font-weight: 700;
982
919
  --plasma-typo-h3-bold-line-height: 1.4375rem;
@@ -1016,12 +953,6 @@
1016
953
  --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1017
954
  --plasma-typo-body-xxs-bold-font-weight: 600;
1018
955
  --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1019
- --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1020
- --plasma-typo-body-xxs-medium-font-weight: 500;
1021
- --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1022
- --plasma-typo-body-xxs-font-size: 0.6875rem;
1023
- --plasma-typo-body-xxs-font-weight: 400;
1024
- --plasma-typo-body-xxs-line-height: 0.8125rem;
1025
956
  --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1026
957
  --plasma-typo-dspl-s-bold-font-weight: 700;
1027
958
  --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
@@ -1036,15 +967,15 @@
1036
967
 
1037
968
  @media (min-width: 560px) and (max-width: 959px) {
1038
969
  :root {
1039
- --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1040
- --plasma-typo-dspl-s-bold-font-weight: 600;
1041
- --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1042
970
  --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1043
971
  --plasma-typo-dspl-s-medium-font-weight: 500;
1044
972
  --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1045
973
  --plasma-typo-dspl-s-font-size: 2.125rem;
1046
974
  --plasma-typo-dspl-s-font-weight: 400;
1047
975
  --plasma-typo-dspl-s-line-height: 2.5625rem;
976
+ --plasma-typo-dspl-s-bold-font-size: 2.125rem;
977
+ --plasma-typo-dspl-s-bold-font-weight: 600;
978
+ --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1048
979
  --plasma-typo-h3-font-size: 1.25rem;
1049
980
  --plasma-typo-h3-font-weight: 400;
1050
981
  --plasma-typo-h3-line-height: 1.4375rem;