@salutejs-ds/sdds_sbcom 0.1.2 → 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 +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_1ufeha7.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_1637oeq.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 +2 -2
  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_4rapku.css +9 -0
  17. package/components/IconButton/IconButton.css +8 -8
  18. package/components/IconButton/IconButton.d.ts +2 -2
  19. package/components/Link/Link.config.d.ts +3 -3
  20. package/components/Link/Link.config.js +5 -5
  21. package/components/Link/Link.config.js.map +1 -1
  22. package/{es/components/Link/Link.config_1cp5e0j.css → components/Link/Link.config_1fm95cc.css} +4 -4
  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 +2 -2
  26. package/components/Radiobox/Radiobox.config.js +6 -6
  27. package/components/Radiobox/Radiobox.config.js.map +1 -1
  28. package/components/Radiobox/Radiobox.config_wxwhpp.css +6 -0
  29. package/components/Radiobox/Radiobox.css +6 -6
  30. package/components/Radiobox/Radiobox.d.ts +2 -2
  31. package/css/sdds_sbcom.module.css +207 -411
  32. package/css/sdds_sbcom__dark.css +111 -212
  33. package/css/sdds_sbcom__light.css +111 -214
  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_1ufeha7.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_1637oeq.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_4rapku.css +9 -0
  45. package/es/components/IconButton/IconButton.css +8 -8
  46. package/es/components/Link/Link.config.js +5 -5
  47. package/es/components/Link/Link.config.js.map +1 -1
  48. package/{components/Link/Link.config_1cp5e0j.css → es/components/Link/Link.config_1fm95cc.css} +4 -4
  49. package/es/components/Link/Link.css +8 -8
  50. package/es/components/Radiobox/Radiobox.config.js +6 -6
  51. package/es/components/Radiobox/Radiobox.config.js.map +1 -1
  52. package/es/components/Radiobox/Radiobox.config_wxwhpp.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 +308 -611
  61. package/es/theme/tokens/index.js.map +1 -1
  62. package/index.css +37 -37
  63. package/index.js +0 -101
  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 +6 -6
  69. package/styled-components/cjs/Link/Link.config.js +4 -4
  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 +6 -6
  74. package/styled-components/es/Link/Link.config.js +4 -4
  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 +209 -411
  81. package/theme/tokens/index.js +307 -711
  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/Radiobox/Radiobox.config_hbis6p.css +0 -6
  87. package/es/components/Button/Button.config_9i8t1d.css +0 -10
  88. package/es/components/Checkbox/Checkbox.config_usbc5o.css +0 -6
  89. package/es/components/IconButton/IconButton.config_1em9p3v.css +0 -9
  90. package/es/components/Radiobox/Radiobox.config_hbis6p.css +0 -6
package/css/sdds_sbcom__dark.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;
@@ -406,7 +405,6 @@
406
405
  --on-dark-surface-transparent-secondary: #FFFFFF29;
407
406
  --text-secondary-hover: #F5F5F5FF;
408
407
  --on-dark-background-secondary-hover: #CCCCCCFF;
409
- --on-dark-background-secondary-brightness: #0F0F0FFF;
410
408
  --on-dark-background-primary: #15110FFF;
411
409
  --on-dark-background-primary-hover: #CCCCCCFF;
412
410
  --on-dark-background-primary-active: #E6E6E6FF;
@@ -414,7 +412,6 @@
414
412
  --on-light-background-secondary: #FFFFFFFF;
415
413
  --on-light-background-secondary-hover: #CCCCCCFF;
416
414
  --on-light-background-secondary-active: #E6E6E6FF;
417
- --on-light-background-secondary-brightness: #F6F2F0FF;
418
415
  --on-light-background-primary: #EBE7E5FF;
419
416
  --on-light-background-primary-hover: #CCCCCCFF;
420
417
  --on-light-background-primary-active: #E6E6E6FF;
@@ -422,267 +419,122 @@
422
419
  --outline-default: #3B3735FF;
423
420
  --outline-default-hover: #CCCCCCFF;
424
421
  --outline-default-active: #E6E6E6FF;
425
- --outline-default-brightness: #3B3735FF;
426
422
  --outline-minor: #383838FF;
427
423
  --outline-minor-hover: #CCCCCCFF;
428
424
  --outline-minor-active: #E6E6E6FF;
429
- --outline-minor-brightness: #383838FF;
430
425
  --outline-transparent-clear: #00000000;
431
426
  --outline-transparent-clear-hover: #CCCCCCFF;
432
427
  --outline-transparent-clear-active: #E6E6E6FF;
433
- --outline-transparent-clear-brightness: #00000000;
434
428
  --inverse-outline-default: #DDD9D7FF;
435
429
  --inverse-outline-default-hover: #CCCCCCFF;
436
430
  --inverse-outline-default-active: #E6E6E6FF;
437
- --inverse-outline-default-brightness: #DDD9D7FF;
438
431
  --inverse-outline-outline-minor: #FFFFFFFF;
439
432
  --inverse-outline-outline-minor-hover: #CCCCCCFF;
440
433
  --inverse-outline-outline-minor-active: #E6E6E6FF;
441
- --inverse-outline-outline-minor-brightness: #FFFFFFFF;
442
434
  --on-dark-outline-default: #3B3735FF;
443
435
  --on-dark-outline-default-active: #E6E6E6FF;
444
436
  --on-dark-outline-minor: #383838FF;
445
437
  --on-dark-outline-minor-hover: #CCCCCCFF;
446
438
  --on-dark-outline-minor-active: #E6E6E6FF;
447
- --on-dark-outline-minor-brightness: #383838FF;
448
439
  --on-light-outline-default: #DDD9D7FF;
449
440
  --on-light-outline-default-hover: #CCCCCCFF;
450
441
  --background-secondary-active: #E6E6E6FF;
451
- --background-secondary-brightness: #000000FF;
452
442
  --on-dark-outline-default-hover: #CCCCCCFF;
453
443
  --inverse-background-secondary-hover: #CCCCCCFF;
454
- --inverse-background-secondary-brightness: #FFFFFFFF;
455
444
  --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
445
  --persona-blue-text-accent: #15110FFF;
460
446
  --persona-blue-text-accent-hover: #CCCCCCFF;
461
447
  --persona-blue-text-accent-active: #E6E6E6FF;
462
- --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
448
  --persona-green-text-accent: #15110FFF;
468
449
  --persona-green-text-accent-hover: #CCCCCCFF;
469
450
  --persona-green-text-accent-active: #E6E6E6FF;
470
- --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
451
  --persona-indigo-text-accent: #15110FFF;
476
452
  --persona-indigo-text-accent-hover: #CCCCCCFF;
477
453
  --persona-indigo-text-accent-active: #E6E6E6FF;
478
- --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
454
  --persona-ochre-text-accent: #15110FFF;
483
455
  --persona-ochre-text-accent-hover: #CCCCCCFF;
484
456
  --persona-ochre-text-accent-active: #E6E6E6FF;
485
- --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
457
  --persona-olive-text-accent: #15110FFF;
491
458
  --persona-olive-text-accent-hover: #CCCCCCFF;
492
459
  --persona-olive-text-accent-active: #E6E6E6FF;
493
- --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
460
  --on-light-outline-default-active: #E6E6E6FF;
498
461
  --on-light-outline-minor: #FFFFFFFF;
499
462
  --on-light-outline-minor-hover: #CCCCCCFF;
500
- --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
463
  --persona-sea-blue-text-accent: #15110FFF;
505
464
  --persona-sea-blue-text-accent-hover: #CCCCCCFF;
506
465
  --persona-sea-blue-text-accent-active: #E6E6E6FF;
507
- --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
466
  --persona-violet-text-accent: #15110FFF;
513
467
  --persona-violet-text-accent-hover: #CCCCCCFF;
514
468
  --persona-violet-text-accent-active: #E6E6E6FF;
515
- --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
469
  --inverse-persona-blue-text-accent: #EBE7E5FF;
521
470
  --inverse-persona-blue-text-accent-hover: #CCCCCCFF;
522
471
  --inverse-persona-blue-text-accent-active: #E6E6E6FF;
523
- --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
472
  --inverse-persona-green-text-accent: #EBE7E5FF;
529
473
  --inverse-persona-green-text-accent-hover: #CCCCCCFF;
530
474
  --inverse-persona-green-text-accent-active: #E6E6E6FF;
531
- --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
475
  --inverse-persona-indigo-text-accent: #EBE7E5FF;
536
476
  --inverse-persona-indigo-text-accent-hover: #CCCCCCFF;
537
477
  --inverse-persona-indigo-text-accent-active: #E6E6E6FF;
538
- --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
478
  --persona-pink-text-accent: #15110FFF;
543
479
  --persona-pink-text-accent-hover: #CCCCCCFF;
544
480
  --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
481
  --inverse-persona-olive-text-accent: #EBE7E5FF;
550
482
  --inverse-persona-olive-text-accent-active: #E6E6E6FF;
551
- --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
483
  --inverse-persona-pink-text-accent: #EBE7E5FF;
557
484
  --inverse-persona-pink-text-accent-hover: #CCCCCCFF;
558
485
  --inverse-persona-pink-text-accent-active: #E6E6E6FF;
559
- --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
486
  --inverse-persona-sea-blue-text-accent: #EBE7E5FF;
565
487
  --inverse-persona-sea-blue-text-accent-hover: #CCCCCCFF;
566
488
  --inverse-persona-sea-blue-text-accent-active: #E6E6E6FF;
567
- --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
489
  --inverse-persona-violet-text-accent: #EBE7E5FF;
573
490
  --inverse-persona-violet-text-accent-hover: #CCCCCCFF;
574
491
  --inverse-persona-violet-text-accent-active: #E6E6E6FF;
575
- --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
492
  --on-dark-persona-blue-text-accent: #15110FFF;
580
493
  --on-dark-persona-blue-text-accent-hover: #CCCCCCFF;
581
494
  --on-dark-persona-blue-text-accent-active: #E6E6E6FF;
582
- --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
495
  --inverse-persona-ochre-text-accent: #EBE7E5FF;
587
496
  --inverse-persona-ochre-text-accent-hover: #CCCCCCFF;
588
497
  --inverse-persona-olive-text-accent-hover: #CCCCCCFF;
589
498
  --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
499
  --on-dark-persona-indigo-text-accent: #15110FFF;
595
500
  --on-dark-persona-indigo-text-accent-hover: #CCCCCCFF;
596
501
  --on-dark-persona-indigo-text-accent-active: #E6E6E6FF;
597
- --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
502
  --on-dark-persona-ochre-text-accent: #15110FFF;
603
503
  --on-dark-persona-ochre-text-accent-hover: #CCCCCCFF;
604
504
  --on-dark-persona-ochre-text-accent-active: #E6E6E6FF;
605
- --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
505
  --on-dark-persona-olive-text-accent: #15110FFF;
611
506
  --on-dark-persona-olive-text-accent-hover: #CCCCCCFF;
612
507
  --on-dark-persona-olive-text-accent-active: #E6E6E6FF;
613
- --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
508
  --on-dark-persona-pink-text-accent: #15110FFF;
619
509
  --on-dark-persona-pink-text-accent-active: #E6E6E6FF;
620
- --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
510
  --on-dark-persona-sea-blue-text-accent: #15110FFF;
626
511
  --on-dark-persona-sea-blue-text-accent-hover: #CCCCCCFF;
627
512
  --on-dark-persona-sea-blue-text-accent-active: #E6E6E6FF;
628
- --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
513
  --on-dark-persona-green-text-accent: #15110FFF;
633
514
  --on-dark-persona-green-text-accent-hover: #CCCCCCFF;
634
515
  --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
516
  --on-light-persona-blue-text-accent-hover: #CCCCCCFF;
638
517
  --on-light-persona-blue-text-accent-active: #E6E6E6FF;
639
- --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
518
  --on-light-persona-green-text-accent: #EBE7E5FF;
645
519
  --on-light-persona-green-text-accent-hover: #CCCCCCFF;
646
520
  --on-light-persona-green-text-accent-active: #E6E6E6FF;
647
- --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
521
  --on-light-persona-indigo-text-accent: #EBE7E5FF;
653
522
  --on-light-persona-indigo-text-accent-hover: #CCCCCCFF;
654
523
  --on-light-persona-indigo-text-accent-active: #E6E6E6FF;
655
- --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
524
  --on-light-persona-ochre-text-accent: #EBE7E5FF;
660
525
  --on-light-persona-ochre-text-accent-hover: #CCCCCCFF;
661
526
  --on-light-persona-ochre-text-accent-active: #E6E6E6FF;
662
- --on-light-persona-ochre-text-accent-brightness: #EBE7E5FF;
663
- --on-light-persona-olive-surface-accent-gradient: #F6F2F0FF;
664
527
  --on-light-persona-olive-text-accent-hover: #CCCCCCFF;
665
528
  --on-light-persona-olive-text-accent-active: #E6E6E6FF;
666
- --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
529
  --on-dark-persona-violet-text-accent: #15110FFF;
670
530
  --on-dark-persona-violet-text-accent-hover: #CCCCCCFF;
671
- --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
531
  --on-light-persona-blue-text-accent: #EBE7E5FF;
676
- --on-light-persona-violet-surface-accent-gradient-brightness: #F6F2F0FF;
677
532
  --on-light-persona-violet-text-accent: #EBE7E5FF;
678
533
  --on-light-persona-violet-text-accent-hover: #CCCCCCFF;
679
534
  --on-light-persona-violet-text-accent-active: #E6E6E6FF;
680
- --on-light-persona-violet-text-accent-brightness: #EBE7E5FF;
681
535
  --surface-accent-primary: #B4AE7BFF;
682
536
  --surface-accent-primary-hover: #CCCCCCFF;
683
537
  --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
538
  --on-light-surface-accent-primary: #527E4BFF;
687
539
  --on-dark-surface-accent-minor: #3E4C2FFF;
688
540
  --on-light-surface-transparent-tertiary-active: #08080833;
@@ -692,21 +544,13 @@
692
544
  --inverse-surface-accent-minor: #D2ECBAFF;
693
545
  --on-dark-text-accent-minor-active: #2F4408FF;
694
546
  --on-dark-background-secondary-active: #E6E6E6FF;
695
- --on-light-persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
696
547
  --on-light-persona-pink-text-accent-hover: #CCCCCCFF;
697
548
  --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
549
  --inverse-text-accent-active: #3E5E03FF;
702
550
  --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
551
  --on-light-surface-accent-primary-active: #E6E6E6FF;
706
- --inverse-persona-ochre-surface-accent-gradient-brightness: #F6F2F0FF;
707
552
  --on-light-text-accent-minor-hover: #B6FB37FF;
708
553
  --on-light-persona-pink-text-accent-active: #E6E6E6FF;
709
- --on-light-persona-sea-blue-surface-accent-gradient-active: #E6E6E6FF;
710
554
  --on-light-persona-sea-blue-text-accent-active: #E6E6E6FF;
711
555
  --surface-accent-secondary-active: #E6E6E6FF;
712
556
  --surface-transparent-accent-minor-active: #E6E6E6FF;
@@ -723,12 +567,8 @@
723
567
  --on-dark-text-tertiary: #F6F2F03D;
724
568
  --on-light-text-accent-hover: #79B706FF;
725
569
  --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
570
  --on-light-persona-olive-text-accent: #EBE7E5FF;
729
571
  --on-light-surface-transparent-accent-minor: #527E4B3D;
730
- --on-dark-outline-default-brightness: #3B3735FF;
731
- --on-light-persona-sea-blue-surface-accent-gradient: #F6F2F0FF;
732
572
  --on-light-persona-sea-blue-text-accent: #EBE7E5FF;
733
573
  --surface-accent-secondary: #B4AE7BFF;
734
574
  --surface-transparent-accent-minor: #B4AE7B47;
@@ -738,30 +578,13 @@
738
578
  --on-dark-surface-accent-secondary: #B4AE7BFF;
739
579
  --on-dark-surface-transparent-accent-minor: #B4AE7B47;
740
580
  --on-light-surface-accent-secondary: #688F61FF;
741
- --on-light-surface-accent-secondary-brightness: #688F61FF;
742
581
  --inverse-text-warning-hover: #FD650DFF;
743
582
  --data-yellow-transparent-hover: #F3A812AD;
744
583
  --on-dark-surface-negative: #F8A6A9FF;
745
584
  --inverse-surface-info: #3776BCFF;
746
585
  --on-light-outline-warning-hover: #FD9253FF;
747
- --on-light-persona-olive-surface-accent-gradient-brightness: #F6F2F0FF;
748
- --on-light-persona-pink-text-accent-brightness: #EBE7E5FF;
749
- --surface-transparent-accent-minor-brightness: #B4AE7B47;
750
- --inverse-surface-accent-secondary-brightness: #688F61FF;
751
- --inverse-surface-transparent-accent-minor-brightness: #527E4B3D;
752
- --on-dark-surface-accent-primary-brightness: #B4AE7BFF;
753
- --on-dark-surface-accent-secondary-brightness: #B4AE7BFF;
754
- --on-dark-surface-transparent-accent-minor-brightness: #B4AE7B47;
755
- --on-light-surface-accent-primary-brightness: #527E4BFF;
756
- --on-light-surface-transparent-accent-minor-brightness: #527E4B3D;
757
- --on-light-persona-sea-blue-surface-accent-gradient-brightness: #F6F2F0FF;
758
- --surface-accent-primary-brightness: #B4AE7BFF;
759
- --surface-accent-secondary-brightness: #B4AE7BFF;
760
- --on-light-outline-default-brightness: #DDD9D7FF;
761
586
  --on-dark-persona-pink-text-accent-hover: #CCCCCCFF;
762
587
  --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
588
  --inverse-surface-transparent-accent-minor-hover: #CCCCCCFF;
766
589
  --on-light-surface-accent-primary-hover: #CCCCCCFF;
767
590
  --on-light-surface-accent-secondary-hover: #CCCCCCFF;
@@ -773,10 +596,6 @@
773
596
  --inverse-surface-accent-secondary-hover: #CCCCCCFF;
774
597
  --on-dark-surface-solid-primary-hover: #1C1C1CFF;
775
598
  --inverse-background-secondary-active: #E6E6E6FF;
776
- --persona-pink-text-accent-brightness: #15110FFF;
777
- --inverse-persona-ochre-text-accent-brightness: #EBE7E5FF;
778
- --on-dark-persona-green-text-accent-brightness: #15110FFF;
779
- --on-light-persona-blue-surface-accent-gradient-active: #E6E6E6FF;
780
599
  --on-light-persona-pink-text-accent: #EBE7E5FF;
781
600
  --on-dark-surface-transparent-accent-minor-active: #E6E6E6FF;
782
601
  --surface-solid-default: #F6F2F0FF;
@@ -788,10 +607,8 @@
788
607
  --dark-background-primary: #080808;
789
608
  --on-dark-data-yellow-minor-hover: #B87A00FF;
790
609
  --on-light-outline-negative-active: #E40C22FF;
791
- --on-light-persona-pink-surface-accent-gradient-brightness: #F6F2F0FF;
792
610
  --on-light-outline-transparent-primary: #15110F3D;
793
611
  --on-light-surface-transparent-accent: #527E4B1F;
794
- --persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
795
612
  --on-dark-surface-solid-primary-active: #121212FF;
796
613
  --on-dark-surface-transparent-deep-active: #FFFFFF94;
797
614
  --on-dark-surface-positive: #A6D2A2FF;
@@ -799,13 +616,13 @@
799
616
  --on-light-outline-text-info-active: #096CAEFF;
800
617
  --on-dark-persona-violet-text-accent-active: #E6E6E6FF;
801
618
  --on-light-outline-minor-active: #E6E6E6FF;
802
- --on-light-persona-sea-blue-text-accent-brightness: #EBE7E5FF;
803
619
  --on-dark-outline-transparent-primary: #FFFFFF1F;
804
620
  color: var(--text-primary);
805
621
  background-color: var(--background-primary);
806
622
  }
807
623
 
808
624
  :root {
625
+ --on-light-persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
809
626
  --surface-accent-gradient: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
810
627
  --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
628
  --surface-skeleton-gradient-hover: #FFFFFFFF;
@@ -846,8 +663,92 @@
846
663
  --inverse-outline-accent-gradient-hover: #CCCCCCFF;
847
664
  --inverse-outline-accent-gradient-active: #E6E6E6FF;
848
665
  --on-light-outline-accent-gradient-active: #E6E6E6FF;
666
+ --persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
667
+ --persona-blue-surface-accent-gradient-active: #FFFFFFFF;
668
+ --persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
669
+ --persona-green-surface-accent-gradient-hover: #FFFFFFFF;
670
+ --persona-green-surface-accent-gradient-active: #FFFFFFFF;
671
+ --persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
672
+ --persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
673
+ --persona-indigo-surface-accent-gradient-active: #FFFFFFFF;
674
+ --persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);
675
+ --persona-ochre-surface-accent-gradient-active: #FFFFFFFF;
676
+ --persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);
677
+ --persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
678
+ --persona-olive-surface-accent-gradient-active: #FFFFFFFF;
679
+ --persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
680
+ --persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
681
+ --persona-pink-surface-accent-gradient-active: #FFFFFFFF;
682
+ --persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
683
+ --persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
684
+ --persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
685
+ --persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
686
+ --persona-violet-surface-accent-gradient-active: #FFFFFFFF;
687
+ --inverse-persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
688
+ --inverse-persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
689
+ --inverse-persona-blue-surface-accent-gradient-active: #FFFFFFFF;
690
+ --inverse-persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
691
+ --inverse-persona-green-surface-accent-gradient-hover: #FFFFFFFF;
692
+ --inverse-persona-green-surface-accent-gradient-active: #FFFFFFFF;
693
+ --inverse-persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
694
+ --inverse-persona-indigo-surface-accent-gradient-active: #FFFFFFFF;
695
+ --inverse-persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);
696
+ --inverse-persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;
697
+ --inverse-persona-ochre-surface-accent-gradient-active: #FFFFFFFF;
698
+ --persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
699
+ --persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
700
+ --inverse-persona-olive-surface-accent-gradient-active: #FFFFFFFF;
701
+ --inverse-persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
702
+ --inverse-persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
703
+ --inverse-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
704
+ --inverse-persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
705
+ --inverse-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
706
+ --inverse-persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
707
+ --inverse-persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
708
+ --inverse-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
709
+ --inverse-persona-violet-surface-accent-gradient-active: #FFFFFFFF;
710
+ --on-dark-persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
711
+ --on-dark-persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
712
+ --on-dark-persona-blue-surface-accent-gradient-active: #FFFFFFFF;
713
+ --on-dark-persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
714
+ --on-dark-persona-green-surface-accent-gradient-hover: #FFFFFFFF;
715
+ --on-dark-persona-green-surface-accent-gradient-active: #FFFFFFFF;
716
+ --inverse-persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);
717
+ --inverse-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
718
+ --on-dark-persona-indigo-surface-accent-gradient-active: #FFFFFFFF;
719
+ --on-dark-persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);
720
+ --on-dark-persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;
721
+ --on-dark-persona-ochre-surface-accent-gradient-active: #FFFFFFFF;
722
+ --on-dark-persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);
723
+ --on-dark-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
724
+ --on-dark-persona-olive-surface-accent-gradient-active: #FFFFFFFF;
725
+ --on-dark-persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
726
+ --on-dark-persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
727
+ --on-dark-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
728
+ --on-dark-persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
729
+ --on-dark-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
730
+ --on-dark-persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
731
+ --on-dark-persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
732
+ --on-dark-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
733
+ --on-dark-persona-violet-surface-accent-gradient-active: #FFFFFFFF;
734
+ --on-dark-persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
735
+ --on-dark-persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
736
+ --on-light-persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
737
+ --on-light-persona-green-surface-accent-gradient-hover: #FFFFFFFF;
738
+ --on-light-persona-green-surface-accent-gradient-active: #FFFFFFFF;
739
+ --on-light-persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
740
+ --on-light-persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
741
+ --on-light-persona-indigo-surface-accent-gradient-active: #FFFFFFFF;
742
+ --on-light-persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);
743
+ --on-light-persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;
744
+ --on-light-persona-ochre-surface-accent-gradient-active: #FFFFFFFF;
745
+ --on-light-persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);
746
+ --on-light-persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
747
+ --on-light-persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
748
+ --on-light-persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
749
+ --on-light-persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
750
+ --on-light-persona-violet-surface-accent-gradient-active: #FFFFFFFF;
849
751
  --on-dark-outline-transparent-surface-active: #E6E6E6FF;
850
- --on-dark-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
851
752
  --on-light-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
852
753
  --on-light-outline-transparent-surface-hover: #CCCCCCFF;
853
754
  --on-light-outline-transparent-surface-active: #E6E6E6FF;
@@ -860,39 +761,37 @@
860
761
  --on-dark-text-accent-gradient-ai: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
861
762
  --on-dark-text-accent-gradient-ai-hover: #000000FF;
862
763
  --on-dark-text-accent-gradient-ai-active: #CCCCCCFF;
863
- --on-dark-text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
864
764
  --on-light-text-accent-gradient-ai: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
865
765
  --on-light-text-accent-gradient-ai-hover: #000000FF;
866
766
  --on-light-text-accent-gradient-ai-active: #CCCCCCFF;
867
- --on-light-text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
868
767
  --text-accent-gradient-ai-active: #CCCCCCFF;
869
- --text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
870
- --surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
871
- --inverse-surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
872
- --on-dark-surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
873
- --on-light-surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
874
768
  --inverse-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
875
769
  --inverse-outline-transparent-surface-hover: #CCCCCCFF;
876
770
  --inverse-outline-transparent-surface-active: #E6E6E6FF;
877
- --inverse-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
878
771
  --on-dark-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
879
- --inverse-text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
880
772
  --on-dark-outline-transparent-surface-hover: #CCCCCCFF;
773
+ --on-light-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
881
774
  --on-light-overlay-gradient-active: #E6E6E6FF;
882
- --on-light-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
883
775
  --inverse-overlay-gradient-active: #E6E6E6FF;
884
776
  --inverse-overlay-gradient-hover: #CCCCCCFF;
885
- --inverse-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
886
777
  --on-light-overlay-gradient: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
778
+ --on-light-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
779
+ --on-light-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
887
780
  --on-light-overlay-gradient-hover: #CCCCCCFF;
781
+ --on-light-persona-olive-surface-accent-gradient-active: #FFFFFFFF;
782
+ --on-light-persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
888
783
  --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
889
784
  --inverse-outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
890
785
  --on-light-outline-accent-gradient-hover: #CCCCCCFF;
786
+ --inverse-persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
787
+ --on-light-persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
891
788
  --surface-accent-gradient-hover: #CCCCCCFF;
892
789
  --outline-accent-gradient-active: #666666FF;
893
- --on-light-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
790
+ --on-light-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
894
791
  --on-dark-surface-accent-gradient: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
895
792
  --surface-accent-gradient-active: #E6E6E6FF;
793
+ --on-light-persona-blue-surface-accent-gradient-active: #FFFFFFFF;
794
+ --persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;
896
795
  --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;
897
796
  }
898
797
 
@@ -951,6 +850,12 @@
951
850
  --plasma-typo-body-font-family: 'Roboto', sans-serif;
952
851
  --plasma-typo-header-font-family: 'Roboto', sans-serif;
953
852
  --plasma-typo-text-font-family: 'undefined', sans-serif;
853
+ --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);
854
+ --plasma-typo-body-xxs-medium-letter-spacing: -0.02em;
855
+ --plasma-typo-body-xxs-medium-font-style: normal;
856
+ --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);
857
+ --plasma-typo-body-xxs-letter-spacing: -0.02em;
858
+ --plasma-typo-body-xxs-font-style: normal;
954
859
  --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family);
955
860
  --plasma-typo-h3-bold-letter-spacing: normal;
956
861
  --plasma-typo-h3-bold-font-style: normal;
@@ -990,12 +895,6 @@
990
895
  --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family);
991
896
  --plasma-typo-body-xxs-bold-letter-spacing: -0.02em;
992
897
  --plasma-typo-body-xxs-bold-font-style: normal;
993
- --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);
994
- --plasma-typo-body-xxs-medium-letter-spacing: -0.02em;
995
- --plasma-typo-body-xxs-medium-font-style: normal;
996
- --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);
997
- --plasma-typo-body-xxs-letter-spacing: -0.02em;
998
- --plasma-typo-body-xxs-font-style: normal;
999
898
  --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);
1000
899
  --plasma-typo-dspl-s-bold-letter-spacing: normal;
1001
900
  --plasma-typo-dspl-s-bold-font-style: normal;
@@ -1009,6 +908,12 @@
1009
908
 
1010
909
  @media (max-width: 559px) {
1011
910
  :root {
911
+ --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
912
+ --plasma-typo-body-xxs-medium-font-weight: 500;
913
+ --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
914
+ --plasma-typo-body-xxs-font-size: 0.6875rem;
915
+ --plasma-typo-body-xxs-font-weight: 400;
916
+ --plasma-typo-body-xxs-line-height: 0.8125rem;
1012
917
  --plasma-typo-h3-bold-font-size: 1.25rem;
1013
918
  --plasma-typo-h3-bold-font-weight: 700;
1014
919
  --plasma-typo-h3-bold-line-height: 1.4375rem;
@@ -1048,12 +953,6 @@
1048
953
  --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1049
954
  --plasma-typo-body-xxs-bold-font-weight: 600;
1050
955
  --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1051
- --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1052
- --plasma-typo-body-xxs-medium-font-weight: 500;
1053
- --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1054
- --plasma-typo-body-xxs-font-size: 0.6875rem;
1055
- --plasma-typo-body-xxs-font-weight: 400;
1056
- --plasma-typo-body-xxs-line-height: 0.8125rem;
1057
956
  --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1058
957
  --plasma-typo-dspl-s-bold-font-weight: 700;
1059
958
  --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
@@ -1068,15 +967,15 @@
1068
967
 
1069
968
  @media (min-width: 560px) and (max-width: 959px) {
1070
969
  :root {
1071
- --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1072
- --plasma-typo-dspl-s-bold-font-weight: 600;
1073
- --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1074
970
  --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1075
971
  --plasma-typo-dspl-s-medium-font-weight: 500;
1076
972
  --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1077
973
  --plasma-typo-dspl-s-font-size: 2.125rem;
1078
974
  --plasma-typo-dspl-s-font-weight: 400;
1079
975
  --plasma-typo-dspl-s-line-height: 2.5625rem;
976
+ --plasma-typo-dspl-s-bold-font-size: 2.125rem;
977
+ --plasma-typo-dspl-s-bold-font-weight: 600;
978
+ --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1080
979
  --plasma-typo-h3-font-size: 1.25rem;
1081
980
  --plasma-typo-h3-font-weight: 400;
1082
981
  --plasma-typo-h3-line-height: 1.4375rem;