@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__light.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: #A6D2A2FF;
402
401
  --outline-positive: #239322FF;
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: #171717FF;
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,263 +419,119 @@
422
419
  --outline-default: #DDD9D7FF;
423
420
  --outline-default-hover: #CCCCCCFF;
424
421
  --outline-default-active: #E6E6E6FF;
425
- --outline-default-brightness: #DDD9D7FF;
426
422
  --outline-minor: #FFFFFFFF;
427
423
  --outline-minor-hover: #CCCCCCFF;
428
424
  --outline-minor-active: #E6E6E6FF;
429
- --outline-minor-brightness: #FFFFFFFF;
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: #3B3735FF;
435
429
  --inverse-outline-default-hover: #CCCCCCFF;
436
430
  --inverse-outline-default-active: #E6E6E6FF;
437
- --inverse-outline-default-brightness: #3B3735FF;
438
431
  --on-dark-outline-default: #3B3735FF;
439
432
  --on-dark-outline-default-active: #E6E6E6FF;
440
433
  --on-dark-outline-minor: #383838FF;
441
434
  --on-dark-outline-minor-hover: #CCCCCCFF;
442
435
  --on-dark-outline-minor-active: #E6E6E6FF;
443
- --on-dark-outline-minor-brightness: #383838FF;
444
436
  --on-light-outline-default: #DDD9D7FF;
445
437
  --on-light-outline-default-hover: #CCCCCCFF;
446
438
  --background-secondary-active: #E6E6E6FF;
447
- --background-secondary-brightness: #FFFFFFFF;
448
439
  --on-dark-outline-default-hover: #CCCCCCFF;
449
440
  --inverse-background-secondary-hover: #CCCCCCFF;
450
- --inverse-background-secondary-brightness: #000000FF;
451
441
  --on-dark-background-secondary: #000000FF;
452
- --persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
453
- --persona-blue-surface-accent-gradient-active: #E6E6E6FF;
454
- --persona-blue-surface-accent-gradient-brightness: #F6F2F0FF;
455
442
  --persona-blue-text-accent: #EBE7E5FF;
456
443
  --persona-blue-text-accent-hover: #CCCCCCFF;
457
444
  --persona-blue-text-accent-active: #E6E6E6FF;
458
- --persona-blue-text-accent-brightness: #EBE7E5FF;
459
- --persona-green-surface-accent-gradient: #F6F2F0FF;
460
- --persona-green-surface-accent-gradient-hover: #CCCCCCFF;
461
- --persona-green-surface-accent-gradient-active: #E6E6E6FF;
462
- --persona-green-surface-accent-gradient-brightness: #F6F2F0FF;
463
445
  --persona-green-text-accent: #EBE7E5FF;
464
446
  --persona-green-text-accent-hover: #CCCCCCFF;
465
447
  --persona-green-text-accent-active: #E6E6E6FF;
466
- --persona-green-text-accent-brightness: #EBE7E5FF;
467
- --persona-indigo-surface-accent-gradient: #F6F2F0FF;
468
- --persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
469
- --persona-indigo-surface-accent-gradient-active: #E6E6E6FF;
470
- --persona-indigo-surface-accent-gradient-brightness: #F6F2F0FF;
471
448
  --persona-indigo-text-accent: #EBE7E5FF;
472
449
  --persona-indigo-text-accent-hover: #CCCCCCFF;
473
450
  --persona-indigo-text-accent-active: #E6E6E6FF;
474
- --persona-indigo-text-accent-brightness: #EBE7E5FF;
475
- --persona-ochre-surface-accent-gradient: #F6F2F0FF;
476
- --persona-ochre-surface-accent-gradient-active: #E6E6E6FF;
477
- --persona-ochre-surface-accent-gradient-brightness: #F6F2F0FF;
478
451
  --persona-ochre-text-accent: #EBE7E5FF;
479
452
  --persona-ochre-text-accent-hover: #CCCCCCFF;
480
453
  --persona-ochre-text-accent-active: #E6E6E6FF;
481
- --persona-ochre-text-accent-brightness: #EBE7E5FF;
482
- --persona-olive-surface-accent-gradient: #F6F2F0FF;
483
- --persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
484
- --persona-olive-surface-accent-gradient-active: #E6E6E6FF;
485
- --persona-olive-surface-accent-gradient-brightness: #F6F2F0FF;
486
454
  --persona-olive-text-accent: #EBE7E5FF;
487
455
  --persona-olive-text-accent-hover: #CCCCCCFF;
488
456
  --persona-olive-text-accent-active: #E6E6E6FF;
489
- --persona-olive-text-accent-brightness: #EBE7E5FF;
490
- --persona-pink-surface-accent-gradient: #F6F2F0FF;
491
- --persona-pink-surface-accent-gradient-hover: #CCCCCCFF;
492
- --persona-pink-surface-accent-gradient-active: #E6E6E6FF;
493
457
  --on-light-outline-default-active: #E6E6E6FF;
494
458
  --on-light-outline-minor: #FFFFFFFF;
495
459
  --on-light-outline-minor-hover: #CCCCCCFF;
496
- --on-light-outline-minor-brightness: #FFFFFFFF;
497
- --persona-blue-surface-accent-gradient: #F6F2F0FF;
498
- --persona-sea-blue-surface-accent-gradient-active: #E6E6E6FF;
499
- --persona-sea-blue-surface-accent-gradient-brightness: #F6F2F0FF;
500
460
  --persona-sea-blue-text-accent: #EBE7E5FF;
501
461
  --persona-sea-blue-text-accent-hover: #CCCCCCFF;
502
462
  --persona-sea-blue-text-accent-active: #E6E6E6FF;
503
- --persona-sea-blue-text-accent-brightness: #EBE7E5FF;
504
- --persona-violet-surface-accent-gradient: #F6F2F0FF;
505
- --persona-violet-surface-accent-gradient-hover: #CCCCCCFF;
506
- --persona-violet-surface-accent-gradient-active: #E6E6E6FF;
507
- --persona-violet-surface-accent-gradient-brightness: #F6F2F0FF;
508
463
  --persona-violet-text-accent: #EBE7E5FF;
509
464
  --persona-violet-text-accent-hover: #CCCCCCFF;
510
465
  --persona-violet-text-accent-active: #E6E6E6FF;
511
- --persona-violet-text-accent-brightness: #EBE7E5FF;
512
- --inverse-persona-blue-surface-accent-gradient: #0F0F0FFF;
513
- --inverse-persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
514
- --inverse-persona-blue-surface-accent-gradient-active: #E6E6E6FF;
515
- --inverse-persona-blue-surface-accent-gradient-brightness: #0F0F0FFF;
516
466
  --inverse-persona-blue-text-accent: #15110FFF;
517
467
  --inverse-persona-blue-text-accent-hover: #CCCCCCFF;
518
468
  --inverse-persona-blue-text-accent-active: #E6E6E6FF;
519
- --inverse-persona-blue-text-accent-brightness: #15110FFF;
520
- --inverse-persona-green-surface-accent-gradient: #0F0F0FFF;
521
- --inverse-persona-green-surface-accent-gradient-hover: #CCCCCCFF;
522
- --inverse-persona-green-surface-accent-gradient-active: #E6E6E6FF;
523
- --inverse-persona-green-surface-accent-gradient-brightness: #0F0F0FFF;
524
469
  --inverse-persona-green-text-accent: #15110FFF;
525
470
  --inverse-persona-green-text-accent-hover: #CCCCCCFF;
526
471
  --inverse-persona-green-text-accent-active: #E6E6E6FF;
527
- --inverse-persona-green-text-accent-brightness: #15110FFF;
528
- --inverse-persona-indigo-surface-accent-gradient: #0F0F0FFF;
529
- --inverse-persona-indigo-surface-accent-gradient-active: #E6E6E6FF;
530
- --inverse-persona-indigo-surface-accent-gradient-brightness: #0F0F0FFF;
531
472
  --inverse-persona-indigo-text-accent: #15110FFF;
532
473
  --inverse-persona-indigo-text-accent-hover: #CCCCCCFF;
533
474
  --inverse-persona-indigo-text-accent-active: #E6E6E6FF;
534
- --inverse-persona-indigo-text-accent-brightness: #15110FFF;
535
- --inverse-persona-ochre-surface-accent-gradient: #0F0F0FFF;
536
- --inverse-persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
537
- --inverse-persona-ochre-surface-accent-gradient-active: #E6E6E6FF;
538
475
  --persona-pink-text-accent: #EBE7E5FF;
539
476
  --persona-pink-text-accent-hover: #CCCCCCFF;
540
477
  --persona-pink-text-accent-active: #E6E6E6FF;
541
- --persona-sea-blue-surface-accent-gradient: #F6F2F0FF;
542
- --persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
543
- --inverse-persona-olive-surface-accent-gradient-active: #E6E6E6FF;
544
- --inverse-persona-olive-surface-accent-gradient-brightness: #0F0F0FFF;
545
478
  --inverse-persona-olive-text-accent: #15110FFF;
546
479
  --inverse-persona-olive-text-accent-active: #E6E6E6FF;
547
- --inverse-persona-olive-text-accent-brightness: #15110FFF;
548
- --inverse-persona-pink-surface-accent-gradient: #0F0F0FFF;
549
- --inverse-persona-pink-surface-accent-gradient-hover: #CCCCCCFF;
550
- --inverse-persona-pink-surface-accent-gradient-active: #E6E6E6FF;
551
- --inverse-persona-pink-surface-accent-gradient-brightness: #0F0F0FFF;
552
480
  --inverse-persona-pink-text-accent: #15110FFF;
553
481
  --inverse-persona-pink-text-accent-hover: #CCCCCCFF;
554
482
  --inverse-persona-pink-text-accent-active: #E6E6E6FF;
555
- --inverse-persona-pink-text-accent-brightness: #15110FFF;
556
- --inverse-persona-sea-blue-surface-accent-gradient: #0F0F0FFF;
557
- --inverse-persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
558
- --inverse-persona-sea-blue-surface-accent-gradient-active: #E6E6E6FF;
559
- --inverse-persona-sea-blue-surface-accent-gradient-brightness: #0F0F0FFF;
560
483
  --inverse-persona-sea-blue-text-accent: #15110FFF;
561
484
  --inverse-persona-sea-blue-text-accent-hover: #CCCCCCFF;
562
485
  --inverse-persona-sea-blue-text-accent-active: #E6E6E6FF;
563
- --inverse-persona-sea-blue-text-accent-brightness: #15110FFF;
564
- --inverse-persona-violet-surface-accent-gradient: #0F0F0FFF;
565
- --inverse-persona-violet-surface-accent-gradient-hover: #CCCCCCFF;
566
- --inverse-persona-violet-surface-accent-gradient-active: #E6E6E6FF;
567
- --inverse-persona-violet-surface-accent-gradient-brightness: #0F0F0FFF;
568
486
  --inverse-persona-violet-text-accent: #15110FFF;
569
487
  --inverse-persona-violet-text-accent-hover: #CCCCCCFF;
570
488
  --inverse-persona-violet-text-accent-active: #E6E6E6FF;
571
- --inverse-persona-violet-text-accent-brightness: #15110FFF;
572
- --on-dark-persona-blue-surface-accent-gradient: #0F0F0FFF;
573
- --on-dark-persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
574
- --on-dark-persona-blue-surface-accent-gradient-active: #E6E6E6FF;
575
489
  --on-dark-persona-blue-text-accent: #15110FFF;
576
490
  --on-dark-persona-blue-text-accent-hover: #CCCCCCFF;
577
491
  --on-dark-persona-blue-text-accent-active: #E6E6E6FF;
578
- --on-dark-persona-blue-text-accent-brightness: #15110FFF;
579
- --on-dark-persona-green-surface-accent-gradient: #0F0F0FFF;
580
- --on-dark-persona-green-surface-accent-gradient-hover: #CCCCCCFF;
581
- --on-dark-persona-green-surface-accent-gradient-active: #E6E6E6FF;
582
492
  --inverse-persona-ochre-text-accent: #15110FFF;
583
493
  --inverse-persona-ochre-text-accent-hover: #CCCCCCFF;
584
494
  --inverse-persona-olive-text-accent-hover: #CCCCCCFF;
585
495
  --inverse-persona-ochre-text-accent-active: #E6E6E6FF;
586
- --inverse-persona-olive-surface-accent-gradient: #0F0F0FFF;
587
- --inverse-persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
588
- --on-dark-persona-indigo-surface-accent-gradient-active: #E6E6E6FF;
589
- --on-dark-persona-indigo-surface-accent-gradient-brightness: #0F0F0FFF;
590
496
  --on-dark-persona-indigo-text-accent: #15110FFF;
591
497
  --on-dark-persona-indigo-text-accent-hover: #CCCCCCFF;
592
498
  --on-dark-persona-indigo-text-accent-active: #E6E6E6FF;
593
- --on-dark-persona-indigo-text-accent-brightness: #15110FFF;
594
- --on-dark-persona-ochre-surface-accent-gradient: #0F0F0FFF;
595
- --on-dark-persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
596
- --on-dark-persona-ochre-surface-accent-gradient-active: #E6E6E6FF;
597
- --on-dark-persona-ochre-surface-accent-gradient-brightness: #0F0F0FFF;
598
499
  --on-dark-persona-ochre-text-accent: #15110FFF;
599
500
  --on-dark-persona-ochre-text-accent-hover: #CCCCCCFF;
600
501
  --on-dark-persona-ochre-text-accent-active: #E6E6E6FF;
601
- --on-dark-persona-ochre-text-accent-brightness: #15110FFF;
602
- --on-dark-persona-olive-surface-accent-gradient: #0F0F0FFF;
603
- --on-dark-persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
604
- --on-dark-persona-olive-surface-accent-gradient-active: #E6E6E6FF;
605
- --on-dark-persona-olive-surface-accent-gradient-brightness: #0F0F0FFF;
606
502
  --on-dark-persona-olive-text-accent: #15110FFF;
607
503
  --on-dark-persona-olive-text-accent-hover: #CCCCCCFF;
608
504
  --on-dark-persona-olive-text-accent-active: #E6E6E6FF;
609
- --on-dark-persona-olive-text-accent-brightness: #15110FFF;
610
- --on-dark-persona-pink-surface-accent-gradient: #0F0F0FFF;
611
- --on-dark-persona-pink-surface-accent-gradient-hover: #CCCCCCFF;
612
- --on-dark-persona-pink-surface-accent-gradient-active: #E6E6E6FF;
613
- --on-dark-persona-pink-surface-accent-gradient-brightness: #0F0F0FFF;
614
505
  --on-dark-persona-pink-text-accent: #15110FFF;
615
506
  --on-dark-persona-pink-text-accent-active: #E6E6E6FF;
616
- --on-dark-persona-pink-text-accent-brightness: #15110FFF;
617
- --on-dark-persona-sea-blue-surface-accent-gradient: #0F0F0FFF;
618
- --on-dark-persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
619
- --on-dark-persona-sea-blue-surface-accent-gradient-active: #E6E6E6FF;
620
- --on-dark-persona-sea-blue-surface-accent-gradient-brightness: #0F0F0FFF;
621
507
  --on-dark-persona-sea-blue-text-accent: #15110FFF;
622
508
  --on-dark-persona-sea-blue-text-accent-hover: #CCCCCCFF;
623
509
  --on-dark-persona-sea-blue-text-accent-active: #E6E6E6FF;
624
- --on-dark-persona-sea-blue-text-accent-brightness: #15110FFF;
625
- --on-dark-persona-violet-surface-accent-gradient: #0F0F0FFF;
626
- --on-dark-persona-violet-surface-accent-gradient-hover: #CCCCCCFF;
627
- --on-dark-persona-violet-surface-accent-gradient-active: #E6E6E6FF;
628
510
  --on-dark-persona-green-text-accent: #15110FFF;
629
511
  --on-dark-persona-green-text-accent-hover: #CCCCCCFF;
630
512
  --on-dark-persona-green-text-accent-active: #E6E6E6FF;
631
- --on-dark-persona-indigo-surface-accent-gradient: #0F0F0FFF;
632
- --on-dark-persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
633
513
  --on-light-persona-blue-text-accent-hover: #CCCCCCFF;
634
514
  --on-light-persona-blue-text-accent-active: #E6E6E6FF;
635
- --on-light-persona-blue-text-accent-brightness: #EBE7E5FF;
636
- --on-light-persona-green-surface-accent-gradient: #F6F2F0FF;
637
- --on-light-persona-green-surface-accent-gradient-hover: #CCCCCCFF;
638
- --on-light-persona-green-surface-accent-gradient-active: #E6E6E6FF;
639
- --on-light-persona-green-surface-accent-gradient-brightness: #F6F2F0FF;
640
515
  --on-light-persona-green-text-accent: #EBE7E5FF;
641
516
  --on-light-persona-green-text-accent-hover: #CCCCCCFF;
642
517
  --on-light-persona-green-text-accent-active: #E6E6E6FF;
643
- --on-light-persona-green-text-accent-brightness: #EBE7E5FF;
644
- --on-light-persona-indigo-surface-accent-gradient: #F6F2F0FF;
645
- --on-light-persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
646
- --on-light-persona-indigo-surface-accent-gradient-active: #E6E6E6FF;
647
- --on-light-persona-indigo-surface-accent-gradient-brightness: #F6F2F0FF;
648
518
  --on-light-persona-indigo-text-accent: #EBE7E5FF;
649
519
  --on-light-persona-indigo-text-accent-hover: #CCCCCCFF;
650
520
  --on-light-persona-indigo-text-accent-active: #E6E6E6FF;
651
- --on-light-persona-indigo-text-accent-brightness: #EBE7E5FF;
652
- --on-light-persona-ochre-surface-accent-gradient: #F6F2F0FF;
653
- --on-light-persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
654
- --on-light-persona-ochre-surface-accent-gradient-active: #E6E6E6FF;
655
521
  --on-light-persona-ochre-text-accent: #EBE7E5FF;
656
522
  --on-light-persona-ochre-text-accent-hover: #CCCCCCFF;
657
523
  --on-light-persona-ochre-text-accent-active: #E6E6E6FF;
658
- --on-light-persona-ochre-text-accent-brightness: #EBE7E5FF;
659
- --on-light-persona-olive-surface-accent-gradient: #F6F2F0FF;
660
524
  --on-light-persona-olive-text-accent-hover: #CCCCCCFF;
661
525
  --on-light-persona-olive-text-accent-active: #E6E6E6FF;
662
- --on-light-persona-olive-text-accent-brightness: #EBE7E5FF;
663
- --on-light-persona-pink-surface-accent-gradient: #F6F2F0FF;
664
- --on-light-persona-pink-surface-accent-gradient-hover: #CCCCCCFF;
665
526
  --on-dark-persona-violet-text-accent: #15110FFF;
666
527
  --on-dark-persona-violet-text-accent-hover: #CCCCCCFF;
667
- --on-dark-persona-violet-text-accent-brightness: #15110FFF;
668
- --on-light-persona-ochre-surface-accent-gradient-brightness: #F6F2F0FF;
669
- --on-light-persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
670
- --on-light-persona-blue-surface-accent-gradient-brightness: #F6F2F0FF;
671
528
  --on-light-persona-blue-text-accent: #EBE7E5FF;
672
- --on-light-persona-violet-surface-accent-gradient-brightness: #F6F2F0FF;
673
529
  --on-light-persona-violet-text-accent: #EBE7E5FF;
674
530
  --on-light-persona-violet-text-accent-hover: #CCCCCCFF;
675
531
  --on-light-persona-violet-text-accent-active: #E6E6E6FF;
676
- --on-light-persona-violet-text-accent-brightness: #EBE7E5FF;
677
532
  --surface-accent-primary: #527E4BFF;
678
533
  --surface-accent-primary-hover: #CCCCCCFF;
679
534
  --surface-accent-primary-active: #E6E6E6FF;
680
- --on-light-persona-violet-surface-accent-gradient: #F6F2F0FF;
681
- --on-light-persona-violet-surface-accent-gradient-active: #E6E6E6FF;
682
535
  --on-light-surface-accent-primary: #527E4BFF;
683
536
  --on-dark-surface-accent-minor: #3E4C2FFF;
684
537
  --on-light-surface-transparent-tertiary-active: #08080833;
@@ -688,21 +541,13 @@
688
541
  --inverse-surface-accent-minor: #3E4C2FFF;
689
542
  --on-dark-text-accent-minor-active: #629405FF;
690
543
  --on-dark-background-secondary-active: #E6E6E6FF;
691
- --on-light-persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
692
544
  --on-light-persona-pink-text-accent-hover: #CCCCCCFF;
693
545
  --on-light-data-yellow-minor-active: #FFCC66FF;
694
- --on-dark-persona-violet-surface-accent-gradient-brightness: #0F0F0FFF;
695
- --on-light-persona-pink-surface-accent-gradient-active: #E6E6E6FF;
696
- --on-light-persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
697
546
  --inverse-text-accent-active: #629405FF;
698
547
  --surface-warning-active: #E65705FF;
699
- --on-dark-persona-blue-surface-accent-gradient-brightness: #0F0F0FFF;
700
- --on-light-persona-olive-surface-accent-gradient-active: #E6E6E6FF;
701
548
  --on-light-surface-accent-primary-active: #E6E6E6FF;
702
- --inverse-persona-ochre-surface-accent-gradient-brightness: #0F0F0FFF;
703
549
  --on-light-text-accent-minor-hover: #B6FB37FF;
704
550
  --on-light-persona-pink-text-accent-active: #E6E6E6FF;
705
- --on-light-persona-sea-blue-surface-accent-gradient-active: #E6E6E6FF;
706
551
  --on-light-persona-sea-blue-text-accent-active: #E6E6E6FF;
707
552
  --surface-accent-secondary-active: #E6E6E6FF;
708
553
  --surface-transparent-accent-minor-active: #E6E6E6FF;
@@ -720,12 +565,8 @@
720
565
  --on-dark-text-tertiary: #F6F2F03D;
721
566
  --on-light-text-accent-hover: #79B706FF;
722
567
  --text-accent-minor-hover: #B6FB37FF;
723
- --inverse-persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
724
- --on-dark-persona-green-surface-accent-gradient-brightness: #0F0F0FFF;
725
568
  --on-light-persona-olive-text-accent: #EBE7E5FF;
726
569
  --on-light-surface-transparent-accent-minor: #527E4B3D;
727
- --on-dark-outline-default-brightness: #3B3735FF;
728
- --on-light-persona-sea-blue-surface-accent-gradient: #F6F2F0FF;
729
570
  --on-light-persona-sea-blue-text-accent: #EBE7E5FF;
730
571
  --surface-accent-secondary: #688F61FF;
731
572
  --surface-transparent-accent-minor: #527E4B3D;
@@ -735,32 +576,14 @@
735
576
  --on-dark-surface-accent-secondary: #B4AE7BFF;
736
577
  --on-dark-surface-transparent-accent-minor: #B4AE7B47;
737
578
  --on-light-surface-accent-secondary: #688F61FF;
738
- --on-light-surface-accent-secondary-brightness: #688F61FF;
739
579
  --inverse-outline-minor: #383838FF;
740
580
  --inverse-text-warning-hover: #FF8B4DFF;
741
581
  --data-yellow-transparent-hover: #F3A8129E;
742
582
  --on-dark-surface-negative: #F8A6A9FF;
743
583
  --inverse-surface-info: #9BCAF8FF;
744
584
  --on-light-outline-warning-hover: #FD9253FF;
745
- --on-light-persona-olive-surface-accent-gradient-brightness: #F6F2F0FF;
746
- --on-light-persona-pink-text-accent-brightness: #EBE7E5FF;
747
- --surface-transparent-accent-minor-brightness: #527E4B3D;
748
- --inverse-surface-accent-secondary-brightness: #B4AE7BFF;
749
- --inverse-surface-transparent-accent-minor-brightness: #B4AE7B47;
750
- --on-dark-surface-accent-primary-brightness: #B4AE7BFF;
751
- --on-dark-surface-accent-secondary-brightness: #B4AE7BFF;
752
- --on-dark-surface-transparent-accent-minor-brightness: #B4AE7B47;
753
- --on-light-surface-accent-primary-brightness: #527E4BFF;
754
- --on-light-surface-transparent-accent-minor-brightness: #527E4B3D;
755
- --inverse-outline-minor-brightness: #383838FF;
756
- --on-light-persona-sea-blue-surface-accent-gradient-brightness: #F6F2F0FF;
757
- --surface-accent-primary-brightness: #527E4BFF;
758
- --surface-accent-secondary-brightness: #688F61FF;
759
- --on-light-outline-default-brightness: #DDD9D7FF;
760
585
  --on-dark-persona-pink-text-accent-hover: #CCCCCCFF;
761
586
  --on-dark-text-accent-hover: #96E208FF;
762
- --on-light-persona-violet-surface-accent-gradient-hover: #CCCCCCFF;
763
- --persona-pink-surface-accent-gradient-brightness: #F6F2F0FF;
764
587
  --inverse-surface-transparent-accent-minor-hover: #CCCCCCFF;
765
588
  --on-light-surface-accent-primary-hover: #CCCCCCFF;
766
589
  --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: #EBE7E5FF;
777
- --inverse-persona-ochre-text-accent-brightness: #15110FFF;
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: #15110FFF;
@@ -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(45.00deg, rgb(82, 126, 75) 0%, rgb(156, 191, 128) 100%);
810
627
  --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%);
811
628
  --surface-skeleton-gradient-hover: #FFFFFFFF;
@@ -846,8 +663,92 @@
846
663
  --inverse-outline-accent-gradient-hover: #858585FF;
847
664
  --inverse-outline-accent-gradient-active: #666666FF;
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,47 +761,43 @@
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, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
870
- --surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
871
- --inverse-surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 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
  --on-dark-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
875
- --inverse-text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
876
769
  --on-dark-outline-transparent-surface-hover: #CCCCCCFF;
770
+ --on-light-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
877
771
  --on-light-overlay-gradient-active: #E6E6E6FF;
878
- --on-light-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
879
772
  --outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
880
773
  --outline-transparent-surface-hover: #CCCCCCFF;
881
774
  --outline-transparent-surface-active: #E6E6E6FF;
882
- --outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
883
775
  --overlay-gradient: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
884
776
  --overlay-gradient-hover: #CCCCCCFF;
885
777
  --overlay-gradient-active: #E6E6E6FF;
886
- --overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
887
778
  --on-dark-overlay-gradient: linear-gradient(90deg, #000000FF 0%, #00000000 100%);
888
779
  --on-dark-overlay-gradient-hover: #CCCCCCFF;
889
780
  --on-dark-overlay-gradient-active: #E6E6E6FF;
890
- --on-dark-overlay-gradient-brightness: linear-gradient(90deg, #000000FF 0%, #00000000 100%);
891
781
  --inverse-overlay-gradient-active: #E6E6E6FF;
892
782
  --inverse-overlay-gradient-hover: #CCCCCCFF;
893
- --inverse-overlay-gradient-brightness: linear-gradient(90deg, #000000FF 0%, #00000000 100%);
894
783
  --on-light-overlay-gradient: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
784
+ --on-light-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
785
+ --on-light-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
895
786
  --on-light-overlay-gradient-hover: #CCCCCCFF;
787
+ --on-light-persona-olive-surface-accent-gradient-active: #FFFFFFFF;
788
+ --on-light-persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
896
789
  --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
897
790
  --inverse-outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
898
791
  --on-light-outline-accent-gradient-hover: #CCCCCCFF;
792
+ --inverse-persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
793
+ --on-light-persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
899
794
  --surface-accent-gradient-hover: #CCCCCCFF;
900
795
  --outline-accent-gradient-active: #E6E6E6FF;
901
- --on-light-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
796
+ --on-light-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
902
797
  --on-dark-surface-accent-gradient: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
903
798
  --surface-accent-gradient-active: #E6E6E6FF;
799
+ --on-light-persona-blue-surface-accent-gradient-active: #FFFFFFFF;
800
+ --persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;
904
801
  --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;
905
802
  }
906
803
 
@@ -959,6 +856,12 @@
959
856
  --plasma-typo-body-font-family: 'Roboto', sans-serif;
960
857
  --plasma-typo-header-font-family: 'Roboto', sans-serif;
961
858
  --plasma-typo-text-font-family: 'undefined', sans-serif;
859
+ --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);
860
+ --plasma-typo-body-xxs-medium-letter-spacing: -0.02em;
861
+ --plasma-typo-body-xxs-medium-font-style: normal;
862
+ --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);
863
+ --plasma-typo-body-xxs-letter-spacing: -0.02em;
864
+ --plasma-typo-body-xxs-font-style: normal;
962
865
  --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family);
963
866
  --plasma-typo-h3-bold-letter-spacing: normal;
964
867
  --plasma-typo-h3-bold-font-style: normal;
@@ -998,12 +901,6 @@
998
901
  --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family);
999
902
  --plasma-typo-body-xxs-bold-letter-spacing: -0.02em;
1000
903
  --plasma-typo-body-xxs-bold-font-style: normal;
1001
- --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);
1002
- --plasma-typo-body-xxs-medium-letter-spacing: -0.02em;
1003
- --plasma-typo-body-xxs-medium-font-style: normal;
1004
- --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);
1005
- --plasma-typo-body-xxs-letter-spacing: -0.02em;
1006
- --plasma-typo-body-xxs-font-style: normal;
1007
904
  --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);
1008
905
  --plasma-typo-dspl-s-bold-letter-spacing: normal;
1009
906
  --plasma-typo-dspl-s-bold-font-style: normal;
@@ -1017,6 +914,12 @@
1017
914
 
1018
915
  @media (max-width: 559px) {
1019
916
  :root {
917
+ --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
918
+ --plasma-typo-body-xxs-medium-font-weight: 500;
919
+ --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
920
+ --plasma-typo-body-xxs-font-size: 0.6875rem;
921
+ --plasma-typo-body-xxs-font-weight: 400;
922
+ --plasma-typo-body-xxs-line-height: 0.8125rem;
1020
923
  --plasma-typo-h3-bold-font-size: 1.25rem;
1021
924
  --plasma-typo-h3-bold-font-weight: 700;
1022
925
  --plasma-typo-h3-bold-line-height: 1.4375rem;
@@ -1056,12 +959,6 @@
1056
959
  --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1057
960
  --plasma-typo-body-xxs-bold-font-weight: 600;
1058
961
  --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1059
- --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1060
- --plasma-typo-body-xxs-medium-font-weight: 500;
1061
- --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1062
- --plasma-typo-body-xxs-font-size: 0.6875rem;
1063
- --plasma-typo-body-xxs-font-weight: 400;
1064
- --plasma-typo-body-xxs-line-height: 0.8125rem;
1065
962
  --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1066
963
  --plasma-typo-dspl-s-bold-font-weight: 700;
1067
964
  --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
@@ -1076,15 +973,15 @@
1076
973
 
1077
974
  @media (min-width: 560px) and (max-width: 959px) {
1078
975
  :root {
1079
- --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1080
- --plasma-typo-dspl-s-bold-font-weight: 600;
1081
- --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1082
976
  --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1083
977
  --plasma-typo-dspl-s-medium-font-weight: 500;
1084
978
  --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1085
979
  --plasma-typo-dspl-s-font-size: 2.125rem;
1086
980
  --plasma-typo-dspl-s-font-weight: 400;
1087
981
  --plasma-typo-dspl-s-line-height: 2.5625rem;
982
+ --plasma-typo-dspl-s-bold-font-size: 2.125rem;
983
+ --plasma-typo-dspl-s-bold-font-weight: 600;
984
+ --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1088
985
  --plasma-typo-h3-font-size: 1.25rem;
1089
986
  --plasma-typo-h3-font-weight: 400;
1090
987
  --plasma-typo-h3-line-height: 1.4375rem;
package/es/components/Button/Button.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Button.config_9i8t1d.css';
1
+ import './Button.config_1ufeha7.css';
2
2
  var config = {
3
3
  defaults: {
4
4
  view: 'default',
@@ -7,15 +7,15 @@ var config = {
7
7
  },
8
8
  variations: {
9
9
  view: {
10
- clear: "c1fnkof5",
10
+ "default": "d1fnkof5",
11
11
  accent: "a1129msw",
12
12
  secondary: "sbaqjet",
13
- "default": "dmxfxlw"
13
+ clear: "cmxfxlw"
14
14
  },
15
15
  size: {
16
- m: "mleczrv",
17
- l: "llekduy",
18
- xl: "x1yfa47j"
16
+ l: "lleczrv",
17
+ xl: "xlekduy",
18
+ m: "m1yfa47j"
19
19
  },
20
20
  shape: {
21
21
  rounded: "rsb1lec",