@turquoisehealth/pit-viper 2.67.0 → 2.68.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.
Files changed (14) hide show
  1. package/_site/assets/css/pit-viper-v2-scoped.css +41 -22
  2. package/_site/assets/css/pit-viper-v2.css +42 -22
  3. package/_site/assets/css/pit-viper.css +38 -18
  4. package/_src/assets/sprite-v2.svg +1 -1
  5. package/_src/assets/sprite.svg +1 -1
  6. package/package.json +2 -2
  7. package/pv-components/dist/vue/base/pv-components-base.d.ts +35 -0
  8. package/pv-components/dist/vue/base/pv-components-base.js +5 -5
  9. package/pv-components/dist/vue/base/pv-components-base.mjs +447 -411
  10. package/pv-components/dist/vue/base/pv-components-base.umd.js +15 -15
  11. package/pv-components/dist/vue/charts/pv-components-charts.js +1 -1
  12. package/pv-components/dist/vue/charts/pv-components-charts.mjs +13 -46
  13. package/pv-components/dist/vue/charts/pv-components-charts.umd.js +1 -1
  14. package/pv-components/dist/web/pv-components.iife.js +15 -15
package/_site/assets/css/pit-viper-v2-scoped.css CHANGED
@@ -633,23 +633,17 @@
633
633
  transition-property: box-shadow;
634
634
  }
635
635
  .pv-v2 [class*=pv-button-link] {
636
- color: var(--button-link-color, #16696D);
636
+ display: inline-flex;
637
+ color: var(--color-text-interactive, inherit);
638
+ font-size: inherit;
639
+ line-height: inherit;
637
640
  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);
641
+ border: 0;
642
+ font-weight: var(--link-font-weight, 500);
646
643
  }
647
644
  .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;
645
+ text-decoration: underline;
646
+ color: var(--color-text-interactive, inherit);
653
647
  }
654
648
  .pv-v2 [class*=pv-button-link].pv-button-inverse {
655
649
  color: var(--button-link-inverse-color, #FFFFFF);
@@ -657,9 +651,6 @@
657
651
  .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
652
  color: var(--button-link-inverse-hover-color, #A8E6E1);
659
653
  }
660
- .pv-v2 [class*=pv-button-link].pv-button-inverse:disabled {
661
- color: var(--button-link-inverse-disabled-color, #6E7784);
662
- }
663
654
  .pv-v2 .pv-button-link-destructive {
664
655
  color: var(--button-link-destructive-color, #801A00);
665
656
  }
@@ -1844,24 +1835,37 @@
1844
1835
  --bg-color: #F7F8F8;
1845
1836
  }
1846
1837
  .pv-v2 [class*=pv-toast] {
1847
- color: #FFFFFF;
1848
- padding: 1.25rem;
1838
+ color: #121313;
1839
+ padding: 0.75rem 1rem;
1849
1840
  display: flex;
1850
- align-items: flex-start;
1841
+ align-items: center;
1851
1842
  gap: 0.75rem;
1843
+ border-radius: 4px;
1852
1844
  }
1853
1845
  .pv-v2 [class*=pv-toast] p {
1854
1846
  flex: 1;
1855
1847
  }
1856
1848
  .pv-v2 [class*=pv-toast] svg {
1857
- fill: #FFFFFF;
1849
+ fill: #121313;
1850
+ }
1851
+ .pv-v2 .pv-toast-info {
1852
+ background-color: #F7F8F8;
1853
+ }
1854
+ .pv-v2 .pv-toast-info svg:not([class*=pv-button] svg) {
1855
+ fill: #36C5BA;
1858
1856
  }
1859
1857
  .pv-v2 .pv-toast-success {
1860
- background-color: #02363D;
1858
+ background-color: #E8FDEA;
1859
+ }
1860
+ .pv-v2 .pv-toast-success svg:not([class*=pv-button] svg) {
1861
+ fill: #0E8019;
1861
1862
  }
1862
1863
  .pv-v2 .pv-toast-error {
1863
1864
  background-color: #FFEFEB;
1864
1865
  }
1866
+ .pv-v2 .pv-toast-error svg:not([class*=pv-button] svg) {
1867
+ fill: #FF471A;
1868
+ }
1865
1869
  .pv-v2 .pv-pulsing-dot {
1866
1870
  --color: #36C5BA;
1867
1871
  --size: 6px;
@@ -4688,6 +4692,20 @@
4688
4692
  .pv-v2 .pv-scroll {
4689
4693
  overflow-x: auto;
4690
4694
  }
4695
+ .pv-v2 .pv-scroll::-webkit-scrollbar {
4696
+ width: 8px;
4697
+ height: 8px;
4698
+ }
4699
+ .pv-v2 .pv-scroll::-webkit-scrollbar-thumb {
4700
+ border-radius: 8px;
4701
+ background-color: #C1C1C1;
4702
+ }
4703
+ .pv-v2 .pv-scroll::-webkit-scrollbar-thumb:hover {
4704
+ background-color: #7C7C7C;
4705
+ }
4706
+ .pv-v2 .pv-scroll::-webkit-scrollbar-track {
4707
+ background-color: #FAFAFA;
4708
+ }
4691
4709
  .pv-v2 .pv-sticky,
4692
4710
  .pv-v2 [data-sticky] {
4693
4711
  --top: 0;
@@ -5059,6 +5077,7 @@
5059
5077
  .pv-v2 .select2-selection--single .select2-selection__rendered {
5060
5078
  color: #121313;
5061
5079
  padding: calc(0.5rem - 1px) 0.5rem;
5080
+ font-weight: 500;
5062
5081
  }
5063
5082
  .pv-v2 .select2-results__option[aria-selected=true] {
5064
5083
  background-color: #E4F8F6;
package/_site/assets/css/pit-viper-v2.css CHANGED
@@ -709,23 +709,17 @@
709
709
  }
710
710
 
711
711
  [class*=pv-button-link] {
712
- color: var(--button-link-color, #16696D);
712
+ display: inline-flex;
713
+ color: var(--color-text-interactive, inherit);
714
+ font-size: inherit;
715
+ line-height: inherit;
713
716
  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);
717
+ border: 0;
718
+ font-weight: var(--link-font-weight, 500);
722
719
  }
723
720
  [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;
721
+ text-decoration: underline;
722
+ color: var(--color-text-interactive, inherit);
729
723
  }
730
724
  [class*=pv-button-link].pv-button-inverse {
731
725
  color: var(--button-link-inverse-color, #FFFFFF);
@@ -733,9 +727,6 @@
733
727
  [class*=pv-button-link].pv-button-inverse:hover:not(:disabled), [class*=pv-button-link].pv-button-inverse:focus-visible:not(:disabled) {
734
728
  color: var(--button-link-inverse-hover-color, #A8E6E1);
735
729
  }
736
- [class*=pv-button-link].pv-button-inverse:disabled {
737
- color: var(--button-link-inverse-disabled-color, #6E7784);
738
- }
739
730
 
740
731
  .pv-button-link-destructive {
741
732
  color: var(--button-link-destructive-color, #801A00);
@@ -1993,26 +1984,40 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
1993
1984
  }
1994
1985
 
1995
1986
  [class*=pv-toast] {
1996
- color: #FFFFFF;
1997
- padding: 1.25rem;
1987
+ color: #121313;
1988
+ padding: 0.75rem 1rem;
1998
1989
  display: flex;
1999
- align-items: flex-start;
1990
+ align-items: center;
2000
1991
  gap: 0.75rem;
1992
+ border-radius: 4px;
2001
1993
  }
2002
1994
  [class*=pv-toast] p {
2003
1995
  flex: 1;
2004
1996
  }
2005
1997
  [class*=pv-toast] svg {
2006
- fill: #FFFFFF;
1998
+ fill: #121313;
1999
+ }
2000
+
2001
+ .pv-toast-info {
2002
+ background-color: #F7F8F8;
2003
+ }
2004
+ .pv-toast-info svg:not([class*=pv-button] svg) {
2005
+ fill: #36C5BA;
2007
2006
  }
2008
2007
 
2009
2008
  .pv-toast-success {
2010
- background-color: #02363D;
2009
+ background-color: #E8FDEA;
2010
+ }
2011
+ .pv-toast-success svg:not([class*=pv-button] svg) {
2012
+ fill: #0E8019;
2011
2013
  }
2012
2014
 
2013
2015
  .pv-toast-error {
2014
2016
  background-color: #FFEFEB;
2015
2017
  }
2018
+ .pv-toast-error svg:not([class*=pv-button] svg) {
2019
+ fill: #FF471A;
2020
+ }
2016
2021
 
2017
2022
  .pv-pulsing-dot {
2018
2023
  --color: #36C5BA;
@@ -5156,6 +5161,20 @@ svg.pv-text-inherit {
5156
5161
  .pv-scroll {
5157
5162
  overflow-x: auto;
5158
5163
  }
5164
+ .pv-scroll::-webkit-scrollbar {
5165
+ width: 8px;
5166
+ height: 8px;
5167
+ }
5168
+ .pv-scroll::-webkit-scrollbar-thumb {
5169
+ border-radius: 8px;
5170
+ background-color: #C1C1C1;
5171
+ }
5172
+ .pv-scroll::-webkit-scrollbar-thumb:hover {
5173
+ background-color: #7C7C7C;
5174
+ }
5175
+ .pv-scroll::-webkit-scrollbar-track {
5176
+ background-color: #FAFAFA;
5177
+ }
5159
5178
 
5160
5179
  .pv-sticky,
5161
5180
  [data-sticky] {
@@ -5585,6 +5604,7 @@ svg.pv-text-inherit {
5585
5604
  .select2-selection--single .select2-selection__rendered {
5586
5605
  color: #121313;
5587
5606
  padding: calc(0.5rem - 1px) 0.5rem;
5607
+ font-weight: 500;
5588
5608
  }
5589
5609
 
5590
5610
  .select2-results__option[aria-selected=true] {
package/_site/assets/css/pit-viper.css CHANGED
@@ -714,23 +714,17 @@
714
714
  }
715
715
 
716
716
  [class*=pv-button-link] {
717
- color: var(--button-link-color, #02363D);
717
+ display: inline-flex;
718
+ color: var(--color-text-interactive, #176F6F);
719
+ font-size: inherit;
720
+ line-height: inherit;
718
721
  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);
722
+ border: 0;
723
+ font-weight: var(--link-font-weight, 600);
727
724
  }
728
725
  [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;
726
+ text-decoration: underline;
727
+ color: var(--color-text-interactive, #176F6F);
734
728
  }
735
729
  [class*=pv-button-link].pv-button-inverse {
736
730
  color: var(--button-link-inverse-color, #FFFFFF);
@@ -738,9 +732,6 @@
738
732
  [class*=pv-button-link].pv-button-inverse:hover:not(:disabled), [class*=pv-button-link].pv-button-inverse:focus-visible:not(:disabled) {
739
733
  color: var(--button-link-inverse-hover-color, #A8E6E1);
740
734
  }
741
- [class*=pv-button-link].pv-button-inverse:disabled {
742
- color: var(--button-link-inverse-disabled-color, #6E7784);
743
- }
744
735
 
745
736
  .pv-button-link-destructive {
746
737
  color: var(--button-link-destructive-color, #DA1E28);
@@ -2001,8 +1992,9 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
2001
1992
  color: #FFFFFF;
2002
1993
  padding: 1.25rem;
2003
1994
  display: flex;
2004
- align-items: flex-start;
1995
+ align-items: center;
2005
1996
  gap: 0.75rem;
1997
+ border-radius: 0;
2006
1998
  }
2007
1999
  [class*=pv-toast] p {
2008
2000
  flex: 1;
@@ -2011,13 +2003,26 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
2011
2003
  fill: #FFFFFF;
2012
2004
  }
2013
2005
 
2006
+ .pv-toast-info {
2007
+ background-color: #F7F8F8;
2008
+ }
2009
+ .pv-toast-info svg:not([class*=pv-button] svg) {
2010
+ fill: #FFFFFF;
2011
+ }
2012
+
2014
2013
  .pv-toast-success {
2015
2014
  background-color: #02363D;
2016
2015
  }
2016
+ .pv-toast-success svg:not([class*=pv-button] svg) {
2017
+ fill: #FFFFFF;
2018
+ }
2017
2019
 
2018
2020
  .pv-toast-error {
2019
2021
  background-color: #A2191F;
2020
2022
  }
2023
+ .pv-toast-error svg:not([class*=pv-button] svg) {
2024
+ fill: #FFFFFF;
2025
+ }
2021
2026
 
2022
2027
  .pv-pulsing-dot {
2023
2028
  --color: #36C5BA;
@@ -5161,6 +5166,20 @@ svg.pv-text-inherit {
5161
5166
  .pv-scroll {
5162
5167
  overflow-x: auto;
5163
5168
  }
5169
+ .pv-scroll::-webkit-scrollbar {
5170
+ width: 8px;
5171
+ height: 8px;
5172
+ }
5173
+ .pv-scroll::-webkit-scrollbar-thumb {
5174
+ border-radius: 8px;
5175
+ background-color: #C1C1C1;
5176
+ }
5177
+ .pv-scroll::-webkit-scrollbar-thumb:hover {
5178
+ background-color: #7C7C7C;
5179
+ }
5180
+ .pv-scroll::-webkit-scrollbar-track {
5181
+ background-color: #FAFAFA;
5182
+ }
5164
5183
 
5165
5184
  .pv-sticky,
5166
5185
  [data-sticky] {
@@ -5590,6 +5609,7 @@ svg.pv-text-inherit {
5590
5609
  .select2-selection--single .select2-selection__rendered {
5591
5610
  color: #6E7784;
5592
5611
  padding: 0.5rem;
5612
+ font-weight: 500;
5593
5613
  }
5594
5614
 
5595
5615
  .select2-results__option[aria-selected=true] {