@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.module.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;
@@ -1269,7 +1200,6 @@
1269
1200
  --on-dark-surface-transparent-secondary: #FFFFFF29;
1270
1201
  --text-secondary-hover: #171717FF;
1271
1202
  --on-dark-background-secondary-hover: #CCCCCCFF;
1272
- --on-dark-background-secondary-brightness: #0F0F0FFF;
1273
1203
  --on-dark-background-primary: #15110FFF;
1274
1204
  --on-dark-background-primary-hover: #CCCCCCFF;
1275
1205
  --on-dark-background-primary-active: #E6E6E6FF;
@@ -1277,7 +1207,6 @@
1277
1207
  --on-light-background-secondary: #FFFFFFFF;
1278
1208
  --on-light-background-secondary-hover: #CCCCCCFF;
1279
1209
  --on-light-background-secondary-active: #E6E6E6FF;
1280
- --on-light-background-secondary-brightness: #F6F2F0FF;
1281
1210
  --on-light-background-primary: #EBE7E5FF;
1282
1211
  --on-light-background-primary-hover: #CCCCCCFF;
1283
1212
  --on-light-background-primary-active: #E6E6E6FF;
@@ -1285,99 +1214,76 @@
1285
1214
  --outline-default: #DDD9D7FF;
1286
1215
  --outline-default-hover: #CCCCCCFF;
1287
1216
  --outline-default-active: #E6E6E6FF;
1288
- --outline-default-brightness: #DDD9D7FF;
1289
1217
  --outline-minor: #FFFFFFFF;
1290
1218
  --outline-minor-hover: #CCCCCCFF;
1291
1219
  --outline-minor-active: #E6E6E6FF;
1292
- --outline-minor-brightness: #FFFFFFFF;
1293
1220
  --outline-transparent-clear: #00000000;
1294
1221
  --outline-transparent-clear-hover: #CCCCCCFF;
1295
1222
  --outline-transparent-clear-active: #E6E6E6FF;
1296
- --outline-transparent-clear-brightness: #00000000;
1297
1223
  --inverse-outline-default: #3B3735FF;
1298
1224
  --inverse-outline-default-hover: #CCCCCCFF;
1299
1225
  --inverse-outline-default-active: #E6E6E6FF;
1300
- --inverse-outline-default-brightness: #3B3735FF;
1301
1226
  --on-dark-outline-default: #3B3735FF;
1302
1227
  --on-dark-outline-default-active: #E6E6E6FF;
1303
1228
  --on-dark-outline-minor: #383838FF;
1304
1229
  --on-dark-outline-minor-hover: #CCCCCCFF;
1305
1230
  --on-dark-outline-minor-active: #E6E6E6FF;
1306
- --on-dark-outline-minor-brightness: #383838FF;
1307
1231
  --on-light-outline-default: #DDD9D7FF;
1308
1232
  --on-light-outline-default-hover: #CCCCCCFF;
1309
1233
  --background-secondary-active: #E6E6E6FF;
1310
- --background-secondary-brightness: #FFFFFFFF;
1311
1234
  --on-dark-outline-default-hover: #CCCCCCFF;
1312
1235
  --inverse-background-secondary-hover: #CCCCCCFF;
1313
- --inverse-background-secondary-brightness: #000000FF;
1314
1236
  --on-dark-background-secondary: #000000FF;
1315
1237
  --persona-blue-text-accent: #EBE7E5FF;
1316
1238
  --persona-blue-text-accent-hover: #CCCCCCFF;
1317
1239
  --persona-blue-text-accent-active: #E6E6E6FF;
1318
- --persona-blue-text-accent-brightness: #EBE7E5FF;
1319
1240
  --persona-green-text-accent: #EBE7E5FF;
1320
1241
  --persona-green-text-accent-hover: #CCCCCCFF;
1321
1242
  --persona-green-text-accent-active: #E6E6E6FF;
1322
- --persona-green-text-accent-brightness: #EBE7E5FF;
1323
1243
  --persona-indigo-text-accent: #EBE7E5FF;
1324
1244
  --persona-indigo-text-accent-hover: #CCCCCCFF;
1325
1245
  --persona-indigo-text-accent-active: #E6E6E6FF;
1326
- --persona-indigo-text-accent-brightness: #EBE7E5FF;
1327
1246
  --persona-ochre-text-accent: #EBE7E5FF;
1328
1247
  --persona-ochre-text-accent-hover: #CCCCCCFF;
1329
1248
  --persona-ochre-text-accent-active: #E6E6E6FF;
1330
- --persona-ochre-text-accent-brightness: #EBE7E5FF;
1331
1249
  --persona-olive-text-accent: #EBE7E5FF;
1332
1250
  --persona-olive-text-accent-hover: #CCCCCCFF;
1333
1251
  --persona-olive-text-accent-active: #E6E6E6FF;
1334
- --persona-olive-text-accent-brightness: #EBE7E5FF;
1335
1252
  --on-light-outline-default-active: #E6E6E6FF;
1336
1253
  --on-light-outline-minor: #FFFFFFFF;
1337
1254
  --on-light-outline-minor-hover: #CCCCCCFF;
1338
- --on-light-outline-minor-brightness: #FFFFFFFF;
1339
1255
  --persona-sea-blue-text-accent: #EBE7E5FF;
1340
1256
  --persona-sea-blue-text-accent-hover: #CCCCCCFF;
1341
1257
  --persona-sea-blue-text-accent-active: #E6E6E6FF;
1342
- --persona-sea-blue-text-accent-brightness: #EBE7E5FF;
1343
1258
  --persona-violet-text-accent: #EBE7E5FF;
1344
1259
  --persona-violet-text-accent-hover: #CCCCCCFF;
1345
1260
  --persona-violet-text-accent-active: #E6E6E6FF;
1346
- --persona-violet-text-accent-brightness: #EBE7E5FF;
1347
1261
  --inverse-persona-blue-text-accent: #15110FFF;
1348
1262
  --inverse-persona-blue-text-accent-hover: #CCCCCCFF;
1349
1263
  --inverse-persona-blue-text-accent-active: #E6E6E6FF;
1350
- --inverse-persona-blue-text-accent-brightness: #15110FFF;
1351
1264
  --inverse-persona-green-text-accent: #15110FFF;
1352
1265
  --inverse-persona-green-text-accent-hover: #CCCCCCFF;
1353
1266
  --inverse-persona-green-text-accent-active: #E6E6E6FF;
1354
- --inverse-persona-green-text-accent-brightness: #15110FFF;
1355
1267
  --inverse-persona-indigo-text-accent: #15110FFF;
1356
1268
  --inverse-persona-indigo-text-accent-hover: #CCCCCCFF;
1357
1269
  --inverse-persona-indigo-text-accent-active: #E6E6E6FF;
1358
- --inverse-persona-indigo-text-accent-brightness: #15110FFF;
1359
1270
  --persona-pink-text-accent: #EBE7E5FF;
1360
1271
  --persona-pink-text-accent-hover: #CCCCCCFF;
1361
1272
  --persona-pink-text-accent-active: #E6E6E6FF;
1362
1273
  --inverse-persona-olive-text-accent: #15110FFF;
1363
1274
  --inverse-persona-olive-text-accent-active: #E6E6E6FF;
1364
- --inverse-persona-olive-text-accent-brightness: #15110FFF;
1365
1275
  --inverse-persona-pink-text-accent: #15110FFF;
1366
1276
  --inverse-persona-pink-text-accent-hover: #CCCCCCFF;
1367
1277
  --inverse-persona-pink-text-accent-active: #E6E6E6FF;
1368
- --inverse-persona-pink-text-accent-brightness: #15110FFF;
1369
1278
  --inverse-persona-sea-blue-text-accent: #15110FFF;
1370
1279
  --inverse-persona-sea-blue-text-accent-hover: #CCCCCCFF;
1371
1280
  --inverse-persona-sea-blue-text-accent-active: #E6E6E6FF;
1372
- --inverse-persona-sea-blue-text-accent-brightness: #15110FFF;
1373
1281
  --inverse-persona-violet-text-accent: #15110FFF;
1374
1282
  --inverse-persona-violet-text-accent-hover: #CCCCCCFF;
1375
1283
  --inverse-persona-violet-text-accent-active: #E6E6E6FF;
1376
- --inverse-persona-violet-text-accent-brightness: #15110FFF;
1377
1284
  --on-dark-persona-blue-text-accent: #15110FFF;
1378
1285
  --on-dark-persona-blue-text-accent-hover: #CCCCCCFF;
1379
1286
  --on-dark-persona-blue-text-accent-active: #E6E6E6FF;
1380
- --on-dark-persona-blue-text-accent-brightness: #15110FFF;
1381
1287
  --inverse-persona-ochre-text-accent: #15110FFF;
1382
1288
  --inverse-persona-ochre-text-accent-hover: #CCCCCCFF;
1383
1289
  --inverse-persona-olive-text-accent-hover: #CCCCCCFF;
@@ -1385,51 +1291,39 @@
1385
1291
  --on-dark-persona-indigo-text-accent: #15110FFF;
1386
1292
  --on-dark-persona-indigo-text-accent-hover: #CCCCCCFF;
1387
1293
  --on-dark-persona-indigo-text-accent-active: #E6E6E6FF;
1388
- --on-dark-persona-indigo-text-accent-brightness: #15110FFF;
1389
1294
  --on-dark-persona-ochre-text-accent: #15110FFF;
1390
1295
  --on-dark-persona-ochre-text-accent-hover: #CCCCCCFF;
1391
1296
  --on-dark-persona-ochre-text-accent-active: #E6E6E6FF;
1392
- --on-dark-persona-ochre-text-accent-brightness: #15110FFF;
1393
1297
  --on-dark-persona-olive-text-accent: #15110FFF;
1394
1298
  --on-dark-persona-olive-text-accent-hover: #CCCCCCFF;
1395
1299
  --on-dark-persona-olive-text-accent-active: #E6E6E6FF;
1396
- --on-dark-persona-olive-text-accent-brightness: #15110FFF;
1397
1300
  --on-dark-persona-pink-text-accent: #15110FFF;
1398
1301
  --on-dark-persona-pink-text-accent-active: #E6E6E6FF;
1399
- --on-dark-persona-pink-text-accent-brightness: #15110FFF;
1400
1302
  --on-dark-persona-sea-blue-text-accent: #15110FFF;
1401
1303
  --on-dark-persona-sea-blue-text-accent-hover: #CCCCCCFF;
1402
1304
  --on-dark-persona-sea-blue-text-accent-active: #E6E6E6FF;
1403
- --on-dark-persona-sea-blue-text-accent-brightness: #15110FFF;
1404
1305
  --on-dark-persona-green-text-accent: #15110FFF;
1405
1306
  --on-dark-persona-green-text-accent-hover: #CCCCCCFF;
1406
1307
  --on-dark-persona-green-text-accent-active: #E6E6E6FF;
1407
1308
  --on-light-persona-blue-text-accent-hover: #CCCCCCFF;
1408
1309
  --on-light-persona-blue-text-accent-active: #E6E6E6FF;
1409
- --on-light-persona-blue-text-accent-brightness: #EBE7E5FF;
1410
1310
  --on-light-persona-green-text-accent: #EBE7E5FF;
1411
1311
  --on-light-persona-green-text-accent-hover: #CCCCCCFF;
1412
1312
  --on-light-persona-green-text-accent-active: #E6E6E6FF;
1413
- --on-light-persona-green-text-accent-brightness: #EBE7E5FF;
1414
1313
  --on-light-persona-indigo-text-accent: #EBE7E5FF;
1415
1314
  --on-light-persona-indigo-text-accent-hover: #CCCCCCFF;
1416
1315
  --on-light-persona-indigo-text-accent-active: #E6E6E6FF;
1417
- --on-light-persona-indigo-text-accent-brightness: #EBE7E5FF;
1418
1316
  --on-light-persona-ochre-text-accent: #EBE7E5FF;
1419
1317
  --on-light-persona-ochre-text-accent-hover: #CCCCCCFF;
1420
1318
  --on-light-persona-ochre-text-accent-active: #E6E6E6FF;
1421
- --on-light-persona-ochre-text-accent-brightness: #EBE7E5FF;
1422
1319
  --on-light-persona-olive-text-accent-hover: #CCCCCCFF;
1423
1320
  --on-light-persona-olive-text-accent-active: #E6E6E6FF;
1424
- --on-light-persona-olive-text-accent-brightness: #EBE7E5FF;
1425
1321
  --on-dark-persona-violet-text-accent: #15110FFF;
1426
1322
  --on-dark-persona-violet-text-accent-hover: #CCCCCCFF;
1427
- --on-dark-persona-violet-text-accent-brightness: #15110FFF;
1428
1323
  --on-light-persona-blue-text-accent: #EBE7E5FF;
1429
1324
  --on-light-persona-violet-text-accent: #EBE7E5FF;
1430
1325
  --on-light-persona-violet-text-accent-hover: #CCCCCCFF;
1431
1326
  --on-light-persona-violet-text-accent-active: #E6E6E6FF;
1432
- --on-light-persona-violet-text-accent-brightness: #EBE7E5FF;
1433
1327
  --surface-accent-primary: #527E4BFF;
1434
1328
  --surface-accent-primary-hover: #CCCCCCFF;
1435
1329
  --surface-accent-primary-active: #E6E6E6FF;
@@ -1468,7 +1362,6 @@
1468
1362
  --text-accent-minor-hover: #B6FB37FF;
1469
1363
  --on-light-persona-olive-text-accent: #EBE7E5FF;
1470
1364
  --on-light-surface-transparent-accent-minor: #527E4B3D;
1471
- --on-dark-outline-default-brightness: #3B3735FF;
1472
1365
  --on-light-persona-sea-blue-text-accent: #EBE7E5FF;
1473
1366
  --surface-accent-secondary: #688F61FF;
1474
1367
  --surface-transparent-accent-minor: #527E4B3D;
@@ -1478,26 +1371,12 @@
1478
1371
  --on-dark-surface-accent-secondary: #B4AE7BFF;
1479
1372
  --on-dark-surface-transparent-accent-minor: #B4AE7B47;
1480
1373
  --on-light-surface-accent-secondary: #688F61FF;
1481
- --on-light-surface-accent-secondary-brightness: #688F61FF;
1482
1374
  --inverse-outline-minor: #383838FF;
1483
1375
  --inverse-text-warning-hover: #FF8B4DFF;
1484
1376
  --data-yellow-transparent-hover: #F3A8129E;
1485
1377
  --on-dark-surface-negative: #F8A6A9FF;
1486
1378
  --inverse-surface-info: #9BCAF8FF;
1487
1379
  --on-light-outline-warning-hover: #FD9253FF;
1488
- --on-light-persona-pink-text-accent-brightness: #EBE7E5FF;
1489
- --surface-transparent-accent-minor-brightness: #527E4B3D;
1490
- --inverse-surface-accent-secondary-brightness: #B4AE7BFF;
1491
- --inverse-surface-transparent-accent-minor-brightness: #B4AE7B47;
1492
- --on-dark-surface-accent-primary-brightness: #B4AE7BFF;
1493
- --on-dark-surface-accent-secondary-brightness: #B4AE7BFF;
1494
- --on-dark-surface-transparent-accent-minor-brightness: #B4AE7B47;
1495
- --on-light-surface-accent-primary-brightness: #527E4BFF;
1496
- --on-light-surface-transparent-accent-minor-brightness: #527E4B3D;
1497
- --inverse-outline-minor-brightness: #383838FF;
1498
- --surface-accent-primary-brightness: #527E4BFF;
1499
- --surface-accent-secondary-brightness: #688F61FF;
1500
- --on-light-outline-default-brightness: #DDD9D7FF;
1501
1380
  --on-dark-persona-pink-text-accent-hover: #CCCCCCFF;
1502
1381
  --on-dark-text-accent-hover: #96E208FF;
1503
1382
  --inverse-surface-transparent-accent-minor-hover: #CCCCCCFF;
@@ -1512,9 +1391,6 @@
1512
1391
  --inverse-surface-accent-secondary-hover: #CCCCCCFF;
1513
1392
  --on-dark-surface-solid-primary-hover: #1C1C1CFF;
1514
1393
  --inverse-background-secondary-active: #E6E6E6FF;
1515
- --persona-pink-text-accent-brightness: #EBE7E5FF;
1516
- --inverse-persona-ochre-text-accent-brightness: #15110FFF;
1517
- --on-dark-persona-green-text-accent-brightness: #15110FFF;
1518
1394
  --on-light-persona-pink-text-accent: #EBE7E5FF;
1519
1395
  --on-dark-surface-transparent-accent-minor-active: #E6E6E6FF;
1520
1396
  --surface-solid-default: #15110FFF;
@@ -1535,7 +1411,6 @@
1535
1411
  --on-light-outline-text-info-active: #096CAEFF;
1536
1412
  --on-dark-persona-violet-text-accent-active: #E6E6E6FF;
1537
1413
  --on-light-outline-minor-active: #E6E6E6FF;
1538
- --on-light-persona-sea-blue-text-accent-brightness: #EBE7E5FF;
1539
1414
  --on-dark-outline-transparent-primary: #FFFFFF1F;
1540
1415
  color: var(--text-primary);
1541
1416
  background-color: var(--background-primary);
@@ -1669,7 +1544,6 @@
1669
1544
  --on-light-persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
1670
1545
  --on-light-persona-violet-surface-accent-gradient-active: #FFFFFFFF;
1671
1546
  --on-dark-outline-transparent-surface-active: #E6E6E6FF;
1672
- --on-dark-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1673
1547
  --on-light-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1674
1548
  --on-light-outline-transparent-surface-hover: #CCCCCCFF;
1675
1549
  --on-light-outline-transparent-surface-active: #E6E6E6FF;
@@ -1682,38 +1556,25 @@
1682
1556
  --on-dark-text-accent-gradient-ai: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
1683
1557
  --on-dark-text-accent-gradient-ai-hover: #000000FF;
1684
1558
  --on-dark-text-accent-gradient-ai-active: #CCCCCCFF;
1685
- --on-dark-text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
1686
1559
  --on-light-text-accent-gradient-ai: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
1687
1560
  --on-light-text-accent-gradient-ai-hover: #000000FF;
1688
1561
  --on-light-text-accent-gradient-ai-active: #CCCCCCFF;
1689
- --on-light-text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
1690
1562
  --text-accent-gradient-ai-active: #CCCCCCFF;
1691
- --text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
1692
- --surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
1693
- --inverse-surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
1694
- --on-dark-surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
1695
- --on-light-surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
1696
1563
  --on-dark-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1697
- --inverse-text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
1698
1564
  --on-dark-outline-transparent-surface-hover: #CCCCCCFF;
1699
1565
  --on-light-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
1700
1566
  --on-light-overlay-gradient-active: #E6E6E6FF;
1701
- --on-light-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
1702
1567
  --outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1703
1568
  --outline-transparent-surface-hover: #CCCCCCFF;
1704
1569
  --outline-transparent-surface-active: #E6E6E6FF;
1705
- --outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1706
1570
  --overlay-gradient: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
1707
1571
  --overlay-gradient-hover: #CCCCCCFF;
1708
1572
  --overlay-gradient-active: #E6E6E6FF;
1709
- --overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
1710
1573
  --on-dark-overlay-gradient: linear-gradient(90deg, #000000FF 0%, #00000000 100%);
1711
1574
  --on-dark-overlay-gradient-hover: #CCCCCCFF;
1712
1575
  --on-dark-overlay-gradient-active: #E6E6E6FF;
1713
- --on-dark-overlay-gradient-brightness: linear-gradient(90deg, #000000FF 0%, #00000000 100%);
1714
1576
  --inverse-overlay-gradient-active: #E6E6E6FF;
1715
1577
  --inverse-overlay-gradient-hover: #CCCCCCFF;
1716
- --inverse-overlay-gradient-brightness: linear-gradient(90deg, #000000FF 0%, #00000000 100%);
1717
1578
  --on-light-overlay-gradient: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
1718
1579
  --on-light-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
1719
1580
  --on-light-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
@@ -1728,7 +1589,6 @@
1728
1589
  --surface-accent-gradient-hover: #CCCCCCFF;
1729
1590
  --outline-accent-gradient-active: #E6E6E6FF;
1730
1591
  --on-light-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
1731
- --on-light-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1732
1592
  --on-dark-surface-accent-gradient: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
1733
1593
  --surface-accent-gradient-active: #E6E6E6FF;
1734
1594
  --on-light-persona-blue-surface-accent-gradient-active: #FFFFFFFF;
@@ -1791,6 +1651,12 @@
1791
1651
  --plasma-typo-body-font-family: 'Roboto', sans-serif;
1792
1652
  --plasma-typo-header-font-family: 'Roboto', sans-serif;
1793
1653
  --plasma-typo-text-font-family: 'undefined', sans-serif;
1654
+ --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);
1655
+ --plasma-typo-body-xxs-medium-letter-spacing: -0.02em;
1656
+ --plasma-typo-body-xxs-medium-font-style: normal;
1657
+ --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);
1658
+ --plasma-typo-body-xxs-letter-spacing: -0.02em;
1659
+ --plasma-typo-body-xxs-font-style: normal;
1794
1660
  --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family);
1795
1661
  --plasma-typo-h3-bold-letter-spacing: normal;
1796
1662
  --plasma-typo-h3-bold-font-style: normal;
@@ -1830,12 +1696,6 @@
1830
1696
  --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family);
1831
1697
  --plasma-typo-body-xxs-bold-letter-spacing: -0.02em;
1832
1698
  --plasma-typo-body-xxs-bold-font-style: normal;
1833
- --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);
1834
- --plasma-typo-body-xxs-medium-letter-spacing: -0.02em;
1835
- --plasma-typo-body-xxs-medium-font-style: normal;
1836
- --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);
1837
- --plasma-typo-body-xxs-letter-spacing: -0.02em;
1838
- --plasma-typo-body-xxs-font-style: normal;
1839
1699
  --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);
1840
1700
  --plasma-typo-dspl-s-bold-letter-spacing: normal;
1841
1701
  --plasma-typo-dspl-s-bold-font-style: normal;
@@ -1849,6 +1709,12 @@
1849
1709
 
1850
1710
  @media (max-width: 559px) {
1851
1711
  .dark, .light {
1712
+ --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1713
+ --plasma-typo-body-xxs-medium-font-weight: 500;
1714
+ --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1715
+ --plasma-typo-body-xxs-font-size: 0.6875rem;
1716
+ --plasma-typo-body-xxs-font-weight: 400;
1717
+ --plasma-typo-body-xxs-line-height: 0.8125rem;
1852
1718
  --plasma-typo-h3-bold-font-size: 1.25rem;
1853
1719
  --plasma-typo-h3-bold-font-weight: 700;
1854
1720
  --plasma-typo-h3-bold-line-height: 1.4375rem;
@@ -1888,12 +1754,6 @@
1888
1754
  --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1889
1755
  --plasma-typo-body-xxs-bold-font-weight: 600;
1890
1756
  --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1891
- --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1892
- --plasma-typo-body-xxs-medium-font-weight: 500;
1893
- --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1894
- --plasma-typo-body-xxs-font-size: 0.6875rem;
1895
- --plasma-typo-body-xxs-font-weight: 400;
1896
- --plasma-typo-body-xxs-line-height: 0.8125rem;
1897
1757
  --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1898
1758
  --plasma-typo-dspl-s-bold-font-weight: 700;
1899
1759
  --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
@@ -1908,15 +1768,15 @@
1908
1768
 
1909
1769
  @media (min-width: 560px) and (max-width: 959px) {
1910
1770
  .dark, .light {
1911
- --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1912
- --plasma-typo-dspl-s-bold-font-weight: 600;
1913
- --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1914
1771
  --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1915
1772
  --plasma-typo-dspl-s-medium-font-weight: 500;
1916
1773
  --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1917
1774
  --plasma-typo-dspl-s-font-size: 2.125rem;
1918
1775
  --plasma-typo-dspl-s-font-weight: 400;
1919
1776
  --plasma-typo-dspl-s-line-height: 2.5625rem;
1777
+ --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1778
+ --plasma-typo-dspl-s-bold-font-weight: 600;
1779
+ --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1920
1780
  --plasma-typo-h3-font-size: 1.25rem;
1921
1781
  --plasma-typo-h3-font-weight: 400;
1922
1782
  --plasma-typo-h3-line-height: 1.4375rem;