@salutejs-ds/sdds_sbcom 0.1.1 → 0.1.3

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 (92) hide show
  1. package/components/Button/Button.config.d.ts +3 -3
  2. package/components/Button/Button.config.js +6 -6
  3. package/components/Button/Button.config.js.map +1 -1
  4. package/components/Button/Button.config_1fseone.css +10 -0
  5. package/components/Button/Button.css +9 -9
  6. package/components/Button/Button.d.ts +3 -3
  7. package/components/Checkbox/Checkbox.config.d.ts +2 -2
  8. package/components/Checkbox/Checkbox.config.js +6 -6
  9. package/components/Checkbox/Checkbox.config.js.map +1 -1
  10. package/components/Checkbox/Checkbox.config_akvxn0.css +6 -0
  11. package/components/Checkbox/Checkbox.css +6 -6
  12. package/components/Checkbox/Checkbox.d.ts +2 -2
  13. package/components/IconButton/IconButton.config.d.ts +4 -4
  14. package/components/IconButton/IconButton.config.js +7 -7
  15. package/components/IconButton/IconButton.config.js.map +1 -1
  16. package/components/IconButton/IconButton.config_1uu5rxr.css +9 -0
  17. package/components/IconButton/IconButton.css +8 -8
  18. package/components/IconButton/IconButton.d.ts +4 -4
  19. package/components/Link/Link.config.d.ts +3 -3
  20. package/components/Link/Link.config.js +7 -7
  21. package/components/Link/Link.config.js.map +1 -1
  22. package/components/Link/Link.config_9ew1ky.css +8 -0
  23. package/components/Link/Link.css +8 -8
  24. package/components/Link/Link.d.ts +3 -3
  25. package/components/Radiobox/Radiobox.config.d.ts +1 -1
  26. package/components/Radiobox/Radiobox.config.js +3 -3
  27. package/components/Radiobox/Radiobox.config.js.map +1 -1
  28. package/components/Radiobox/Radiobox.config_1tzom6m.css +6 -0
  29. package/components/Radiobox/Radiobox.css +6 -6
  30. package/components/Radiobox/Radiobox.d.ts +1 -1
  31. package/css/sdds_sbcom.module.css +192 -256
  32. package/css/sdds_sbcom__dark.css +96 -128
  33. package/css/sdds_sbcom__light.css +96 -128
  34. package/es/components/Button/Button.config.js +6 -6
  35. package/es/components/Button/Button.config.js.map +1 -1
  36. package/es/components/Button/Button.config_1fseone.css +10 -0
  37. package/es/components/Button/Button.css +9 -9
  38. package/es/components/Checkbox/Checkbox.config.js +6 -6
  39. package/es/components/Checkbox/Checkbox.config.js.map +1 -1
  40. package/es/components/Checkbox/Checkbox.config_akvxn0.css +6 -0
  41. package/es/components/Checkbox/Checkbox.css +6 -6
  42. package/es/components/IconButton/IconButton.config.js +7 -7
  43. package/es/components/IconButton/IconButton.config.js.map +1 -1
  44. package/es/components/IconButton/IconButton.config_1uu5rxr.css +9 -0
  45. package/es/components/IconButton/IconButton.css +8 -8
  46. package/es/components/Link/Link.config.js +7 -7
  47. package/es/components/Link/Link.config.js.map +1 -1
  48. package/es/components/Link/Link.config_9ew1ky.css +8 -0
  49. package/es/components/Link/Link.css +8 -8
  50. package/es/components/Radiobox/Radiobox.config.js +3 -3
  51. package/es/components/Radiobox/Radiobox.config.js.map +1 -1
  52. package/es/components/Radiobox/Radiobox.config_1tzom6m.css +6 -0
  53. package/es/components/Radiobox/Radiobox.css +6 -6
  54. package/es/index.css +37 -37
  55. package/es/index.js +1 -1
  56. package/es/theme/themes/sdds_sbcom__dark.js +1 -1
  57. package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
  58. package/es/theme/themes/sdds_sbcom__light.js +1 -1
  59. package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
  60. package/es/theme/tokens/index.js +291 -387
  61. package/es/theme/tokens/index.js.map +1 -1
  62. package/index.css +37 -37
  63. package/index.js +0 -32
  64. package/index.js.map +1 -1
  65. package/package.json +1 -1
  66. package/styled-components/cjs/Button/Button.config.js +7 -7
  67. package/styled-components/cjs/Checkbox/Checkbox.config.js +5 -5
  68. package/styled-components/cjs/IconButton/IconButton.config.js +8 -8
  69. package/styled-components/cjs/Link/Link.config.js +6 -6
  70. package/styled-components/cjs/Radiobox/Radiobox.config.js +5 -5
  71. package/styled-components/es/Button/Button.config.js +7 -7
  72. package/styled-components/es/Checkbox/Checkbox.config.js +5 -5
  73. package/styled-components/es/IconButton/IconButton.config.js +8 -8
  74. package/styled-components/es/Link/Link.config.js +6 -6
  75. package/styled-components/es/Radiobox/Radiobox.config.js +5 -5
  76. package/theme/themes/sdds_sbcom__dark.js +1 -1
  77. package/theme/themes/sdds_sbcom__dark.js.map +1 -1
  78. package/theme/themes/sdds_sbcom__light.js +1 -1
  79. package/theme/themes/sdds_sbcom__light.js.map +1 -1
  80. package/theme/tokens/index.d.ts +192 -256
  81. package/theme/tokens/index.js +290 -418
  82. package/theme/tokens/index.js.map +1 -1
  83. package/components/Button/Button.config_9i8t1d.css +0 -10
  84. package/components/Checkbox/Checkbox.config_usbc5o.css +0 -6
  85. package/components/IconButton/IconButton.config_1em9p3v.css +0 -9
  86. package/components/Link/Link.config_1cp5e0j.css +0 -8
  87. package/components/Radiobox/Radiobox.config_hbis6p.css +0 -6
  88. package/es/components/Button/Button.config_9i8t1d.css +0 -10
  89. package/es/components/Checkbox/Checkbox.config_usbc5o.css +0 -6
  90. package/es/components/IconButton/IconButton.config_1em9p3v.css +0 -9
  91. package/es/components/Link/Link.config_1cp5e0j.css +0 -8
  92. package/es/components/Radiobox/Radiobox.config_hbis6p.css +0 -6
package/css/sdds_sbcom.module.css CHANGED
@@ -397,7 +397,6 @@
397
397
  --on-dark-data-yellow: #F3A912;
398
398
  --on-dark-data-yellow-hover: #F4B22FFF;
399
399
  --on-dark-data-yellow-active: #EDA20CFF;
400
- --on-light-persona-blue-surface-accent-gradient: #F6F2F0FF;
401
400
  --inverse-surface-positive: #239322FF;
402
401
  --outline-positive: #A6D2A2FF;
403
402
  --on-dark-data-yellow-minor: #A16B00;
@@ -453,227 +452,120 @@
453
452
  --inverse-background-secondary-hover: #CCCCCCFF;
454
453
  --inverse-background-secondary-brightness: #FFFFFFFF;
455
454
  --on-dark-background-secondary: #000000FF;
456
- --persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
457
- --persona-blue-surface-accent-gradient-active: #E6E6E6FF;
458
- --persona-blue-surface-accent-gradient-brightness: #0F0F0FFF;
459
455
  --persona-blue-text-accent: #15110FFF;
460
456
  --persona-blue-text-accent-hover: #CCCCCCFF;
461
457
  --persona-blue-text-accent-active: #E6E6E6FF;
462
458
  --persona-blue-text-accent-brightness: #15110FFF;
463
- --persona-green-surface-accent-gradient: #0F0F0FFF;
464
- --persona-green-surface-accent-gradient-hover: #CCCCCCFF;
465
- --persona-green-surface-accent-gradient-active: #E6E6E6FF;
466
- --persona-green-surface-accent-gradient-brightness: #0F0F0FFF;
467
459
  --persona-green-text-accent: #15110FFF;
468
460
  --persona-green-text-accent-hover: #CCCCCCFF;
469
461
  --persona-green-text-accent-active: #E6E6E6FF;
470
462
  --persona-green-text-accent-brightness: #15110FFF;
471
- --persona-indigo-surface-accent-gradient: #0F0F0FFF;
472
- --persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
473
- --persona-indigo-surface-accent-gradient-active: #E6E6E6FF;
474
- --persona-indigo-surface-accent-gradient-brightness: #0F0F0FFF;
475
463
  --persona-indigo-text-accent: #15110FFF;
476
464
  --persona-indigo-text-accent-hover: #CCCCCCFF;
477
465
  --persona-indigo-text-accent-active: #E6E6E6FF;
478
466
  --persona-indigo-text-accent-brightness: #15110FFF;
479
- --persona-ochre-surface-accent-gradient: #0F0F0FFF;
480
- --persona-ochre-surface-accent-gradient-active: #E6E6E6FF;
481
- --persona-ochre-surface-accent-gradient-brightness: #0F0F0FFF;
482
467
  --persona-ochre-text-accent: #15110FFF;
483
468
  --persona-ochre-text-accent-hover: #CCCCCCFF;
484
469
  --persona-ochre-text-accent-active: #E6E6E6FF;
485
470
  --persona-ochre-text-accent-brightness: #15110FFF;
486
- --persona-olive-surface-accent-gradient: #0F0F0FFF;
487
- --persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
488
- --persona-olive-surface-accent-gradient-active: #E6E6E6FF;
489
- --persona-olive-surface-accent-gradient-brightness: #0F0F0FFF;
490
471
  --persona-olive-text-accent: #15110FFF;
491
472
  --persona-olive-text-accent-hover: #CCCCCCFF;
492
473
  --persona-olive-text-accent-active: #E6E6E6FF;
493
474
  --persona-olive-text-accent-brightness: #15110FFF;
494
- --persona-pink-surface-accent-gradient: #0F0F0FFF;
495
- --persona-pink-surface-accent-gradient-hover: #CCCCCCFF;
496
- --persona-pink-surface-accent-gradient-active: #E6E6E6FF;
497
475
  --on-light-outline-default-active: #E6E6E6FF;
498
476
  --on-light-outline-minor: #FFFFFFFF;
499
477
  --on-light-outline-minor-hover: #CCCCCCFF;
500
478
  --on-light-outline-minor-brightness: #FFFFFFFF;
501
- --persona-blue-surface-accent-gradient: #0F0F0FFF;
502
- --persona-sea-blue-surface-accent-gradient-active: #E6E6E6FF;
503
- --persona-sea-blue-surface-accent-gradient-brightness: #0F0F0FFF;
504
479
  --persona-sea-blue-text-accent: #15110FFF;
505
480
  --persona-sea-blue-text-accent-hover: #CCCCCCFF;
506
481
  --persona-sea-blue-text-accent-active: #E6E6E6FF;
507
482
  --persona-sea-blue-text-accent-brightness: #15110FFF;
508
- --persona-violet-surface-accent-gradient: #0F0F0FFF;
509
- --persona-violet-surface-accent-gradient-hover: #CCCCCCFF;
510
- --persona-violet-surface-accent-gradient-active: #E6E6E6FF;
511
- --persona-violet-surface-accent-gradient-brightness: #0F0F0FFF;
512
483
  --persona-violet-text-accent: #15110FFF;
513
484
  --persona-violet-text-accent-hover: #CCCCCCFF;
514
485
  --persona-violet-text-accent-active: #E6E6E6FF;
515
486
  --persona-violet-text-accent-brightness: #15110FFF;
516
- --inverse-persona-blue-surface-accent-gradient: #F6F2F0FF;
517
- --inverse-persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
518
- --inverse-persona-blue-surface-accent-gradient-active: #E6E6E6FF;
519
- --inverse-persona-blue-surface-accent-gradient-brightness: #F6F2F0FF;
520
487
  --inverse-persona-blue-text-accent: #EBE7E5FF;
521
488
  --inverse-persona-blue-text-accent-hover: #CCCCCCFF;
522
489
  --inverse-persona-blue-text-accent-active: #E6E6E6FF;
523
490
  --inverse-persona-blue-text-accent-brightness: #EBE7E5FF;
524
- --inverse-persona-green-surface-accent-gradient: #F6F2F0FF;
525
- --inverse-persona-green-surface-accent-gradient-hover: #CCCCCCFF;
526
- --inverse-persona-green-surface-accent-gradient-active: #E6E6E6FF;
527
- --inverse-persona-green-surface-accent-gradient-brightness: #F6F2F0FF;
528
491
  --inverse-persona-green-text-accent: #EBE7E5FF;
529
492
  --inverse-persona-green-text-accent-hover: #CCCCCCFF;
530
493
  --inverse-persona-green-text-accent-active: #E6E6E6FF;
531
494
  --inverse-persona-green-text-accent-brightness: #EBE7E5FF;
532
- --inverse-persona-indigo-surface-accent-gradient: #F6F2F0FF;
533
- --inverse-persona-indigo-surface-accent-gradient-active: #E6E6E6FF;
534
- --inverse-persona-indigo-surface-accent-gradient-brightness: #F6F2F0FF;
535
495
  --inverse-persona-indigo-text-accent: #EBE7E5FF;
536
496
  --inverse-persona-indigo-text-accent-hover: #CCCCCCFF;
537
497
  --inverse-persona-indigo-text-accent-active: #E6E6E6FF;
538
498
  --inverse-persona-indigo-text-accent-brightness: #EBE7E5FF;
539
- --inverse-persona-ochre-surface-accent-gradient: #F6F2F0FF;
540
- --inverse-persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
541
- --inverse-persona-ochre-surface-accent-gradient-active: #E6E6E6FF;
542
499
  --persona-pink-text-accent: #15110FFF;
543
500
  --persona-pink-text-accent-hover: #CCCCCCFF;
544
501
  --persona-pink-text-accent-active: #E6E6E6FF;
545
- --persona-sea-blue-surface-accent-gradient: #0F0F0FFF;
546
- --persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
547
- --inverse-persona-olive-surface-accent-gradient-active: #E6E6E6FF;
548
- --inverse-persona-olive-surface-accent-gradient-brightness: #F6F2F0FF;
549
502
  --inverse-persona-olive-text-accent: #EBE7E5FF;
550
503
  --inverse-persona-olive-text-accent-active: #E6E6E6FF;
551
504
  --inverse-persona-olive-text-accent-brightness: #EBE7E5FF;
552
- --inverse-persona-pink-surface-accent-gradient: #F6F2F0FF;
553
- --inverse-persona-pink-surface-accent-gradient-hover: #CCCCCCFF;
554
- --inverse-persona-pink-surface-accent-gradient-active: #E6E6E6FF;
555
- --inverse-persona-pink-surface-accent-gradient-brightness: #F6F2F0FF;
556
505
  --inverse-persona-pink-text-accent: #EBE7E5FF;
557
506
  --inverse-persona-pink-text-accent-hover: #CCCCCCFF;
558
507
  --inverse-persona-pink-text-accent-active: #E6E6E6FF;
559
508
  --inverse-persona-pink-text-accent-brightness: #EBE7E5FF;
560
- --inverse-persona-sea-blue-surface-accent-gradient: #F6F2F0FF;
561
- --inverse-persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
562
- --inverse-persona-sea-blue-surface-accent-gradient-active: #E6E6E6FF;
563
- --inverse-persona-sea-blue-surface-accent-gradient-brightness: #F6F2F0FF;
564
509
  --inverse-persona-sea-blue-text-accent: #EBE7E5FF;
565
510
  --inverse-persona-sea-blue-text-accent-hover: #CCCCCCFF;
566
511
  --inverse-persona-sea-blue-text-accent-active: #E6E6E6FF;
567
512
  --inverse-persona-sea-blue-text-accent-brightness: #EBE7E5FF;
568
- --inverse-persona-violet-surface-accent-gradient: #F6F2F0FF;
569
- --inverse-persona-violet-surface-accent-gradient-hover: #CCCCCCFF;
570
- --inverse-persona-violet-surface-accent-gradient-active: #E6E6E6FF;
571
- --inverse-persona-violet-surface-accent-gradient-brightness: #F6F2F0FF;
572
513
  --inverse-persona-violet-text-accent: #EBE7E5FF;
573
514
  --inverse-persona-violet-text-accent-hover: #CCCCCCFF;
574
515
  --inverse-persona-violet-text-accent-active: #E6E6E6FF;
575
516
  --inverse-persona-violet-text-accent-brightness: #EBE7E5FF;
576
- --on-dark-persona-blue-surface-accent-gradient: #0F0F0FFF;
577
- --on-dark-persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
578
- --on-dark-persona-blue-surface-accent-gradient-active: #E6E6E6FF;
579
517
  --on-dark-persona-blue-text-accent: #15110FFF;
580
518
  --on-dark-persona-blue-text-accent-hover: #CCCCCCFF;
581
519
  --on-dark-persona-blue-text-accent-active: #E6E6E6FF;
582
520
  --on-dark-persona-blue-text-accent-brightness: #15110FFF;
583
- --on-dark-persona-green-surface-accent-gradient: #0F0F0FFF;
584
- --on-dark-persona-green-surface-accent-gradient-hover: #CCCCCCFF;
585
- --on-dark-persona-green-surface-accent-gradient-active: #E6E6E6FF;
586
521
  --inverse-persona-ochre-text-accent: #EBE7E5FF;
587
522
  --inverse-persona-ochre-text-accent-hover: #CCCCCCFF;
588
523
  --inverse-persona-olive-text-accent-hover: #CCCCCCFF;
589
524
  --inverse-persona-ochre-text-accent-active: #E6E6E6FF;
590
- --inverse-persona-olive-surface-accent-gradient: #F6F2F0FF;
591
- --inverse-persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
592
- --on-dark-persona-indigo-surface-accent-gradient-active: #E6E6E6FF;
593
- --on-dark-persona-indigo-surface-accent-gradient-brightness: #0F0F0FFF;
594
525
  --on-dark-persona-indigo-text-accent: #15110FFF;
595
526
  --on-dark-persona-indigo-text-accent-hover: #CCCCCCFF;
596
527
  --on-dark-persona-indigo-text-accent-active: #E6E6E6FF;
597
528
  --on-dark-persona-indigo-text-accent-brightness: #15110FFF;
598
- --on-dark-persona-ochre-surface-accent-gradient: #0F0F0FFF;
599
- --on-dark-persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
600
- --on-dark-persona-ochre-surface-accent-gradient-active: #E6E6E6FF;
601
- --on-dark-persona-ochre-surface-accent-gradient-brightness: #0F0F0FFF;
602
529
  --on-dark-persona-ochre-text-accent: #15110FFF;
603
530
  --on-dark-persona-ochre-text-accent-hover: #CCCCCCFF;
604
531
  --on-dark-persona-ochre-text-accent-active: #E6E6E6FF;
605
532
  --on-dark-persona-ochre-text-accent-brightness: #15110FFF;
606
- --on-dark-persona-olive-surface-accent-gradient: #0F0F0FFF;
607
- --on-dark-persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
608
- --on-dark-persona-olive-surface-accent-gradient-active: #E6E6E6FF;
609
- --on-dark-persona-olive-surface-accent-gradient-brightness: #0F0F0FFF;
610
533
  --on-dark-persona-olive-text-accent: #15110FFF;
611
534
  --on-dark-persona-olive-text-accent-hover: #CCCCCCFF;
612
535
  --on-dark-persona-olive-text-accent-active: #E6E6E6FF;
613
536
  --on-dark-persona-olive-text-accent-brightness: #15110FFF;
614
- --on-dark-persona-pink-surface-accent-gradient: #0F0F0FFF;
615
- --on-dark-persona-pink-surface-accent-gradient-hover: #CCCCCCFF;
616
- --on-dark-persona-pink-surface-accent-gradient-active: #E6E6E6FF;
617
- --on-dark-persona-pink-surface-accent-gradient-brightness: #0F0F0FFF;
618
537
  --on-dark-persona-pink-text-accent: #15110FFF;
619
538
  --on-dark-persona-pink-text-accent-active: #E6E6E6FF;
620
539
  --on-dark-persona-pink-text-accent-brightness: #15110FFF;
621
- --on-dark-persona-sea-blue-surface-accent-gradient: #0F0F0FFF;
622
- --on-dark-persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
623
- --on-dark-persona-sea-blue-surface-accent-gradient-active: #E6E6E6FF;
624
- --on-dark-persona-sea-blue-surface-accent-gradient-brightness: #0F0F0FFF;
625
540
  --on-dark-persona-sea-blue-text-accent: #15110FFF;
626
541
  --on-dark-persona-sea-blue-text-accent-hover: #CCCCCCFF;
627
542
  --on-dark-persona-sea-blue-text-accent-active: #E6E6E6FF;
628
543
  --on-dark-persona-sea-blue-text-accent-brightness: #15110FFF;
629
- --on-dark-persona-violet-surface-accent-gradient: #0F0F0FFF;
630
- --on-dark-persona-violet-surface-accent-gradient-hover: #CCCCCCFF;
631
- --on-dark-persona-violet-surface-accent-gradient-active: #E6E6E6FF;
632
544
  --on-dark-persona-green-text-accent: #15110FFF;
633
545
  --on-dark-persona-green-text-accent-hover: #CCCCCCFF;
634
546
  --on-dark-persona-green-text-accent-active: #E6E6E6FF;
635
- --on-dark-persona-indigo-surface-accent-gradient: #0F0F0FFF;
636
- --on-dark-persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
637
547
  --on-light-persona-blue-text-accent-hover: #CCCCCCFF;
638
548
  --on-light-persona-blue-text-accent-active: #E6E6E6FF;
639
549
  --on-light-persona-blue-text-accent-brightness: #EBE7E5FF;
640
- --on-light-persona-green-surface-accent-gradient: #F6F2F0FF;
641
- --on-light-persona-green-surface-accent-gradient-hover: #CCCCCCFF;
642
- --on-light-persona-green-surface-accent-gradient-active: #E6E6E6FF;
643
- --on-light-persona-green-surface-accent-gradient-brightness: #F6F2F0FF;
644
550
  --on-light-persona-green-text-accent: #EBE7E5FF;
645
551
  --on-light-persona-green-text-accent-hover: #CCCCCCFF;
646
552
  --on-light-persona-green-text-accent-active: #E6E6E6FF;
647
553
  --on-light-persona-green-text-accent-brightness: #EBE7E5FF;
648
- --on-light-persona-indigo-surface-accent-gradient: #F6F2F0FF;
649
- --on-light-persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
650
- --on-light-persona-indigo-surface-accent-gradient-active: #E6E6E6FF;
651
- --on-light-persona-indigo-surface-accent-gradient-brightness: #F6F2F0FF;
652
554
  --on-light-persona-indigo-text-accent: #EBE7E5FF;
653
555
  --on-light-persona-indigo-text-accent-hover: #CCCCCCFF;
654
556
  --on-light-persona-indigo-text-accent-active: #E6E6E6FF;
655
557
  --on-light-persona-indigo-text-accent-brightness: #EBE7E5FF;
656
- --on-light-persona-ochre-surface-accent-gradient: #F6F2F0FF;
657
- --on-light-persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
658
- --on-light-persona-ochre-surface-accent-gradient-active: #E6E6E6FF;
659
558
  --on-light-persona-ochre-text-accent: #EBE7E5FF;
660
559
  --on-light-persona-ochre-text-accent-hover: #CCCCCCFF;
661
560
  --on-light-persona-ochre-text-accent-active: #E6E6E6FF;
662
561
  --on-light-persona-ochre-text-accent-brightness: #EBE7E5FF;
663
- --on-light-persona-olive-surface-accent-gradient: #F6F2F0FF;
664
562
  --on-light-persona-olive-text-accent-hover: #CCCCCCFF;
665
563
  --on-light-persona-olive-text-accent-active: #E6E6E6FF;
666
564
  --on-light-persona-olive-text-accent-brightness: #EBE7E5FF;
667
- --on-light-persona-pink-surface-accent-gradient: #F6F2F0FF;
668
- --on-light-persona-pink-surface-accent-gradient-hover: #CCCCCCFF;
669
565
  --on-dark-persona-violet-text-accent: #15110FFF;
670
566
  --on-dark-persona-violet-text-accent-hover: #CCCCCCFF;
671
567
  --on-dark-persona-violet-text-accent-brightness: #15110FFF;
672
- --on-light-persona-ochre-surface-accent-gradient-brightness: #F6F2F0FF;
673
- --on-light-persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
674
- --on-light-persona-blue-surface-accent-gradient-brightness: #F6F2F0FF;
675
568
  --on-light-persona-blue-text-accent: #EBE7E5FF;
676
- --on-light-persona-violet-surface-accent-gradient-brightness: #F6F2F0FF;
677
569
  --on-light-persona-violet-text-accent: #EBE7E5FF;
678
570
  --on-light-persona-violet-text-accent-hover: #CCCCCCFF;
679
571
  --on-light-persona-violet-text-accent-active: #E6E6E6FF;
@@ -681,8 +573,6 @@
681
573
  --surface-accent-primary: #B4AE7BFF;
682
574
  --surface-accent-primary-hover: #CCCCCCFF;
683
575
  --surface-accent-primary-active: #E6E6E6FF;
684
- --on-light-persona-violet-surface-accent-gradient: #F6F2F0FF;
685
- --on-light-persona-violet-surface-accent-gradient-active: #E6E6E6FF;
686
576
  --on-light-surface-accent-primary: #527E4BFF;
687
577
  --on-dark-surface-accent-minor: #3E4C2FFF;
688
578
  --on-light-surface-transparent-tertiary-active: #08080833;
@@ -692,21 +582,13 @@
692
582
  --inverse-surface-accent-minor: #D2ECBAFF;
693
583
  --on-dark-text-accent-minor-active: #2F4408FF;
694
584
  --on-dark-background-secondary-active: #E6E6E6FF;
695
- --on-light-persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
696
585
  --on-light-persona-pink-text-accent-hover: #CCCCCCFF;
697
586
  --on-light-data-yellow-minor-active: #FFCC66FF;
698
- --on-dark-persona-violet-surface-accent-gradient-brightness: #0F0F0FFF;
699
- --on-light-persona-pink-surface-accent-gradient-active: #E6E6E6FF;
700
- --on-light-persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
701
587
  --inverse-text-accent-active: #3E5E03FF;
702
588
  --surface-warning-active: #F05B05FF;
703
- --on-dark-persona-blue-surface-accent-gradient-brightness: #0F0F0FFF;
704
- --on-light-persona-olive-surface-accent-gradient-active: #E6E6E6FF;
705
589
  --on-light-surface-accent-primary-active: #E6E6E6FF;
706
- --inverse-persona-ochre-surface-accent-gradient-brightness: #F6F2F0FF;
707
590
  --on-light-text-accent-minor-hover: #B6FB37FF;
708
591
  --on-light-persona-pink-text-accent-active: #E6E6E6FF;
709
- --on-light-persona-sea-blue-surface-accent-gradient-active: #E6E6E6FF;
710
592
  --on-light-persona-sea-blue-text-accent-active: #E6E6E6FF;
711
593
  --surface-accent-secondary-active: #E6E6E6FF;
712
594
  --surface-transparent-accent-minor-active: #E6E6E6FF;
@@ -723,12 +605,9 @@
723
605
  --on-dark-text-tertiary: #F6F2F03D;
724
606
  --on-light-text-accent-hover: #79B706FF;
725
607
  --text-accent-minor-hover: #6EA013FF;
726
- --inverse-persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
727
- --on-dark-persona-green-surface-accent-gradient-brightness: #0F0F0FFF;
728
608
  --on-light-persona-olive-text-accent: #EBE7E5FF;
729
609
  --on-light-surface-transparent-accent-minor: #527E4B3D;
730
610
  --on-dark-outline-default-brightness: #3B3735FF;
731
- --on-light-persona-sea-blue-surface-accent-gradient: #F6F2F0FF;
732
611
  --on-light-persona-sea-blue-text-accent: #EBE7E5FF;
733
612
  --surface-accent-secondary: #B4AE7BFF;
734
613
  --surface-transparent-accent-minor: #B4AE7B47;
@@ -744,7 +623,6 @@
744
623
  --on-dark-surface-negative: #F8A6A9FF;
745
624
  --inverse-surface-info: #3776BCFF;
746
625
  --on-light-outline-warning-hover: #FD9253FF;
747
- --on-light-persona-olive-surface-accent-gradient-brightness: #F6F2F0FF;
748
626
  --on-light-persona-pink-text-accent-brightness: #EBE7E5FF;
749
627
  --surface-transparent-accent-minor-brightness: #B4AE7B47;
750
628
  --inverse-surface-accent-secondary-brightness: #688F61FF;
@@ -754,14 +632,11 @@
754
632
  --on-dark-surface-transparent-accent-minor-brightness: #B4AE7B47;
755
633
  --on-light-surface-accent-primary-brightness: #527E4BFF;
756
634
  --on-light-surface-transparent-accent-minor-brightness: #527E4B3D;
757
- --on-light-persona-sea-blue-surface-accent-gradient-brightness: #F6F2F0FF;
758
635
  --surface-accent-primary-brightness: #B4AE7BFF;
759
636
  --surface-accent-secondary-brightness: #B4AE7BFF;
760
637
  --on-light-outline-default-brightness: #DDD9D7FF;
761
638
  --on-dark-persona-pink-text-accent-hover: #CCCCCCFF;
762
639
  --on-dark-text-accent-hover: #96E208FF;
763
- --on-light-persona-violet-surface-accent-gradient-hover: #CCCCCCFF;
764
- --persona-pink-surface-accent-gradient-brightness: #0F0F0FFF;
765
640
  --inverse-surface-transparent-accent-minor-hover: #CCCCCCFF;
766
641
  --on-light-surface-accent-primary-hover: #CCCCCCFF;
767
642
  --on-light-surface-accent-secondary-hover: #CCCCCCFF;
@@ -776,7 +651,6 @@
776
651
  --persona-pink-text-accent-brightness: #15110FFF;
777
652
  --inverse-persona-ochre-text-accent-brightness: #EBE7E5FF;
778
653
  --on-dark-persona-green-text-accent-brightness: #15110FFF;
779
- --on-light-persona-blue-surface-accent-gradient-active: #E6E6E6FF;
780
654
  --on-light-persona-pink-text-accent: #EBE7E5FF;
781
655
  --on-dark-surface-transparent-accent-minor-active: #E6E6E6FF;
782
656
  --surface-solid-default: #F6F2F0FF;
@@ -788,10 +662,8 @@
788
662
  --dark-background-primary: #080808;
789
663
  --on-dark-data-yellow-minor-hover: #B87A00FF;
790
664
  --on-light-outline-negative-active: #E40C22FF;
791
- --on-light-persona-pink-surface-accent-gradient-brightness: #F6F2F0FF;
792
665
  --on-light-outline-transparent-primary: #15110F3D;
793
666
  --on-light-surface-transparent-accent: #527E4B1F;
794
- --persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
795
667
  --on-dark-surface-solid-primary-active: #121212FF;
796
668
  --on-dark-surface-transparent-deep-active: #FFFFFF94;
797
669
  --on-dark-surface-positive: #A6D2A2FF;
@@ -806,6 +678,7 @@
806
678
  }
807
679
 
808
680
  .dark {
681
+ --on-light-persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
809
682
  --surface-accent-gradient: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
810
683
  --surface-skeleton-gradient: linear-gradient(90.00deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.24) 50%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);
811
684
  --surface-skeleton-gradient-hover: #FFFFFFFF;
@@ -846,6 +719,91 @@
846
719
  --inverse-outline-accent-gradient-hover: #CCCCCCFF;
847
720
  --inverse-outline-accent-gradient-active: #E6E6E6FF;
848
721
  --on-light-outline-accent-gradient-active: #E6E6E6FF;
722
+ --persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
723
+ --persona-blue-surface-accent-gradient-active: #FFFFFFFF;
724
+ --persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
725
+ --persona-green-surface-accent-gradient-hover: #FFFFFFFF;
726
+ --persona-green-surface-accent-gradient-active: #FFFFFFFF;
727
+ --persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
728
+ --persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
729
+ --persona-indigo-surface-accent-gradient-active: #FFFFFFFF;
730
+ --persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);
731
+ --persona-ochre-surface-accent-gradient-active: #FFFFFFFF;
732
+ --persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);
733
+ --persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
734
+ --persona-olive-surface-accent-gradient-active: #FFFFFFFF;
735
+ --persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
736
+ --persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
737
+ --persona-pink-surface-accent-gradient-active: #FFFFFFFF;
738
+ --persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
739
+ --persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
740
+ --persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
741
+ --persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
742
+ --persona-violet-surface-accent-gradient-active: #FFFFFFFF;
743
+ --inverse-persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
744
+ --inverse-persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
745
+ --inverse-persona-blue-surface-accent-gradient-active: #FFFFFFFF;
746
+ --inverse-persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
747
+ --inverse-persona-green-surface-accent-gradient-hover: #FFFFFFFF;
748
+ --inverse-persona-green-surface-accent-gradient-active: #FFFFFFFF;
749
+ --inverse-persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
750
+ --inverse-persona-indigo-surface-accent-gradient-active: #FFFFFFFF;
751
+ --inverse-persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);
752
+ --inverse-persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;
753
+ --inverse-persona-ochre-surface-accent-gradient-active: #FFFFFFFF;
754
+ --persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
755
+ --persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
756
+ --inverse-persona-olive-surface-accent-gradient-active: #FFFFFFFF;
757
+ --inverse-persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
758
+ --inverse-persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
759
+ --inverse-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
760
+ --inverse-persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
761
+ --inverse-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
762
+ --inverse-persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
763
+ --inverse-persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
764
+ --inverse-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
765
+ --inverse-persona-violet-surface-accent-gradient-active: #FFFFFFFF;
766
+ --on-dark-persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
767
+ --on-dark-persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
768
+ --on-dark-persona-blue-surface-accent-gradient-active: #FFFFFFFF;
769
+ --on-dark-persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
770
+ --on-dark-persona-green-surface-accent-gradient-hover: #FFFFFFFF;
771
+ --on-dark-persona-green-surface-accent-gradient-active: #FFFFFFFF;
772
+ --inverse-persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);
773
+ --inverse-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
774
+ --on-dark-persona-indigo-surface-accent-gradient-active: #FFFFFFFF;
775
+ --on-dark-persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);
776
+ --on-dark-persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;
777
+ --on-dark-persona-ochre-surface-accent-gradient-active: #FFFFFFFF;
778
+ --on-dark-persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);
779
+ --on-dark-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
780
+ --on-dark-persona-olive-surface-accent-gradient-active: #FFFFFFFF;
781
+ --on-dark-persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
782
+ --on-dark-persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
783
+ --on-dark-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
784
+ --on-dark-persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
785
+ --on-dark-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
786
+ --on-dark-persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
787
+ --on-dark-persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
788
+ --on-dark-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
789
+ --on-dark-persona-violet-surface-accent-gradient-active: #FFFFFFFF;
790
+ --on-dark-persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
791
+ --on-dark-persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
792
+ --on-light-persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
793
+ --on-light-persona-green-surface-accent-gradient-hover: #FFFFFFFF;
794
+ --on-light-persona-green-surface-accent-gradient-active: #FFFFFFFF;
795
+ --on-light-persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
796
+ --on-light-persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
797
+ --on-light-persona-indigo-surface-accent-gradient-active: #FFFFFFFF;
798
+ --on-light-persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);
799
+ --on-light-persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;
800
+ --on-light-persona-ochre-surface-accent-gradient-active: #FFFFFFFF;
801
+ --on-light-persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);
802
+ --on-light-persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
803
+ --on-light-persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
804
+ --on-light-persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
805
+ --on-light-persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
806
+ --on-light-persona-violet-surface-accent-gradient-active: #FFFFFFFF;
849
807
  --on-dark-outline-transparent-surface-active: #E6E6E6FF;
850
808
  --on-dark-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
851
809
  --on-light-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
@@ -878,21 +836,31 @@
878
836
  --on-dark-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
879
837
  --inverse-text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
880
838
  --on-dark-outline-transparent-surface-hover: #CCCCCCFF;
839
+ --on-light-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
881
840
  --on-light-overlay-gradient-active: #E6E6E6FF;
882
841
  --on-light-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
883
842
  --inverse-overlay-gradient-active: #E6E6E6FF;
884
843
  --inverse-overlay-gradient-hover: #CCCCCCFF;
885
844
  --inverse-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
886
845
  --on-light-overlay-gradient: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
846
+ --on-light-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
847
+ --on-light-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
887
848
  --on-light-overlay-gradient-hover: #CCCCCCFF;
849
+ --on-light-persona-olive-surface-accent-gradient-active: #FFFFFFFF;
850
+ --on-light-persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
888
851
  --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
889
852
  --inverse-outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
890
853
  --on-light-outline-accent-gradient-hover: #CCCCCCFF;
854
+ --inverse-persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
855
+ --on-light-persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
891
856
  --surface-accent-gradient-hover: #CCCCCCFF;
892
857
  --outline-accent-gradient-active: #666666FF;
858
+ --on-light-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
893
859
  --on-light-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
894
860
  --on-dark-surface-accent-gradient: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
895
861
  --surface-accent-gradient-active: #E6E6E6FF;
862
+ --on-light-persona-blue-surface-accent-gradient-active: #FFFFFFFF;
863
+ --persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;
896
864
  --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;
897
865
  }
898
866
 
@@ -1293,7 +1261,6 @@
1293
1261
  --on-dark-data-yellow: #F3A912;
1294
1262
  --on-dark-data-yellow-hover: #F4B22FFF;
1295
1263
  --on-dark-data-yellow-active: #EDA20CFF;
1296
- --on-light-persona-blue-surface-accent-gradient: #F6F2F0FF;
1297
1264
  --inverse-surface-positive: #A6D2A2FF;
1298
1265
  --outline-positive: #239322FF;
1299
1266
  --on-dark-data-yellow-minor: #A16B00;
@@ -1345,227 +1312,120 @@
1345
1312
  --inverse-background-secondary-hover: #CCCCCCFF;
1346
1313
  --inverse-background-secondary-brightness: #000000FF;
1347
1314
  --on-dark-background-secondary: #000000FF;
1348
- --persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
1349
- --persona-blue-surface-accent-gradient-active: #E6E6E6FF;
1350
- --persona-blue-surface-accent-gradient-brightness: #F6F2F0FF;
1351
1315
  --persona-blue-text-accent: #EBE7E5FF;
1352
1316
  --persona-blue-text-accent-hover: #CCCCCCFF;
1353
1317
  --persona-blue-text-accent-active: #E6E6E6FF;
1354
1318
  --persona-blue-text-accent-brightness: #EBE7E5FF;
1355
- --persona-green-surface-accent-gradient: #F6F2F0FF;
1356
- --persona-green-surface-accent-gradient-hover: #CCCCCCFF;
1357
- --persona-green-surface-accent-gradient-active: #E6E6E6FF;
1358
- --persona-green-surface-accent-gradient-brightness: #F6F2F0FF;
1359
1319
  --persona-green-text-accent: #EBE7E5FF;
1360
1320
  --persona-green-text-accent-hover: #CCCCCCFF;
1361
1321
  --persona-green-text-accent-active: #E6E6E6FF;
1362
1322
  --persona-green-text-accent-brightness: #EBE7E5FF;
1363
- --persona-indigo-surface-accent-gradient: #F6F2F0FF;
1364
- --persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
1365
- --persona-indigo-surface-accent-gradient-active: #E6E6E6FF;
1366
- --persona-indigo-surface-accent-gradient-brightness: #F6F2F0FF;
1367
1323
  --persona-indigo-text-accent: #EBE7E5FF;
1368
1324
  --persona-indigo-text-accent-hover: #CCCCCCFF;
1369
1325
  --persona-indigo-text-accent-active: #E6E6E6FF;
1370
1326
  --persona-indigo-text-accent-brightness: #EBE7E5FF;
1371
- --persona-ochre-surface-accent-gradient: #F6F2F0FF;
1372
- --persona-ochre-surface-accent-gradient-active: #E6E6E6FF;
1373
- --persona-ochre-surface-accent-gradient-brightness: #F6F2F0FF;
1374
1327
  --persona-ochre-text-accent: #EBE7E5FF;
1375
1328
  --persona-ochre-text-accent-hover: #CCCCCCFF;
1376
1329
  --persona-ochre-text-accent-active: #E6E6E6FF;
1377
1330
  --persona-ochre-text-accent-brightness: #EBE7E5FF;
1378
- --persona-olive-surface-accent-gradient: #F6F2F0FF;
1379
- --persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
1380
- --persona-olive-surface-accent-gradient-active: #E6E6E6FF;
1381
- --persona-olive-surface-accent-gradient-brightness: #F6F2F0FF;
1382
1331
  --persona-olive-text-accent: #EBE7E5FF;
1383
1332
  --persona-olive-text-accent-hover: #CCCCCCFF;
1384
1333
  --persona-olive-text-accent-active: #E6E6E6FF;
1385
1334
  --persona-olive-text-accent-brightness: #EBE7E5FF;
1386
- --persona-pink-surface-accent-gradient: #F6F2F0FF;
1387
- --persona-pink-surface-accent-gradient-hover: #CCCCCCFF;
1388
- --persona-pink-surface-accent-gradient-active: #E6E6E6FF;
1389
1335
  --on-light-outline-default-active: #E6E6E6FF;
1390
1336
  --on-light-outline-minor: #FFFFFFFF;
1391
1337
  --on-light-outline-minor-hover: #CCCCCCFF;
1392
1338
  --on-light-outline-minor-brightness: #FFFFFFFF;
1393
- --persona-blue-surface-accent-gradient: #F6F2F0FF;
1394
- --persona-sea-blue-surface-accent-gradient-active: #E6E6E6FF;
1395
- --persona-sea-blue-surface-accent-gradient-brightness: #F6F2F0FF;
1396
1339
  --persona-sea-blue-text-accent: #EBE7E5FF;
1397
1340
  --persona-sea-blue-text-accent-hover: #CCCCCCFF;
1398
1341
  --persona-sea-blue-text-accent-active: #E6E6E6FF;
1399
1342
  --persona-sea-blue-text-accent-brightness: #EBE7E5FF;
1400
- --persona-violet-surface-accent-gradient: #F6F2F0FF;
1401
- --persona-violet-surface-accent-gradient-hover: #CCCCCCFF;
1402
- --persona-violet-surface-accent-gradient-active: #E6E6E6FF;
1403
- --persona-violet-surface-accent-gradient-brightness: #F6F2F0FF;
1404
1343
  --persona-violet-text-accent: #EBE7E5FF;
1405
1344
  --persona-violet-text-accent-hover: #CCCCCCFF;
1406
1345
  --persona-violet-text-accent-active: #E6E6E6FF;
1407
1346
  --persona-violet-text-accent-brightness: #EBE7E5FF;
1408
- --inverse-persona-blue-surface-accent-gradient: #0F0F0FFF;
1409
- --inverse-persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
1410
- --inverse-persona-blue-surface-accent-gradient-active: #E6E6E6FF;
1411
- --inverse-persona-blue-surface-accent-gradient-brightness: #0F0F0FFF;
1412
1347
  --inverse-persona-blue-text-accent: #15110FFF;
1413
1348
  --inverse-persona-blue-text-accent-hover: #CCCCCCFF;
1414
1349
  --inverse-persona-blue-text-accent-active: #E6E6E6FF;
1415
1350
  --inverse-persona-blue-text-accent-brightness: #15110FFF;
1416
- --inverse-persona-green-surface-accent-gradient: #0F0F0FFF;
1417
- --inverse-persona-green-surface-accent-gradient-hover: #CCCCCCFF;
1418
- --inverse-persona-green-surface-accent-gradient-active: #E6E6E6FF;
1419
- --inverse-persona-green-surface-accent-gradient-brightness: #0F0F0FFF;
1420
1351
  --inverse-persona-green-text-accent: #15110FFF;
1421
1352
  --inverse-persona-green-text-accent-hover: #CCCCCCFF;
1422
1353
  --inverse-persona-green-text-accent-active: #E6E6E6FF;
1423
1354
  --inverse-persona-green-text-accent-brightness: #15110FFF;
1424
- --inverse-persona-indigo-surface-accent-gradient: #0F0F0FFF;
1425
- --inverse-persona-indigo-surface-accent-gradient-active: #E6E6E6FF;
1426
- --inverse-persona-indigo-surface-accent-gradient-brightness: #0F0F0FFF;
1427
1355
  --inverse-persona-indigo-text-accent: #15110FFF;
1428
1356
  --inverse-persona-indigo-text-accent-hover: #CCCCCCFF;
1429
1357
  --inverse-persona-indigo-text-accent-active: #E6E6E6FF;
1430
1358
  --inverse-persona-indigo-text-accent-brightness: #15110FFF;
1431
- --inverse-persona-ochre-surface-accent-gradient: #0F0F0FFF;
1432
- --inverse-persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
1433
- --inverse-persona-ochre-surface-accent-gradient-active: #E6E6E6FF;
1434
1359
  --persona-pink-text-accent: #EBE7E5FF;
1435
1360
  --persona-pink-text-accent-hover: #CCCCCCFF;
1436
1361
  --persona-pink-text-accent-active: #E6E6E6FF;
1437
- --persona-sea-blue-surface-accent-gradient: #F6F2F0FF;
1438
- --persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
1439
- --inverse-persona-olive-surface-accent-gradient-active: #E6E6E6FF;
1440
- --inverse-persona-olive-surface-accent-gradient-brightness: #0F0F0FFF;
1441
1362
  --inverse-persona-olive-text-accent: #15110FFF;
1442
1363
  --inverse-persona-olive-text-accent-active: #E6E6E6FF;
1443
1364
  --inverse-persona-olive-text-accent-brightness: #15110FFF;
1444
- --inverse-persona-pink-surface-accent-gradient: #0F0F0FFF;
1445
- --inverse-persona-pink-surface-accent-gradient-hover: #CCCCCCFF;
1446
- --inverse-persona-pink-surface-accent-gradient-active: #E6E6E6FF;
1447
- --inverse-persona-pink-surface-accent-gradient-brightness: #0F0F0FFF;
1448
1365
  --inverse-persona-pink-text-accent: #15110FFF;
1449
1366
  --inverse-persona-pink-text-accent-hover: #CCCCCCFF;
1450
1367
  --inverse-persona-pink-text-accent-active: #E6E6E6FF;
1451
1368
  --inverse-persona-pink-text-accent-brightness: #15110FFF;
1452
- --inverse-persona-sea-blue-surface-accent-gradient: #0F0F0FFF;
1453
- --inverse-persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
1454
- --inverse-persona-sea-blue-surface-accent-gradient-active: #E6E6E6FF;
1455
- --inverse-persona-sea-blue-surface-accent-gradient-brightness: #0F0F0FFF;
1456
1369
  --inverse-persona-sea-blue-text-accent: #15110FFF;
1457
1370
  --inverse-persona-sea-blue-text-accent-hover: #CCCCCCFF;
1458
1371
  --inverse-persona-sea-blue-text-accent-active: #E6E6E6FF;
1459
1372
  --inverse-persona-sea-blue-text-accent-brightness: #15110FFF;
1460
- --inverse-persona-violet-surface-accent-gradient: #0F0F0FFF;
1461
- --inverse-persona-violet-surface-accent-gradient-hover: #CCCCCCFF;
1462
- --inverse-persona-violet-surface-accent-gradient-active: #E6E6E6FF;
1463
- --inverse-persona-violet-surface-accent-gradient-brightness: #0F0F0FFF;
1464
1373
  --inverse-persona-violet-text-accent: #15110FFF;
1465
1374
  --inverse-persona-violet-text-accent-hover: #CCCCCCFF;
1466
1375
  --inverse-persona-violet-text-accent-active: #E6E6E6FF;
1467
1376
  --inverse-persona-violet-text-accent-brightness: #15110FFF;
1468
- --on-dark-persona-blue-surface-accent-gradient: #0F0F0FFF;
1469
- --on-dark-persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
1470
- --on-dark-persona-blue-surface-accent-gradient-active: #E6E6E6FF;
1471
1377
  --on-dark-persona-blue-text-accent: #15110FFF;
1472
1378
  --on-dark-persona-blue-text-accent-hover: #CCCCCCFF;
1473
1379
  --on-dark-persona-blue-text-accent-active: #E6E6E6FF;
1474
1380
  --on-dark-persona-blue-text-accent-brightness: #15110FFF;
1475
- --on-dark-persona-green-surface-accent-gradient: #0F0F0FFF;
1476
- --on-dark-persona-green-surface-accent-gradient-hover: #CCCCCCFF;
1477
- --on-dark-persona-green-surface-accent-gradient-active: #E6E6E6FF;
1478
1381
  --inverse-persona-ochre-text-accent: #15110FFF;
1479
1382
  --inverse-persona-ochre-text-accent-hover: #CCCCCCFF;
1480
1383
  --inverse-persona-olive-text-accent-hover: #CCCCCCFF;
1481
1384
  --inverse-persona-ochre-text-accent-active: #E6E6E6FF;
1482
- --inverse-persona-olive-surface-accent-gradient: #0F0F0FFF;
1483
- --inverse-persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
1484
- --on-dark-persona-indigo-surface-accent-gradient-active: #E6E6E6FF;
1485
- --on-dark-persona-indigo-surface-accent-gradient-brightness: #0F0F0FFF;
1486
1385
  --on-dark-persona-indigo-text-accent: #15110FFF;
1487
1386
  --on-dark-persona-indigo-text-accent-hover: #CCCCCCFF;
1488
1387
  --on-dark-persona-indigo-text-accent-active: #E6E6E6FF;
1489
1388
  --on-dark-persona-indigo-text-accent-brightness: #15110FFF;
1490
- --on-dark-persona-ochre-surface-accent-gradient: #0F0F0FFF;
1491
- --on-dark-persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
1492
- --on-dark-persona-ochre-surface-accent-gradient-active: #E6E6E6FF;
1493
- --on-dark-persona-ochre-surface-accent-gradient-brightness: #0F0F0FFF;
1494
1389
  --on-dark-persona-ochre-text-accent: #15110FFF;
1495
1390
  --on-dark-persona-ochre-text-accent-hover: #CCCCCCFF;
1496
1391
  --on-dark-persona-ochre-text-accent-active: #E6E6E6FF;
1497
1392
  --on-dark-persona-ochre-text-accent-brightness: #15110FFF;
1498
- --on-dark-persona-olive-surface-accent-gradient: #0F0F0FFF;
1499
- --on-dark-persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
1500
- --on-dark-persona-olive-surface-accent-gradient-active: #E6E6E6FF;
1501
- --on-dark-persona-olive-surface-accent-gradient-brightness: #0F0F0FFF;
1502
1393
  --on-dark-persona-olive-text-accent: #15110FFF;
1503
1394
  --on-dark-persona-olive-text-accent-hover: #CCCCCCFF;
1504
1395
  --on-dark-persona-olive-text-accent-active: #E6E6E6FF;
1505
1396
  --on-dark-persona-olive-text-accent-brightness: #15110FFF;
1506
- --on-dark-persona-pink-surface-accent-gradient: #0F0F0FFF;
1507
- --on-dark-persona-pink-surface-accent-gradient-hover: #CCCCCCFF;
1508
- --on-dark-persona-pink-surface-accent-gradient-active: #E6E6E6FF;
1509
- --on-dark-persona-pink-surface-accent-gradient-brightness: #0F0F0FFF;
1510
1397
  --on-dark-persona-pink-text-accent: #15110FFF;
1511
1398
  --on-dark-persona-pink-text-accent-active: #E6E6E6FF;
1512
1399
  --on-dark-persona-pink-text-accent-brightness: #15110FFF;
1513
- --on-dark-persona-sea-blue-surface-accent-gradient: #0F0F0FFF;
1514
- --on-dark-persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
1515
- --on-dark-persona-sea-blue-surface-accent-gradient-active: #E6E6E6FF;
1516
- --on-dark-persona-sea-blue-surface-accent-gradient-brightness: #0F0F0FFF;
1517
1400
  --on-dark-persona-sea-blue-text-accent: #15110FFF;
1518
1401
  --on-dark-persona-sea-blue-text-accent-hover: #CCCCCCFF;
1519
1402
  --on-dark-persona-sea-blue-text-accent-active: #E6E6E6FF;
1520
1403
  --on-dark-persona-sea-blue-text-accent-brightness: #15110FFF;
1521
- --on-dark-persona-violet-surface-accent-gradient: #0F0F0FFF;
1522
- --on-dark-persona-violet-surface-accent-gradient-hover: #CCCCCCFF;
1523
- --on-dark-persona-violet-surface-accent-gradient-active: #E6E6E6FF;
1524
1404
  --on-dark-persona-green-text-accent: #15110FFF;
1525
1405
  --on-dark-persona-green-text-accent-hover: #CCCCCCFF;
1526
1406
  --on-dark-persona-green-text-accent-active: #E6E6E6FF;
1527
- --on-dark-persona-indigo-surface-accent-gradient: #0F0F0FFF;
1528
- --on-dark-persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
1529
1407
  --on-light-persona-blue-text-accent-hover: #CCCCCCFF;
1530
1408
  --on-light-persona-blue-text-accent-active: #E6E6E6FF;
1531
1409
  --on-light-persona-blue-text-accent-brightness: #EBE7E5FF;
1532
- --on-light-persona-green-surface-accent-gradient: #F6F2F0FF;
1533
- --on-light-persona-green-surface-accent-gradient-hover: #CCCCCCFF;
1534
- --on-light-persona-green-surface-accent-gradient-active: #E6E6E6FF;
1535
- --on-light-persona-green-surface-accent-gradient-brightness: #F6F2F0FF;
1536
1410
  --on-light-persona-green-text-accent: #EBE7E5FF;
1537
1411
  --on-light-persona-green-text-accent-hover: #CCCCCCFF;
1538
1412
  --on-light-persona-green-text-accent-active: #E6E6E6FF;
1539
1413
  --on-light-persona-green-text-accent-brightness: #EBE7E5FF;
1540
- --on-light-persona-indigo-surface-accent-gradient: #F6F2F0FF;
1541
- --on-light-persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
1542
- --on-light-persona-indigo-surface-accent-gradient-active: #E6E6E6FF;
1543
- --on-light-persona-indigo-surface-accent-gradient-brightness: #F6F2F0FF;
1544
1414
  --on-light-persona-indigo-text-accent: #EBE7E5FF;
1545
1415
  --on-light-persona-indigo-text-accent-hover: #CCCCCCFF;
1546
1416
  --on-light-persona-indigo-text-accent-active: #E6E6E6FF;
1547
1417
  --on-light-persona-indigo-text-accent-brightness: #EBE7E5FF;
1548
- --on-light-persona-ochre-surface-accent-gradient: #F6F2F0FF;
1549
- --on-light-persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
1550
- --on-light-persona-ochre-surface-accent-gradient-active: #E6E6E6FF;
1551
1418
  --on-light-persona-ochre-text-accent: #EBE7E5FF;
1552
1419
  --on-light-persona-ochre-text-accent-hover: #CCCCCCFF;
1553
1420
  --on-light-persona-ochre-text-accent-active: #E6E6E6FF;
1554
1421
  --on-light-persona-ochre-text-accent-brightness: #EBE7E5FF;
1555
- --on-light-persona-olive-surface-accent-gradient: #F6F2F0FF;
1556
1422
  --on-light-persona-olive-text-accent-hover: #CCCCCCFF;
1557
1423
  --on-light-persona-olive-text-accent-active: #E6E6E6FF;
1558
1424
  --on-light-persona-olive-text-accent-brightness: #EBE7E5FF;
1559
- --on-light-persona-pink-surface-accent-gradient: #F6F2F0FF;
1560
- --on-light-persona-pink-surface-accent-gradient-hover: #CCCCCCFF;
1561
1425
  --on-dark-persona-violet-text-accent: #15110FFF;
1562
1426
  --on-dark-persona-violet-text-accent-hover: #CCCCCCFF;
1563
1427
  --on-dark-persona-violet-text-accent-brightness: #15110FFF;
1564
- --on-light-persona-ochre-surface-accent-gradient-brightness: #F6F2F0FF;
1565
- --on-light-persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
1566
- --on-light-persona-blue-surface-accent-gradient-brightness: #F6F2F0FF;
1567
1428
  --on-light-persona-blue-text-accent: #EBE7E5FF;
1568
- --on-light-persona-violet-surface-accent-gradient-brightness: #F6F2F0FF;
1569
1429
  --on-light-persona-violet-text-accent: #EBE7E5FF;
1570
1430
  --on-light-persona-violet-text-accent-hover: #CCCCCCFF;
1571
1431
  --on-light-persona-violet-text-accent-active: #E6E6E6FF;
@@ -1573,8 +1433,6 @@
1573
1433
  --surface-accent-primary: #527E4BFF;
1574
1434
  --surface-accent-primary-hover: #CCCCCCFF;
1575
1435
  --surface-accent-primary-active: #E6E6E6FF;
1576
- --on-light-persona-violet-surface-accent-gradient: #F6F2F0FF;
1577
- --on-light-persona-violet-surface-accent-gradient-active: #E6E6E6FF;
1578
1436
  --on-light-surface-accent-primary: #527E4BFF;
1579
1437
  --on-dark-surface-accent-minor: #3E4C2FFF;
1580
1438
  --on-light-surface-transparent-tertiary-active: #08080833;
@@ -1584,21 +1442,13 @@
1584
1442
  --inverse-surface-accent-minor: #3E4C2FFF;
1585
1443
  --on-dark-text-accent-minor-active: #629405FF;
1586
1444
  --on-dark-background-secondary-active: #E6E6E6FF;
1587
- --on-light-persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
1588
1445
  --on-light-persona-pink-text-accent-hover: #CCCCCCFF;
1589
1446
  --on-light-data-yellow-minor-active: #FFCC66FF;
1590
- --on-dark-persona-violet-surface-accent-gradient-brightness: #0F0F0FFF;
1591
- --on-light-persona-pink-surface-accent-gradient-active: #E6E6E6FF;
1592
- --on-light-persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
1593
1447
  --inverse-text-accent-active: #629405FF;
1594
1448
  --surface-warning-active: #E65705FF;
1595
- --on-dark-persona-blue-surface-accent-gradient-brightness: #0F0F0FFF;
1596
- --on-light-persona-olive-surface-accent-gradient-active: #E6E6E6FF;
1597
1449
  --on-light-surface-accent-primary-active: #E6E6E6FF;
1598
- --inverse-persona-ochre-surface-accent-gradient-brightness: #0F0F0FFF;
1599
1450
  --on-light-text-accent-minor-hover: #B6FB37FF;
1600
1451
  --on-light-persona-pink-text-accent-active: #E6E6E6FF;
1601
- --on-light-persona-sea-blue-surface-accent-gradient-active: #E6E6E6FF;
1602
1452
  --on-light-persona-sea-blue-text-accent-active: #E6E6E6FF;
1603
1453
  --surface-accent-secondary-active: #E6E6E6FF;
1604
1454
  --surface-transparent-accent-minor-active: #E6E6E6FF;
@@ -1616,12 +1466,9 @@
1616
1466
  --on-dark-text-tertiary: #F6F2F03D;
1617
1467
  --on-light-text-accent-hover: #79B706FF;
1618
1468
  --text-accent-minor-hover: #B6FB37FF;
1619
- --inverse-persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
1620
- --on-dark-persona-green-surface-accent-gradient-brightness: #0F0F0FFF;
1621
1469
  --on-light-persona-olive-text-accent: #EBE7E5FF;
1622
1470
  --on-light-surface-transparent-accent-minor: #527E4B3D;
1623
1471
  --on-dark-outline-default-brightness: #3B3735FF;
1624
- --on-light-persona-sea-blue-surface-accent-gradient: #F6F2F0FF;
1625
1472
  --on-light-persona-sea-blue-text-accent: #EBE7E5FF;
1626
1473
  --surface-accent-secondary: #688F61FF;
1627
1474
  --surface-transparent-accent-minor: #527E4B3D;
@@ -1638,7 +1485,6 @@
1638
1485
  --on-dark-surface-negative: #F8A6A9FF;
1639
1486
  --inverse-surface-info: #9BCAF8FF;
1640
1487
  --on-light-outline-warning-hover: #FD9253FF;
1641
- --on-light-persona-olive-surface-accent-gradient-brightness: #F6F2F0FF;
1642
1488
  --on-light-persona-pink-text-accent-brightness: #EBE7E5FF;
1643
1489
  --surface-transparent-accent-minor-brightness: #527E4B3D;
1644
1490
  --inverse-surface-accent-secondary-brightness: #B4AE7BFF;
@@ -1649,14 +1495,11 @@
1649
1495
  --on-light-surface-accent-primary-brightness: #527E4BFF;
1650
1496
  --on-light-surface-transparent-accent-minor-brightness: #527E4B3D;
1651
1497
  --inverse-outline-minor-brightness: #383838FF;
1652
- --on-light-persona-sea-blue-surface-accent-gradient-brightness: #F6F2F0FF;
1653
1498
  --surface-accent-primary-brightness: #527E4BFF;
1654
1499
  --surface-accent-secondary-brightness: #688F61FF;
1655
1500
  --on-light-outline-default-brightness: #DDD9D7FF;
1656
1501
  --on-dark-persona-pink-text-accent-hover: #CCCCCCFF;
1657
1502
  --on-dark-text-accent-hover: #96E208FF;
1658
- --on-light-persona-violet-surface-accent-gradient-hover: #CCCCCCFF;
1659
- --persona-pink-surface-accent-gradient-brightness: #F6F2F0FF;
1660
1503
  --inverse-surface-transparent-accent-minor-hover: #CCCCCCFF;
1661
1504
  --on-light-surface-accent-primary-hover: #CCCCCCFF;
1662
1505
  --on-light-surface-accent-secondary-hover: #CCCCCCFF;
@@ -1672,7 +1515,6 @@
1672
1515
  --persona-pink-text-accent-brightness: #EBE7E5FF;
1673
1516
  --inverse-persona-ochre-text-accent-brightness: #15110FFF;
1674
1517
  --on-dark-persona-green-text-accent-brightness: #15110FFF;
1675
- --on-light-persona-blue-surface-accent-gradient-active: #E6E6E6FF;
1676
1518
  --on-light-persona-pink-text-accent: #EBE7E5FF;
1677
1519
  --on-dark-surface-transparent-accent-minor-active: #E6E6E6FF;
1678
1520
  --surface-solid-default: #15110FFF;
@@ -1684,10 +1526,8 @@
1684
1526
  --dark-background-primary: #080808;
1685
1527
  --on-dark-data-yellow-minor-hover: #B87A00FF;
1686
1528
  --on-light-outline-negative-active: #E40C22FF;
1687
- --on-light-persona-pink-surface-accent-gradient-brightness: #F6F2F0FF;
1688
1529
  --on-light-outline-transparent-primary: #15110F3D;
1689
1530
  --on-light-surface-transparent-accent: #527E4B1F;
1690
- --persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
1691
1531
  --on-dark-surface-solid-primary-active: #121212FF;
1692
1532
  --on-dark-surface-transparent-deep-active: #FFFFFF94;
1693
1533
  --on-dark-surface-positive: #A6D2A2FF;
@@ -1702,6 +1542,7 @@
1702
1542
  }
1703
1543
 
1704
1544
  .light {
1545
+ --on-light-persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
1705
1546
  --surface-accent-gradient: linear-gradient(45.00deg, rgb(82, 126, 75) 0%, rgb(156, 191, 128) 100%);
1706
1547
  --surface-skeleton-gradient: linear-gradient(270deg, rgba(8, 8, 8, 0.06) 0%, rgba(8, 8, 8, 0.05) 10%, rgba(8, 8, 8, 0.04) 20%, rgba(8, 8, 8, 0.03) 25%, rgba(8, 8, 8, 0.02) 30%, rgba(8, 8, 8, 0.01) 40%, rgba(8, 8, 8, 0) 50%, rgba(8, 8, 8, 0.01) 60%, rgba(8, 8, 8, 0.02) 70%, rgba(8, 8, 8, 0.03) 75%, rgba(8, 8, 8, 0.04) 80%, rgba(8, 8, 8, 0.05) 90%, rgba(8, 8, 8, 0.06) 100%);
1707
1548
  --surface-skeleton-gradient-hover: #FFFFFFFF;
@@ -1742,6 +1583,91 @@
1742
1583
  --inverse-outline-accent-gradient-hover: #858585FF;
1743
1584
  --inverse-outline-accent-gradient-active: #666666FF;
1744
1585
  --on-light-outline-accent-gradient-active: #E6E6E6FF;
1586
+ --persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
1587
+ --persona-blue-surface-accent-gradient-active: #FFFFFFFF;
1588
+ --persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
1589
+ --persona-green-surface-accent-gradient-hover: #FFFFFFFF;
1590
+ --persona-green-surface-accent-gradient-active: #FFFFFFFF;
1591
+ --persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
1592
+ --persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
1593
+ --persona-indigo-surface-accent-gradient-active: #FFFFFFFF;
1594
+ --persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);
1595
+ --persona-ochre-surface-accent-gradient-active: #FFFFFFFF;
1596
+ --persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);
1597
+ --persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
1598
+ --persona-olive-surface-accent-gradient-active: #FFFFFFFF;
1599
+ --persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
1600
+ --persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
1601
+ --persona-pink-surface-accent-gradient-active: #FFFFFFFF;
1602
+ --persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
1603
+ --persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
1604
+ --persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
1605
+ --persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
1606
+ --persona-violet-surface-accent-gradient-active: #FFFFFFFF;
1607
+ --inverse-persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
1608
+ --inverse-persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
1609
+ --inverse-persona-blue-surface-accent-gradient-active: #FFFFFFFF;
1610
+ --inverse-persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
1611
+ --inverse-persona-green-surface-accent-gradient-hover: #FFFFFFFF;
1612
+ --inverse-persona-green-surface-accent-gradient-active: #FFFFFFFF;
1613
+ --inverse-persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
1614
+ --inverse-persona-indigo-surface-accent-gradient-active: #FFFFFFFF;
1615
+ --inverse-persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);
1616
+ --inverse-persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;
1617
+ --inverse-persona-ochre-surface-accent-gradient-active: #FFFFFFFF;
1618
+ --persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
1619
+ --persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
1620
+ --inverse-persona-olive-surface-accent-gradient-active: #FFFFFFFF;
1621
+ --inverse-persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
1622
+ --inverse-persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
1623
+ --inverse-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
1624
+ --inverse-persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
1625
+ --inverse-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
1626
+ --inverse-persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
1627
+ --inverse-persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
1628
+ --inverse-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
1629
+ --inverse-persona-violet-surface-accent-gradient-active: #FFFFFFFF;
1630
+ --on-dark-persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
1631
+ --on-dark-persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
1632
+ --on-dark-persona-blue-surface-accent-gradient-active: #FFFFFFFF;
1633
+ --on-dark-persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
1634
+ --on-dark-persona-green-surface-accent-gradient-hover: #FFFFFFFF;
1635
+ --on-dark-persona-green-surface-accent-gradient-active: #FFFFFFFF;
1636
+ --inverse-persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);
1637
+ --inverse-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
1638
+ --on-dark-persona-indigo-surface-accent-gradient-active: #FFFFFFFF;
1639
+ --on-dark-persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);
1640
+ --on-dark-persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;
1641
+ --on-dark-persona-ochre-surface-accent-gradient-active: #FFFFFFFF;
1642
+ --on-dark-persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);
1643
+ --on-dark-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
1644
+ --on-dark-persona-olive-surface-accent-gradient-active: #FFFFFFFF;
1645
+ --on-dark-persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
1646
+ --on-dark-persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
1647
+ --on-dark-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
1648
+ --on-dark-persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
1649
+ --on-dark-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
1650
+ --on-dark-persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
1651
+ --on-dark-persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
1652
+ --on-dark-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
1653
+ --on-dark-persona-violet-surface-accent-gradient-active: #FFFFFFFF;
1654
+ --on-dark-persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
1655
+ --on-dark-persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
1656
+ --on-light-persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
1657
+ --on-light-persona-green-surface-accent-gradient-hover: #FFFFFFFF;
1658
+ --on-light-persona-green-surface-accent-gradient-active: #FFFFFFFF;
1659
+ --on-light-persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
1660
+ --on-light-persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
1661
+ --on-light-persona-indigo-surface-accent-gradient-active: #FFFFFFFF;
1662
+ --on-light-persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);
1663
+ --on-light-persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;
1664
+ --on-light-persona-ochre-surface-accent-gradient-active: #FFFFFFFF;
1665
+ --on-light-persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);
1666
+ --on-light-persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
1667
+ --on-light-persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
1668
+ --on-light-persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
1669
+ --on-light-persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
1670
+ --on-light-persona-violet-surface-accent-gradient-active: #FFFFFFFF;
1745
1671
  --on-dark-outline-transparent-surface-active: #E6E6E6FF;
1746
1672
  --on-dark-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1747
1673
  --on-light-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
@@ -1770,6 +1696,7 @@
1770
1696
  --on-dark-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1771
1697
  --inverse-text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
1772
1698
  --on-dark-outline-transparent-surface-hover: #CCCCCCFF;
1699
+ --on-light-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
1773
1700
  --on-light-overlay-gradient-active: #E6E6E6FF;
1774
1701
  --on-light-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
1775
1702
  --outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
@@ -1788,15 +1715,24 @@
1788
1715
  --inverse-overlay-gradient-hover: #CCCCCCFF;
1789
1716
  --inverse-overlay-gradient-brightness: linear-gradient(90deg, #000000FF 0%, #00000000 100%);
1790
1717
  --on-light-overlay-gradient: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
1718
+ --on-light-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
1719
+ --on-light-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
1791
1720
  --on-light-overlay-gradient-hover: #CCCCCCFF;
1721
+ --on-light-persona-olive-surface-accent-gradient-active: #FFFFFFFF;
1722
+ --on-light-persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
1792
1723
  --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
1793
1724
  --inverse-outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
1794
1725
  --on-light-outline-accent-gradient-hover: #CCCCCCFF;
1726
+ --inverse-persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
1727
+ --on-light-persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
1795
1728
  --surface-accent-gradient-hover: #CCCCCCFF;
1796
1729
  --outline-accent-gradient-active: #E6E6E6FF;
1730
+ --on-light-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
1797
1731
  --on-light-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1798
1732
  --on-dark-surface-accent-gradient: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
1799
1733
  --surface-accent-gradient-active: #E6E6E6FF;
1734
+ --on-light-persona-blue-surface-accent-gradient-active: #FFFFFFFF;
1735
+ --persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;
1800
1736
  --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;
1801
1737
  }
1802
1738