@turquoisehealth/pit-viper 2.222.1 → 2.224.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 (42) hide show
  1. package/_site/assets/css/pit-viper-a11y.css +8 -7
  2. package/_site/assets/css/pit-viper-consumer.css +7 -6
  3. package/_site/assets/css/pit-viper-v2-scoped.css +7 -6
  4. package/_site/assets/css/pit-viper-v2.css +8 -7
  5. package/_site/assets/css/pit-viper.css +7 -6
  6. package/package.json +1 -1
  7. package/pv-components/dist/stats/vue/base/stats.html +1 -1
  8. package/pv-components/dist/stats/vue/visualizations/stats.html +1 -1
  9. package/pv-components/dist/stats/web/pv-action-button-stats.html +1 -1
  10. package/pv-components/dist/stats/web/pv-filter-modal-stats.html +1 -1
  11. package/pv-components/dist/stats/web/pv-filter-panel-stats.html +1 -1
  12. package/pv-components/dist/stats/web/pv-hover-action-menu-stats.html +1 -1
  13. package/pv-components/dist/stats/web/pv-menu-stats.html +1 -1
  14. package/pv-components/dist/stats/web/pv-multi-select-button-stats.html +1 -1
  15. package/pv-components/dist/stats/web/pv-popover-v2-stats.html +1 -1
  16. package/pv-components/dist/stats/web/pv-query-builder-input-stats.html +1 -1
  17. package/pv-components/dist/stats/web/pv-segmented-control-stats.html +1 -1
  18. package/pv-components/dist/stats/web/pv-select-button-stats.html +1 -1
  19. package/pv-components/dist/stats/web/pv-sidebar-v2-stats.html +1 -1
  20. package/pv-components/dist/stats/web/pv-split-button-stats.html +1 -1
  21. package/pv-components/dist/stats/web/pv-toggle-group-stats.html +1 -1
  22. package/pv-components/dist/stats/web/pv-tooltip-v2-stats.html +1 -1
  23. package/pv-components/dist/vue/base/pv-components-base.mjs +68 -56
  24. package/pv-components/dist/vue/base/pv-components-base.mjs.map +1 -1
  25. package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs +1672 -1660
  26. package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs.map +1 -1
  27. package/pv-components/dist/web/components/pv-action-button/pv-action-button.js +86 -74
  28. package/pv-components/dist/web/components/pv-filter-modal/pv-filter-modal.js +1881 -1869
  29. package/pv-components/dist/web/components/pv-filter-panel/pv-filter-panel.js +89 -77
  30. package/pv-components/dist/web/components/pv-hover-action-menu/pv-hover-action-menu.js +495 -483
  31. package/pv-components/dist/web/components/pv-menu/pv-menu.js +1000 -988
  32. package/pv-components/dist/web/components/pv-multi-select-button/pv-multi-select-button.js +1214 -1202
  33. package/pv-components/dist/web/components/pv-popover-v2/pv-popover-v2.js +98 -86
  34. package/pv-components/dist/web/components/pv-query-builder-input/pv-query-builder-input.js +67 -55
  35. package/pv-components/dist/web/components/pv-segmented-control/pv-segmented-control.js +648 -636
  36. package/pv-components/dist/web/components/pv-select-button/pv-select-button.js +243 -231
  37. package/pv-components/dist/web/components/pv-sidebar-v2/pv-sidebar-v2.js +67 -55
  38. package/pv-components/dist/web/components/pv-split-button/pv-split-button.js +229 -217
  39. package/pv-components/dist/web/components/pv-toggle-group/pv-toggle-group.js +86 -74
  40. package/pv-components/dist/web/components/pv-tooltip-v2/pv-tooltip-v2.js +87 -75
  41. package/pv-components/dist/web/pv-components.iife.js +13 -13
  42. package/pv-components/dist/web/pv-components.iife.js.map +1 -1
package/_site/assets/css/pit-viper-a11y.css CHANGED
@@ -760,8 +760,8 @@
760
760
  background-color: #C7D8DB;
761
761
  }
762
762
  .pv-button-icon:disabled {
763
- color: #7D898D;
764
- background-color: #ECECEC;
763
+ color: var(--button-icon-disabled-color, #7D898D);
764
+ background-color: var(--button-icon-disabled-background-color, #ECECEC);
765
765
  }
766
766
  .pv-button-icon.pv-button-small {
767
767
  padding: calc(0.25rem - 1px);
@@ -834,8 +834,8 @@
834
834
  color: var(--color-text-tertiary-active, #121313);
835
835
  }
836
836
  .pv-button-link-tertiary:disabled {
837
- color: #7D898D;
838
- background-color: transparent;
837
+ color: var(--button-link-tertiary-disabled-color, #7D898D);
838
+ background-color: var(--button-link-tertiary-disabled-background-color, transparent);
839
839
  }
840
840
 
841
841
  [class*=pv-segmented-control] {
@@ -956,7 +956,7 @@
956
956
  background-color: #02363D;
957
957
  }
958
958
  [class*=pv-button-floating]:disabled {
959
- background-color: #6E7784;
959
+ background-color: var(--button-floating-disabled-background-color, #6E7784);
960
960
  }
961
961
  [class*=pv-button-floating].pv-button-small {
962
962
  width: 2rem;
@@ -974,7 +974,7 @@
974
974
  background-color: #6FD6CE;
975
975
  }
976
976
  .pv-button-floating-on-dark:disabled {
977
- background-color: #DCDFE4;
977
+ background-color: var(--button-floating-on-dark-disabled-background-color, #DCDFE4);
978
978
  }
979
979
 
980
980
  .pv-alpha-button,
@@ -3492,6 +3492,7 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
3492
3492
  .pv-pagination :is(ul, ol) [aria-current=page] :is(button, a):focus-visible {
3493
3493
  color: var(--pagination-item-active-color, #FFFFFF);
3494
3494
  background-color: var(--pagination-item-active-background-color, #13595D);
3495
+ border: var(--pagination-item-active-border, none);
3495
3496
  }
3496
3497
  .pv-pagination[data-style=small] :where(button, a), .pv-pagination :is(ul, ol)[data-style=small] :where(button, a) {
3497
3498
  width: var(--pagination-small-item-width, 24px);
@@ -5268,7 +5269,7 @@ pv-sidebar {
5268
5269
  position: sticky;
5269
5270
  top: 0;
5270
5271
  height: 100vh;
5271
- z-index: 10;
5272
+ z-index: 5;
5272
5273
  overflow-x: clip;
5273
5274
  transition: width 0.3s ease-in-out;
5274
5275
  width: 64px;
package/_site/assets/css/pit-viper-consumer.css CHANGED
@@ -766,8 +766,8 @@
766
766
  background-color: #C7D8DB;
767
767
  }
768
768
  .pv-button-icon:disabled {
769
- color: #A3B0B0;
770
- background-color: #ECECEC;
769
+ color: var(--button-icon-disabled-color, #A3B0B0);
770
+ background-color: var(--button-icon-disabled-background-color, #ECECEC);
771
771
  }
772
772
  .pv-button-icon.pv-button-small {
773
773
  padding: calc(0.25rem - 1px);
@@ -840,8 +840,8 @@
840
840
  color: var(--color-text-tertiary-active, #121313);
841
841
  }
842
842
  .pv-button-link-tertiary:disabled {
843
- color: #7D898D;
844
- background-color: transparent;
843
+ color: var(--button-link-tertiary-disabled-color, #7D898D);
844
+ background-color: var(--button-link-tertiary-disabled-background-color, transparent);
845
845
  }
846
846
 
847
847
  [class*=pv-segmented-control] {
@@ -962,7 +962,7 @@
962
962
  background-color: #1A3A39;
963
963
  }
964
964
  [class*=pv-button-floating]:disabled {
965
- background-color: #6E7784;
965
+ background-color: var(--button-floating-disabled-background-color, #6E7784);
966
966
  }
967
967
  [class*=pv-button-floating].pv-button-small {
968
968
  width: 2rem;
@@ -980,7 +980,7 @@
980
980
  background-color: #6FD6CE;
981
981
  }
982
982
  .pv-button-floating-on-dark:disabled {
983
- background-color: #DCDFE4;
983
+ background-color: var(--button-floating-on-dark-disabled-background-color, #DCDFE4);
984
984
  }
985
985
 
986
986
  .pv-alpha-button,
@@ -3498,6 +3498,7 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
3498
3498
  .pv-pagination :is(ul, ol) [aria-current=page] :is(button, a):focus-visible {
3499
3499
  color: var(--pagination-item-active-color, #FFFFFF);
3500
3500
  background-color: var(--pagination-item-active-background-color, #073A46);
3501
+ border: var(--pagination-item-active-border, none);
3501
3502
  }
3502
3503
  .pv-pagination[data-style=small] :where(button, a), .pv-pagination :is(ul, ol)[data-style=small] :where(button, a) {
3503
3504
  width: var(--pagination-small-item-width, 24px);
package/_site/assets/css/pit-viper-v2-scoped.css CHANGED
@@ -681,8 +681,8 @@
681
681
  background-color: #C7D8DB;
682
682
  }
683
683
  .pv-v2 .pv-button-icon:disabled {
684
- color: #7D898D;
685
- background-color: #ECECEC;
684
+ color: var(--button-icon-disabled-color, #7D898D);
685
+ background-color: var(--button-icon-disabled-background-color, #ECECEC);
686
686
  }
687
687
  .pv-v2 .pv-button-icon.pv-button-small {
688
688
  padding: calc(0.25rem - 1px);
@@ -750,8 +750,8 @@
750
750
  color: var(--color-text-tertiary-active, #121313);
751
751
  }
752
752
  .pv-v2 .pv-button-link-tertiary:disabled {
753
- color: #7D898D;
754
- background-color: transparent;
753
+ color: var(--button-link-tertiary-disabled-color, #7D898D);
754
+ background-color: var(--button-link-tertiary-disabled-background-color, transparent);
755
755
  }
756
756
  .pv-v2 [class*=pv-segmented-control] {
757
757
  padding: 0.125rem;
@@ -866,7 +866,7 @@
866
866
  background-color: #02363D;
867
867
  }
868
868
  .pv-v2 [class*=pv-button-floating]:disabled {
869
- background-color: #6E7784;
869
+ background-color: var(--button-floating-disabled-background-color, #6E7784);
870
870
  }
871
871
  .pv-v2 [class*=pv-button-floating].pv-button-small {
872
872
  width: 2rem;
@@ -883,7 +883,7 @@
883
883
  background-color: #6FD6CE;
884
884
  }
885
885
  .pv-v2 .pv-button-floating-on-dark:disabled {
886
- background-color: #DCDFE4;
886
+ background-color: var(--button-floating-on-dark-disabled-background-color, #DCDFE4);
887
887
  }
888
888
  .pv-v2 .pv-alpha-button,
889
889
  .pv-v2 [data-collapsed] .pv-alpha-button {
@@ -3198,6 +3198,7 @@
3198
3198
  .pv-v2 .pv-pagination :is(ul, ol) [aria-current=page] :is(button, a):focus-visible {
3199
3199
  color: var(--pagination-item-active-color, #FFFFFF);
3200
3200
  background-color: var(--pagination-item-active-background-color, #16696D);
3201
+ border: var(--pagination-item-active-border, none);
3201
3202
  }
3202
3203
  .pv-v2 .pv-pagination[data-style=small] :where(button, a), .pv-v2 .pv-pagination :is(ul, ol)[data-style=small] :where(button, a) {
3203
3204
  width: var(--pagination-small-item-width, 24px);
package/_site/assets/css/pit-viper-v2.css CHANGED
@@ -760,8 +760,8 @@
760
760
  background-color: #C7D8DB;
761
761
  }
762
762
  .pv-button-icon:disabled {
763
- color: #7D898D;
764
- background-color: #ECECEC;
763
+ color: var(--button-icon-disabled-color, #7D898D);
764
+ background-color: var(--button-icon-disabled-background-color, #ECECEC);
765
765
  }
766
766
  .pv-button-icon.pv-button-small {
767
767
  padding: calc(0.25rem - 1px);
@@ -834,8 +834,8 @@
834
834
  color: var(--color-text-tertiary-active, #121313);
835
835
  }
836
836
  .pv-button-link-tertiary:disabled {
837
- color: #7D898D;
838
- background-color: transparent;
837
+ color: var(--button-link-tertiary-disabled-color, #7D898D);
838
+ background-color: var(--button-link-tertiary-disabled-background-color, transparent);
839
839
  }
840
840
 
841
841
  [class*=pv-segmented-control] {
@@ -956,7 +956,7 @@
956
956
  background-color: #02363D;
957
957
  }
958
958
  [class*=pv-button-floating]:disabled {
959
- background-color: #6E7784;
959
+ background-color: var(--button-floating-disabled-background-color, #6E7784);
960
960
  }
961
961
  [class*=pv-button-floating].pv-button-small {
962
962
  width: 2rem;
@@ -974,7 +974,7 @@
974
974
  background-color: #6FD6CE;
975
975
  }
976
976
  .pv-button-floating-on-dark:disabled {
977
- background-color: #DCDFE4;
977
+ background-color: var(--button-floating-on-dark-disabled-background-color, #DCDFE4);
978
978
  }
979
979
 
980
980
  .pv-alpha-button,
@@ -3492,6 +3492,7 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
3492
3492
  .pv-pagination :is(ul, ol) [aria-current=page] :is(button, a):focus-visible {
3493
3493
  color: var(--pagination-item-active-color, #FFFFFF);
3494
3494
  background-color: var(--pagination-item-active-background-color, #16696D);
3495
+ border: var(--pagination-item-active-border, none);
3495
3496
  }
3496
3497
  .pv-pagination[data-style=small] :where(button, a), .pv-pagination :is(ul, ol)[data-style=small] :where(button, a) {
3497
3498
  width: var(--pagination-small-item-width, 24px);
@@ -5325,7 +5326,7 @@ pv-sidebar {
5325
5326
  position: sticky;
5326
5327
  top: 0;
5327
5328
  height: 100vh;
5328
- z-index: 10;
5329
+ z-index: 5;
5329
5330
  overflow-x: clip;
5330
5331
  transition: width 0.3s ease-in-out;
5331
5332
  width: 64px;
package/_site/assets/css/pit-viper.css CHANGED
@@ -765,8 +765,8 @@
765
765
  background-color: #C7D8DB;
766
766
  }
767
767
  .pv-button-icon:disabled {
768
- color: #7D898D;
769
- background-color: #ECECEC;
768
+ color: var(--button-icon-disabled-color, #7D898D);
769
+ background-color: var(--button-icon-disabled-background-color, #ECECEC);
770
770
  }
771
771
  .pv-button-icon.pv-button-small {
772
772
  padding: calc(0.25rem - 1px);
@@ -839,8 +839,8 @@
839
839
  color: var(--color-text-tertiary-active, #121313);
840
840
  }
841
841
  .pv-button-link-tertiary:disabled {
842
- color: #7D898D;
843
- background-color: transparent;
842
+ color: var(--button-link-tertiary-disabled-color, #7D898D);
843
+ background-color: var(--button-link-tertiary-disabled-background-color, transparent);
844
844
  }
845
845
 
846
846
  [class*=pv-segmented-control] {
@@ -961,7 +961,7 @@
961
961
  background-color: #218C88;
962
962
  }
963
963
  [class*=pv-button-floating]:disabled {
964
- background-color: #6E7784;
964
+ background-color: var(--button-floating-disabled-background-color, #6E7784);
965
965
  }
966
966
  [class*=pv-button-floating].pv-button-small {
967
967
  width: 2rem;
@@ -979,7 +979,7 @@
979
979
  background-color: #6FD6CE;
980
980
  }
981
981
  .pv-button-floating-on-dark:disabled {
982
- background-color: #DCDFE4;
982
+ background-color: var(--button-floating-on-dark-disabled-background-color, #DCDFE4);
983
983
  }
984
984
 
985
985
  .pv-alpha-button,
@@ -3497,6 +3497,7 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
3497
3497
  .pv-pagination :is(ul, ol) [aria-current=page] :is(button, a):focus-visible {
3498
3498
  color: var(--pagination-item-active-color, #FFFFFF);
3499
3499
  background-color: var(--pagination-item-active-background-color, #176F6F);
3500
+ border: var(--pagination-item-active-border, none);
3500
3501
  }
3501
3502
  .pv-pagination[data-style=small] :where(button, a), .pv-pagination :is(ul, ol)[data-style=small] :where(button, a) {
3502
3503
  width: var(--pagination-small-item-width, 24px);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@turquoisehealth/pit-viper",
3
- "version": "2.222.1",
3
+ "version": "2.224.0",
4
4
  "description": "Turquoise Health's design system.",
5
5
  "main": "README.md",
6
6
  "publishConfig": {