@turquoisehealth/pit-viper 2.67.0 → 2.69.0

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.
@@ -413,7 +413,8 @@
413
413
  .pv-v2 .pv-button-tertiary,
414
414
  .pv-v2 .pv-button-ghost,
415
415
  .pv-v2 .pv-button-destructive,
416
- .pv-v2 .pv-button-ghost-destructive {
416
+ .pv-v2 .pv-button-ghost-destructive,
417
+ .pv-v2 .pv-button-ai {
417
418
  padding: var(--button-padding, calc(0.25rem - 1px) 0.5rem);
418
419
  }
419
420
  .pv-v2 .pv-button-primary:not(:disabled):hover, .pv-v2 .pv-button-primary:not(:disabled):focus-visible,
@@ -426,7 +427,9 @@
426
427
  .pv-v2 .pv-button-destructive:not(:disabled):hover,
427
428
  .pv-v2 .pv-button-destructive:not(:disabled):focus-visible,
428
429
  .pv-v2 .pv-button-ghost-destructive:not(:disabled):hover,
429
- .pv-v2 .pv-button-ghost-destructive:not(:disabled):focus-visible {
430
+ .pv-v2 .pv-button-ghost-destructive:not(:disabled):focus-visible,
431
+ .pv-v2 .pv-button-ai:not(:disabled):hover,
432
+ .pv-v2 .pv-button-ai:not(:disabled):focus-visible {
430
433
  text-decoration: none;
431
434
  }
432
435
  .pv-v2 .pv-button-primary:disabled,
@@ -434,9 +437,11 @@
434
437
  .pv-v2 .pv-button-tertiary:disabled,
435
438
  .pv-v2 .pv-button-ghost:disabled,
436
439
  .pv-v2 .pv-button-destructive:disabled,
437
- .pv-v2 .pv-button-ghost-destructive:disabled {
440
+ .pv-v2 .pv-button-ghost-destructive:disabled,
441
+ .pv-v2 .pv-button-ai:disabled {
438
442
  color: var(--button-disabled-color, #4B595C);
439
443
  background-color: var(--button-disabled-background-color, #ECECEC);
444
+ background-image: none;
440
445
  }
441
446
  .pv-v2 .pv-button-primary {
442
447
  color: var(--button-primary-color, #FFFFFF);
@@ -481,19 +486,19 @@
481
486
  background-color: var(--color-background-interactive, #A8E6E1);
482
487
  }
483
488
  .pv-v2 .pv-button-tertiary {
484
- background-color: var(--button-tertiary-background-color, #FFFFFF);
489
+ background-color: var(--button-tertiary-background-color, #474C4B);
485
490
  border-color: var(--button-tertiary-border-color, transparent);
486
491
  }
487
492
  .pv-v2 .pv-button-tertiary:not(:disabled) {
488
- color: var(--button-tertiary-color, #121313);
493
+ color: var(--button-tertiary-color, #FFFFFF);
489
494
  }
490
495
  .pv-v2 .pv-button-tertiary:not(:disabled):hover, .pv-v2 .pv-button-tertiary:not(:disabled):focus-visible {
491
- color: var(--button-tertiary-hover-color, #121313);
492
- background-color: var(--button-tertiary-hover-background-color, #E8F2F4);
496
+ color: var(--button-tertiary-hover-color, #FFFFFF);
497
+ background-color: var(--button-tertiary-hover-background-color, #353938);
493
498
  }
494
499
  .pv-v2 .pv-button-tertiary:not(:disabled):active {
495
- background-color: var(--button-tertiary-pressed-color, #121313);
496
- background-color: var(--button-tertiary-pressed-background-color, #C7D8DB);
500
+ background-color: var(--button-tertiary-pressed-color, #FFFFFF);
501
+ background-color: var(--button-tertiary-pressed-background-color, #595F5E);
497
502
  }
498
503
  .pv-v2 .pv-button-destructive {
499
504
  color: var(--button-destructive-color, #801A00);
@@ -531,6 +536,24 @@
531
536
  .pv-v2 .pv-button-ghost-destructive:not(:disabled):active {
532
537
  background-color: #FFAD99;
533
538
  }
539
+ .pv-v2 .pv-button-ai {
540
+ background-image: var(--button-ai-background-color, linear-gradient(138deg, #F1E8FF 4.38%, #D7F3F1 99.39%));
541
+ border-color: var(--button-ai-border-color, transparent);
542
+ border-radius: var(--button-ai-radius, 2rem);
543
+ }
544
+ .pv-v2 .pv-button-ai:not(:disabled) {
545
+ color: var(--button-ai-color, #121313);
546
+ }
547
+ .pv-v2 .pv-button-ai:not(:disabled):hover, .pv-v2 .pv-button-ai:not(:disabled):focus-visible {
548
+ color: var(--button-ai-hover-color, #121313);
549
+ background-color: var(--button-ai-hover-background-color, #E8F2F4);
550
+ background-image: none;
551
+ }
552
+ .pv-v2 .pv-button-ai:not(:disabled):active {
553
+ color: var(--button-ai-pressed-color, #121313);
554
+ background-color: var(--button-ai-pressed-background-color, #C7D8DB);
555
+ background-image: none;
556
+ }
534
557
  .pv-v2 .pv-button-primary-outline {
535
558
  border: 1px solid var(--button-primary-outline-border-color, #E3E7EA);
536
559
  color: var(--button-primary-outline-color, #121313);
@@ -633,23 +656,17 @@
633
656
  transition-property: box-shadow;
634
657
  }
635
658
  .pv-v2 [class*=pv-button-link] {
636
- color: var(--button-link-color, #16696D);
659
+ display: inline-flex;
660
+ color: var(--color-text-interactive, inherit);
661
+ font-size: inherit;
662
+ line-height: inherit;
637
663
  padding: 0;
638
- border-radius: 0;
639
- font-weight: var(--button-font-weight, 500);
640
- }
641
- .pv-v2 [class*=pv-button-link]:not(:disabled) {
642
- border-bottom: 2px solid currentColor;
643
- }
644
- .pv-v2 [class*=pv-button-link]:hover:not(:disabled), .pv-v2 [class*=pv-button-link]:focus-visible:not(:disabled) {
645
- color: var(--button-link-hover-color, #0D5256);
664
+ border: 0;
665
+ font-weight: var(--link-font-weight, 500);
646
666
  }
647
667
  .pv-v2 [class*=pv-button-link]:hover, .pv-v2 [class*=pv-button-link]:focus-visible {
648
- text-decoration: none;
649
- }
650
- .pv-v2 [class*=pv-button-link]:disabled {
651
- color: #4B595C;
652
- background-color: transparent;
668
+ text-decoration: underline;
669
+ color: var(--color-text-interactive, inherit);
653
670
  }
654
671
  .pv-v2 [class*=pv-button-link].pv-button-inverse {
655
672
  color: var(--button-link-inverse-color, #FFFFFF);
@@ -657,9 +674,6 @@
657
674
  .pv-v2 [class*=pv-button-link].pv-button-inverse:hover:not(:disabled), .pv-v2 [class*=pv-button-link].pv-button-inverse:focus-visible:not(:disabled) {
658
675
  color: var(--button-link-inverse-hover-color, #A8E6E1);
659
676
  }
660
- .pv-v2 [class*=pv-button-link].pv-button-inverse:disabled {
661
- color: var(--button-link-inverse-disabled-color, #6E7784);
662
- }
663
677
  .pv-v2 .pv-button-link-destructive {
664
678
  color: var(--button-link-destructive-color, #801A00);
665
679
  }
@@ -1844,24 +1858,55 @@
1844
1858
  --bg-color: #F7F8F8;
1845
1859
  }
1846
1860
  .pv-v2 [class*=pv-toast] {
1847
- color: #FFFFFF;
1848
- padding: 1.25rem;
1861
+ color: #121313;
1862
+ padding: 0.75rem 1rem;
1849
1863
  display: flex;
1850
- align-items: flex-start;
1864
+ align-items: center;
1851
1865
  gap: 0.75rem;
1866
+ border-radius: 4px;
1852
1867
  }
1853
1868
  .pv-v2 [class*=pv-toast] p {
1854
1869
  flex: 1;
1855
1870
  }
1856
1871
  .pv-v2 [class*=pv-toast] svg {
1857
- fill: #FFFFFF;
1872
+ fill: #121313;
1873
+ }
1874
+ .pv-v2 .pv-toast-info {
1875
+ background-color: #F7F8F8;
1876
+ }
1877
+ .pv-v2 .pv-toast-info svg:not([class*=pv-button] svg) {
1878
+ fill: #36C5BA;
1858
1879
  }
1859
1880
  .pv-v2 .pv-toast-success {
1860
- background-color: #02363D;
1881
+ background-color: #E8FDEA;
1882
+ }
1883
+ .pv-v2 .pv-toast-success svg:not([class*=pv-button] svg) {
1884
+ fill: #0E8019;
1861
1885
  }
1862
1886
  .pv-v2 .pv-toast-error {
1863
1887
  background-color: #FFEFEB;
1864
1888
  }
1889
+ .pv-v2 .pv-toast-error svg:not([class*=pv-button] svg) {
1890
+ fill: #FF471A;
1891
+ }
1892
+ .pv-v2 .pv-toast-dark {
1893
+ background-color: #242626;
1894
+ color: #FFFFFF;
1895
+ }
1896
+ .pv-v2 .pv-toast-dark svg:not([class*=pv-button] svg) {
1897
+ background-image: linear-gradient(138deg, #F1E8FF 4.38%, #D7F3F1 99.39%);
1898
+ border-radius: 2rem;
1899
+ padding: 2px;
1900
+ fill: #121313;
1901
+ }
1902
+ .pv-v2 .pv-toast-dark [class*=pv-button] svg {
1903
+ fill: #FFFFFF;
1904
+ }
1905
+ .pv-v2 .pv-toast-dark [class*=pv-button]:hover svg,
1906
+ .pv-v2 .pv-toast-dark [class*=pv-button]:focus-visible svg,
1907
+ .pv-v2 .pv-toast-dark [class*=pv-button]:active svg {
1908
+ fill: #121313;
1909
+ }
1865
1910
  .pv-v2 .pv-pulsing-dot {
1866
1911
  --color: #36C5BA;
1867
1912
  --size: 6px;
@@ -4688,6 +4733,20 @@
4688
4733
  .pv-v2 .pv-scroll {
4689
4734
  overflow-x: auto;
4690
4735
  }
4736
+ .pv-v2 .pv-scroll::-webkit-scrollbar {
4737
+ width: 8px;
4738
+ height: 8px;
4739
+ }
4740
+ .pv-v2 .pv-scroll::-webkit-scrollbar-thumb {
4741
+ border-radius: 8px;
4742
+ background-color: #C1C1C1;
4743
+ }
4744
+ .pv-v2 .pv-scroll::-webkit-scrollbar-thumb:hover {
4745
+ background-color: #7C7C7C;
4746
+ }
4747
+ .pv-v2 .pv-scroll::-webkit-scrollbar-track {
4748
+ background-color: #FAFAFA;
4749
+ }
4691
4750
  .pv-v2 .pv-sticky,
4692
4751
  .pv-v2 [data-sticky] {
4693
4752
  --top: 0;
@@ -5059,6 +5118,7 @@
5059
5118
  .pv-v2 .select2-selection--single .select2-selection__rendered {
5060
5119
  color: #121313;
5061
5120
  padding: calc(0.5rem - 1px) 0.5rem;
5121
+ font-weight: 500;
5062
5122
  }
5063
5123
  .pv-v2 .select2-results__option[aria-selected=true] {
5064
5124
  background-color: #E4F8F6;
@@ -472,7 +472,8 @@
472
472
  .pv-button-tertiary,
473
473
  .pv-button-ghost,
474
474
  .pv-button-destructive,
475
- .pv-button-ghost-destructive {
475
+ .pv-button-ghost-destructive,
476
+ .pv-button-ai {
476
477
  padding: var(--button-padding, calc(0.25rem - 1px) 0.5rem);
477
478
  }
478
479
  .pv-button-primary:not(:disabled):hover, .pv-button-primary:not(:disabled):focus-visible,
@@ -485,7 +486,9 @@
485
486
  .pv-button-destructive:not(:disabled):hover,
486
487
  .pv-button-destructive:not(:disabled):focus-visible,
487
488
  .pv-button-ghost-destructive:not(:disabled):hover,
488
- .pv-button-ghost-destructive:not(:disabled):focus-visible {
489
+ .pv-button-ghost-destructive:not(:disabled):focus-visible,
490
+ .pv-button-ai:not(:disabled):hover,
491
+ .pv-button-ai:not(:disabled):focus-visible {
489
492
  text-decoration: none;
490
493
  }
491
494
  .pv-button-primary:disabled,
@@ -493,9 +496,11 @@
493
496
  .pv-button-tertiary:disabled,
494
497
  .pv-button-ghost:disabled,
495
498
  .pv-button-destructive:disabled,
496
- .pv-button-ghost-destructive:disabled {
499
+ .pv-button-ghost-destructive:disabled,
500
+ .pv-button-ai:disabled {
497
501
  color: var(--button-disabled-color, #4B595C);
498
502
  background-color: var(--button-disabled-background-color, #ECECEC);
503
+ background-image: none;
499
504
  }
500
505
 
501
506
  .pv-button-primary {
@@ -544,19 +549,19 @@
544
549
  }
545
550
 
546
551
  .pv-button-tertiary {
547
- background-color: var(--button-tertiary-background-color, #FFFFFF);
552
+ background-color: var(--button-tertiary-background-color, #474C4B);
548
553
  border-color: var(--button-tertiary-border-color, transparent);
549
554
  }
550
555
  .pv-button-tertiary:not(:disabled) {
551
- color: var(--button-tertiary-color, #121313);
556
+ color: var(--button-tertiary-color, #FFFFFF);
552
557
  }
553
558
  .pv-button-tertiary:not(:disabled):hover, .pv-button-tertiary:not(:disabled):focus-visible {
554
- color: var(--button-tertiary-hover-color, #121313);
555
- background-color: var(--button-tertiary-hover-background-color, #E8F2F4);
559
+ color: var(--button-tertiary-hover-color, #FFFFFF);
560
+ background-color: var(--button-tertiary-hover-background-color, #353938);
556
561
  }
557
562
  .pv-button-tertiary:not(:disabled):active {
558
- background-color: var(--button-tertiary-pressed-color, #121313);
559
- background-color: var(--button-tertiary-pressed-background-color, #C7D8DB);
563
+ background-color: var(--button-tertiary-pressed-color, #FFFFFF);
564
+ background-color: var(--button-tertiary-pressed-background-color, #595F5E);
560
565
  }
561
566
 
562
567
  .pv-button-destructive {
@@ -599,6 +604,25 @@
599
604
  background-color: #FFAD99;
600
605
  }
601
606
 
607
+ .pv-button-ai {
608
+ background-image: var(--button-ai-background-color, linear-gradient(138deg, #F1E8FF 4.38%, #D7F3F1 99.39%));
609
+ border-color: var(--button-ai-border-color, transparent);
610
+ border-radius: var(--button-ai-radius, 2rem);
611
+ }
612
+ .pv-button-ai:not(:disabled) {
613
+ color: var(--button-ai-color, #121313);
614
+ }
615
+ .pv-button-ai:not(:disabled):hover, .pv-button-ai:not(:disabled):focus-visible {
616
+ color: var(--button-ai-hover-color, #121313);
617
+ background-color: var(--button-ai-hover-background-color, #E8F2F4);
618
+ background-image: none;
619
+ }
620
+ .pv-button-ai:not(:disabled):active {
621
+ color: var(--button-ai-pressed-color, #121313);
622
+ background-color: var(--button-ai-pressed-background-color, #C7D8DB);
623
+ background-image: none;
624
+ }
625
+
602
626
  .pv-button-primary-outline {
603
627
  border: 1px solid var(--button-primary-outline-border-color, #E3E7EA);
604
628
  color: var(--button-primary-outline-color, #121313);
@@ -709,23 +733,17 @@
709
733
  }
710
734
 
711
735
  [class*=pv-button-link] {
712
- color: var(--button-link-color, #16696D);
736
+ display: inline-flex;
737
+ color: var(--color-text-interactive, inherit);
738
+ font-size: inherit;
739
+ line-height: inherit;
713
740
  padding: 0;
714
- border-radius: 0;
715
- font-weight: var(--button-font-weight, 500);
716
- }
717
- [class*=pv-button-link]:not(:disabled) {
718
- border-bottom: 2px solid currentColor;
719
- }
720
- [class*=pv-button-link]:hover:not(:disabled), [class*=pv-button-link]:focus-visible:not(:disabled) {
721
- color: var(--button-link-hover-color, #0D5256);
741
+ border: 0;
742
+ font-weight: var(--link-font-weight, 500);
722
743
  }
723
744
  [class*=pv-button-link]:hover, [class*=pv-button-link]:focus-visible {
724
- text-decoration: none;
725
- }
726
- [class*=pv-button-link]:disabled {
727
- color: #4B595C;
728
- background-color: transparent;
745
+ text-decoration: underline;
746
+ color: var(--color-text-interactive, inherit);
729
747
  }
730
748
  [class*=pv-button-link].pv-button-inverse {
731
749
  color: var(--button-link-inverse-color, #FFFFFF);
@@ -733,9 +751,6 @@
733
751
  [class*=pv-button-link].pv-button-inverse:hover:not(:disabled), [class*=pv-button-link].pv-button-inverse:focus-visible:not(:disabled) {
734
752
  color: var(--button-link-inverse-hover-color, #A8E6E1);
735
753
  }
736
- [class*=pv-button-link].pv-button-inverse:disabled {
737
- color: var(--button-link-inverse-disabled-color, #6E7784);
738
- }
739
754
 
740
755
  .pv-button-link-destructive {
741
756
  color: var(--button-link-destructive-color, #801A00);
@@ -1993,26 +2008,59 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
1993
2008
  }
1994
2009
 
1995
2010
  [class*=pv-toast] {
1996
- color: #FFFFFF;
1997
- padding: 1.25rem;
2011
+ color: #121313;
2012
+ padding: 0.75rem 1rem;
1998
2013
  display: flex;
1999
- align-items: flex-start;
2014
+ align-items: center;
2000
2015
  gap: 0.75rem;
2016
+ border-radius: 4px;
2001
2017
  }
2002
2018
  [class*=pv-toast] p {
2003
2019
  flex: 1;
2004
2020
  }
2005
2021
  [class*=pv-toast] svg {
2006
- fill: #FFFFFF;
2022
+ fill: #121313;
2023
+ }
2024
+
2025
+ .pv-toast-info {
2026
+ background-color: #F7F8F8;
2027
+ }
2028
+ .pv-toast-info svg:not([class*=pv-button] svg) {
2029
+ fill: #36C5BA;
2007
2030
  }
2008
2031
 
2009
2032
  .pv-toast-success {
2010
- background-color: #02363D;
2033
+ background-color: #E8FDEA;
2034
+ }
2035
+ .pv-toast-success svg:not([class*=pv-button] svg) {
2036
+ fill: #0E8019;
2011
2037
  }
2012
2038
 
2013
2039
  .pv-toast-error {
2014
2040
  background-color: #FFEFEB;
2015
2041
  }
2042
+ .pv-toast-error svg:not([class*=pv-button] svg) {
2043
+ fill: #FF471A;
2044
+ }
2045
+
2046
+ .pv-toast-dark {
2047
+ background-color: #242626;
2048
+ color: #FFFFFF;
2049
+ }
2050
+ .pv-toast-dark svg:not([class*=pv-button] svg) {
2051
+ background-image: linear-gradient(138deg, #F1E8FF 4.38%, #D7F3F1 99.39%);
2052
+ border-radius: 2rem;
2053
+ padding: 2px;
2054
+ fill: #121313;
2055
+ }
2056
+ .pv-toast-dark [class*=pv-button] svg {
2057
+ fill: #FFFFFF;
2058
+ }
2059
+ .pv-toast-dark [class*=pv-button]:hover svg,
2060
+ .pv-toast-dark [class*=pv-button]:focus-visible svg,
2061
+ .pv-toast-dark [class*=pv-button]:active svg {
2062
+ fill: #121313;
2063
+ }
2016
2064
 
2017
2065
  .pv-pulsing-dot {
2018
2066
  --color: #36C5BA;
@@ -5156,6 +5204,20 @@ svg.pv-text-inherit {
5156
5204
  .pv-scroll {
5157
5205
  overflow-x: auto;
5158
5206
  }
5207
+ .pv-scroll::-webkit-scrollbar {
5208
+ width: 8px;
5209
+ height: 8px;
5210
+ }
5211
+ .pv-scroll::-webkit-scrollbar-thumb {
5212
+ border-radius: 8px;
5213
+ background-color: #C1C1C1;
5214
+ }
5215
+ .pv-scroll::-webkit-scrollbar-thumb:hover {
5216
+ background-color: #7C7C7C;
5217
+ }
5218
+ .pv-scroll::-webkit-scrollbar-track {
5219
+ background-color: #FAFAFA;
5220
+ }
5159
5221
 
5160
5222
  .pv-sticky,
5161
5223
  [data-sticky] {
@@ -5585,6 +5647,7 @@ svg.pv-text-inherit {
5585
5647
  .select2-selection--single .select2-selection__rendered {
5586
5648
  color: #121313;
5587
5649
  padding: calc(0.5rem - 1px) 0.5rem;
5650
+ font-weight: 500;
5588
5651
  }
5589
5652
 
5590
5653
  .select2-results__option[aria-selected=true] {
@@ -477,7 +477,8 @@
477
477
  .pv-button-tertiary,
478
478
  .pv-button-ghost,
479
479
  .pv-button-destructive,
480
- .pv-button-ghost-destructive {
480
+ .pv-button-ghost-destructive,
481
+ .pv-button-ai {
481
482
  padding: var(--button-padding, 0.6875rem 1.25rem);
482
483
  }
483
484
  .pv-button-primary:not(:disabled):hover, .pv-button-primary:not(:disabled):focus-visible,
@@ -490,7 +491,9 @@
490
491
  .pv-button-destructive:not(:disabled):hover,
491
492
  .pv-button-destructive:not(:disabled):focus-visible,
492
493
  .pv-button-ghost-destructive:not(:disabled):hover,
493
- .pv-button-ghost-destructive:not(:disabled):focus-visible {
494
+ .pv-button-ghost-destructive:not(:disabled):focus-visible,
495
+ .pv-button-ai:not(:disabled):hover,
496
+ .pv-button-ai:not(:disabled):focus-visible {
494
497
  text-decoration: none;
495
498
  }
496
499
  .pv-button-primary:disabled,
@@ -498,9 +501,11 @@
498
501
  .pv-button-tertiary:disabled,
499
502
  .pv-button-ghost:disabled,
500
503
  .pv-button-destructive:disabled,
501
- .pv-button-ghost-destructive:disabled {
504
+ .pv-button-ghost-destructive:disabled,
505
+ .pv-button-ai:disabled {
502
506
  color: var(--button-disabled-color, #6E7784);
503
507
  background-color: var(--button-disabled-background-color, #DCDFE4);
508
+ background-image: none;
504
509
  }
505
510
 
506
511
  .pv-button-primary {
@@ -604,6 +609,25 @@
604
609
  background-color: #A2191F;
605
610
  }
606
611
 
612
+ .pv-button-ai {
613
+ background-image: var(--button-ai-background-color, linear-gradient(138deg, #F1E8FF 4.38%, #D7F3F1 99.39%));
614
+ border-color: var(--button-ai-border-color, transparent);
615
+ border-radius: var(--button-ai-radius, 2rem);
616
+ }
617
+ .pv-button-ai:not(:disabled) {
618
+ color: var(--button-ai-color, #121313);
619
+ }
620
+ .pv-button-ai:not(:disabled):hover, .pv-button-ai:not(:disabled):focus-visible {
621
+ color: var(--button-ai-hover-color, #121313);
622
+ background-color: var(--button-ai-hover-background-color, #E8F2F4);
623
+ background-image: none;
624
+ }
625
+ .pv-button-ai:not(:disabled):active {
626
+ color: var(--button-ai-pressed-color, #121313);
627
+ background-color: var(--button-ai-pressed-background-color, #C7D8DB);
628
+ background-image: none;
629
+ }
630
+
607
631
  .pv-button-primary-outline {
608
632
  border: 2px solid var(--button-primary-outline-border-color, #176F6F);
609
633
  color: var(--button-primary-outline-color, #176F6F);
@@ -714,23 +738,17 @@
714
738
  }
715
739
 
716
740
  [class*=pv-button-link] {
717
- color: var(--button-link-color, #02363D);
741
+ display: inline-flex;
742
+ color: var(--color-text-interactive, #176F6F);
743
+ font-size: inherit;
744
+ line-height: inherit;
718
745
  padding: 0;
719
- border-radius: 0;
720
- font-weight: var(--button-font-weight, 600);
721
- }
722
- [class*=pv-button-link]:not(:disabled) {
723
- border-bottom: 2px solid currentColor;
724
- }
725
- [class*=pv-button-link]:hover:not(:disabled), [class*=pv-button-link]:focus-visible:not(:disabled) {
726
- color: var(--button-link-hover-color, #176F6F);
746
+ border: 0;
747
+ font-weight: var(--link-font-weight, 600);
727
748
  }
728
749
  [class*=pv-button-link]:hover, [class*=pv-button-link]:focus-visible {
729
- text-decoration: none;
730
- }
731
- [class*=pv-button-link]:disabled {
732
- color: #6E7784;
733
- background-color: transparent;
750
+ text-decoration: underline;
751
+ color: var(--color-text-interactive, #176F6F);
734
752
  }
735
753
  [class*=pv-button-link].pv-button-inverse {
736
754
  color: var(--button-link-inverse-color, #FFFFFF);
@@ -738,9 +756,6 @@
738
756
  [class*=pv-button-link].pv-button-inverse:hover:not(:disabled), [class*=pv-button-link].pv-button-inverse:focus-visible:not(:disabled) {
739
757
  color: var(--button-link-inverse-hover-color, #A8E6E1);
740
758
  }
741
- [class*=pv-button-link].pv-button-inverse:disabled {
742
- color: var(--button-link-inverse-disabled-color, #6E7784);
743
- }
744
759
 
745
760
  .pv-button-link-destructive {
746
761
  color: var(--button-link-destructive-color, #DA1E28);
@@ -2001,8 +2016,9 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
2001
2016
  color: #FFFFFF;
2002
2017
  padding: 1.25rem;
2003
2018
  display: flex;
2004
- align-items: flex-start;
2019
+ align-items: center;
2005
2020
  gap: 0.75rem;
2021
+ border-radius: 0;
2006
2022
  }
2007
2023
  [class*=pv-toast] p {
2008
2024
  flex: 1;
@@ -2011,13 +2027,45 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
2011
2027
  fill: #FFFFFF;
2012
2028
  }
2013
2029
 
2030
+ .pv-toast-info {
2031
+ background-color: #F7F8F8;
2032
+ }
2033
+ .pv-toast-info svg:not([class*=pv-button] svg) {
2034
+ fill: #FFFFFF;
2035
+ }
2036
+
2014
2037
  .pv-toast-success {
2015
2038
  background-color: #02363D;
2016
2039
  }
2040
+ .pv-toast-success svg:not([class*=pv-button] svg) {
2041
+ fill: #FFFFFF;
2042
+ }
2017
2043
 
2018
2044
  .pv-toast-error {
2019
2045
  background-color: #A2191F;
2020
2046
  }
2047
+ .pv-toast-error svg:not([class*=pv-button] svg) {
2048
+ fill: #FFFFFF;
2049
+ }
2050
+
2051
+ .pv-toast-dark {
2052
+ background-color: #242626;
2053
+ color: #FFFFFF;
2054
+ }
2055
+ .pv-toast-dark svg:not([class*=pv-button] svg) {
2056
+ background-image: linear-gradient(138deg, #F1E8FF 4.38%, #D7F3F1 99.39%);
2057
+ border-radius: 2rem;
2058
+ padding: 2px;
2059
+ fill: #121313;
2060
+ }
2061
+ .pv-toast-dark [class*=pv-button] svg {
2062
+ fill: #FFFFFF;
2063
+ }
2064
+ .pv-toast-dark [class*=pv-button]:hover svg,
2065
+ .pv-toast-dark [class*=pv-button]:focus-visible svg,
2066
+ .pv-toast-dark [class*=pv-button]:active svg {
2067
+ fill: #121313;
2068
+ }
2021
2069
 
2022
2070
  .pv-pulsing-dot {
2023
2071
  --color: #36C5BA;
@@ -5161,6 +5209,20 @@ svg.pv-text-inherit {
5161
5209
  .pv-scroll {
5162
5210
  overflow-x: auto;
5163
5211
  }
5212
+ .pv-scroll::-webkit-scrollbar {
5213
+ width: 8px;
5214
+ height: 8px;
5215
+ }
5216
+ .pv-scroll::-webkit-scrollbar-thumb {
5217
+ border-radius: 8px;
5218
+ background-color: #C1C1C1;
5219
+ }
5220
+ .pv-scroll::-webkit-scrollbar-thumb:hover {
5221
+ background-color: #7C7C7C;
5222
+ }
5223
+ .pv-scroll::-webkit-scrollbar-track {
5224
+ background-color: #FAFAFA;
5225
+ }
5164
5226
 
5165
5227
  .pv-sticky,
5166
5228
  [data-sticky] {
@@ -5590,6 +5652,7 @@ svg.pv-text-inherit {
5590
5652
  .select2-selection--single .select2-selection__rendered {
5591
5653
  color: #6E7784;
5592
5654
  padding: 0.5rem;
5655
+ font-weight: 500;
5593
5656
  }
5594
5657
 
5595
5658
  .select2-results__option[aria-selected=true] {