@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__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;
@@ -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
  :root {
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