@turquoisehealth/pit-viper 2.256.0 → 2.257.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 (47) hide show
  1. package/_site/assets/css/pit-viper-a11y-v3.css +111 -75
  2. package/_site/assets/css/pit-viper-a11y.css +111 -75
  3. package/_site/assets/css/pit-viper-consumer.css +50 -11
  4. package/_site/assets/css/pit-viper-v2-scoped.css +41 -11
  5. package/_site/assets/css/pit-viper-v2.css +111 -75
  6. package/_site/assets/css/pit-viper-v3.css +111 -75
  7. package/_site/assets/css/pit-viper.css +50 -11
  8. package/package.json +1 -1
  9. package/pv-components/dist/stats/vue/ai/stats.html +1 -1
  10. package/pv-components/dist/stats/vue/base/stats.html +1 -1
  11. package/pv-components/dist/stats/vue/visualizations/stats.html +1 -1
  12. package/pv-components/dist/stats/web/pv-date-time-stats.html +1 -1
  13. package/pv-components/dist/stats/web/pv-dropdown-stats.html +1 -1
  14. package/pv-components/dist/stats/web/pv-filter-modal-stats.html +1 -1
  15. package/pv-components/dist/stats/web/pv-input-stats.html +1 -1
  16. package/pv-components/dist/stats/web/pv-menu-stats.html +1 -1
  17. package/pv-components/dist/stats/web/pv-multi-select-button-stats.html +1 -1
  18. package/pv-components/dist/stats/web/pv-pagination-stats.html +1 -1
  19. package/pv-components/dist/stats/web/pv-query-builder-input-stats.html +1 -1
  20. package/pv-components/dist/stats/web/pv-question-stats.html +1 -1
  21. package/pv-components/dist/stats/web/pv-select-button-stats.html +1 -1
  22. package/pv-components/dist/stats/web/pv-sidebar-stats.html +1 -1
  23. package/pv-components/dist/stats/web/pv-sidebar-v2-stats.html +1 -1
  24. package/pv-components/dist/stats/web/pv-sortable-list-stats.html +1 -1
  25. package/pv-components/dist/vue/ai/pv-components-ai.mjs +1 -0
  26. package/pv-components/dist/vue/ai/pv-components-ai.mjs.map +1 -1
  27. package/pv-components/dist/vue/base/pv-components-base.mjs +1117 -1033
  28. package/pv-components/dist/vue/base/pv-components-base.mjs.map +1 -1
  29. package/pv-components/dist/vue/base/types.d.ts +6 -0
  30. package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs +950 -935
  31. package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs.map +1 -1
  32. package/pv-components/dist/vue/visualizations/types.d.ts +6 -0
  33. package/pv-components/dist/web/components/pv-date-time/pv-date-time.js +1 -1
  34. package/pv-components/dist/web/components/pv-dropdown/pv-dropdown.js +2 -2
  35. package/pv-components/dist/web/components/pv-filter-modal/pv-filter-modal.js +1230 -1215
  36. package/pv-components/dist/web/components/pv-input/pv-input.js +1 -0
  37. package/pv-components/dist/web/components/pv-menu/pv-menu.js +856 -841
  38. package/pv-components/dist/web/components/pv-multi-select-button/pv-multi-select-button.js +881 -866
  39. package/pv-components/dist/web/components/pv-pagination/pv-pagination.js +2 -2
  40. package/pv-components/dist/web/components/pv-query-builder-input/pv-query-builder-input.js +585 -570
  41. package/pv-components/dist/web/components/pv-question/pv-question.js +1 -0
  42. package/pv-components/dist/web/components/pv-select-button/pv-select-button.js +877 -862
  43. package/pv-components/dist/web/components/pv-sidebar/pv-sidebar.js +125 -91
  44. package/pv-components/dist/web/components/pv-sidebar-v2/pv-sidebar-v2.js +125 -91
  45. package/pv-components/dist/web/components/pv-sortable-list/pv-sortable-list.js +2 -2
  46. package/pv-components/dist/web/pv-components.iife.js +18 -18
  47. package/pv-components/dist/web/pv-components.iife.js.map +1 -1
@@ -1927,8 +1927,11 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
1927
1927
  z-index: 4;
1928
1928
  }
1929
1929
 
1930
- .pv-prompt-input {
1930
+ .pv-flex-vertical.pv-prompt-input {
1931
1931
  --flex-align: stretch;
1932
+ }
1933
+
1934
+ .pv-prompt-input {
1932
1935
  cursor: text;
1933
1936
  transition-duration: 0.125s;
1934
1937
  transition-property: border-color, box-shadow;
@@ -1945,7 +1948,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
1945
1948
  --flex-align: stretch;
1946
1949
  width: 100%;
1947
1950
  }
1948
- .pv-prompt-input-textarea textarea {
1951
+ .pv-prompt-input-textarea textarea.pv-textarea {
1949
1952
  field-sizing: content;
1950
1953
  max-height: var(--prompt-input-max-height);
1951
1954
  width: 100%;
@@ -1956,11 +1959,11 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
1956
1959
  overflow-y: auto;
1957
1960
  background-color: transparent;
1958
1961
  }
1959
- .pv-prompt-input-textarea textarea:focus, .pv-prompt-input-textarea textarea:focus-visible {
1962
+ .pv-prompt-input-textarea textarea.pv-textarea:focus, .pv-prompt-input-textarea textarea.pv-textarea:focus-visible {
1960
1963
  outline: none;
1961
1964
  }
1962
1965
 
1963
- .pv-prompt-input-footer {
1966
+ .pv-flex.pv-prompt-input-footer {
1964
1967
  --flex-justify: space-between;
1965
1968
  }
1966
1969
 
@@ -2003,6 +2006,17 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
2003
2006
  min-width: 1rem;
2004
2007
  }
2005
2008
 
2009
+ .pv-query-builder-group-label {
2010
+ display: block;
2011
+ padding: 0.5rem 0.5rem 0.25rem;
2012
+ font-weight: 500;
2013
+ }
2014
+
2015
+ .pv-query-builder-option-active {
2016
+ background-color: var(--popover-list-item-hover-background-color, #ECE8E2);
2017
+ border-radius: var(--popover-list-item-radius, 4px);
2018
+ }
2019
+
2006
2020
  .pv-query-builder-input-wrapper:focus-within {
2007
2021
  border-color: var(--text-input-focus-border-color, #36C5BA);
2008
2022
  }
@@ -3722,6 +3736,10 @@ button.pv-tag-secondary:active {
3722
3736
  cursor: pointer;
3723
3737
  }
3724
3738
 
3739
+ .pv-dropdown-component > .pv-button-icon[aria-expanded=true] {
3740
+ background-color: var(--button-icon-pressed-background-color, #D8D2CA);
3741
+ }
3742
+
3725
3743
  .pv-select-multiple {
3726
3744
  font-weight: 600;
3727
3745
  }
@@ -3824,11 +3842,18 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
3824
3842
  }
3825
3843
 
3826
3844
  .pv-sortable-list-option {
3827
- --flex-gap: 0.25rem;
3828
3845
  cursor: grab;
3829
3846
  min-height: 1.5rem;
3830
3847
  }
3831
3848
 
3849
+ .pv-flex.pv-sortable-list-option {
3850
+ --flex-gap: 0.25rem;
3851
+ }
3852
+
3853
+ .pv-sortable-list-option-locked {
3854
+ cursor: default;
3855
+ }
3856
+
3832
3857
  .pv-sortable-list-option-disabled {
3833
3858
  pointer-events: none;
3834
3859
  color: var(--text-input-disabled-text-color, #7D898D);
@@ -3888,15 +3913,19 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
3888
3913
  }
3889
3914
 
3890
3915
  .pv-tree-item.pv-drop-indicator-top {
3891
- border-top: 1px solid var(--color-border, #B8B1A8);
3916
+ border-top: 1px solid var(--color-border, #121313);
3892
3917
  }
3893
3918
 
3894
3919
  .pv-tree-item.pv-drop-indicator-bottom {
3895
- border-bottom: 1px solid var(--color-border, #B8B1A8);
3920
+ border-bottom: 1px solid var(--color-border, #121313);
3896
3921
  }
3897
3922
 
3898
3923
  .pv-drop-indicator-parent {
3899
- border: 1px solid var(--color-border, #B8B1A8);
3924
+ border: 1px solid var(--color-border, #36C5BA);
3925
+ }
3926
+
3927
+ .pv-tree-empty-accordion {
3928
+ padding-block: 0.1875rem;
3900
3929
  }
3901
3930
 
3902
3931
  .pv-tree-item-selected {
@@ -5113,8 +5142,10 @@ pv-header [slot=left] h3.pv-heading-3 {
5113
5142
  --flex-wrap: wrap;
5114
5143
  }
5115
5144
 
5116
- .pv-question {
5145
+ .pv-card.pv-question {
5117
5146
  --card-radius: 0.75rem;
5147
+ }
5148
+ .pv-card.pv-question, .pv-card.pv-question:hover, .pv-card.pv-question:focus-visible {
5118
5149
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
5119
5150
  }
5120
5151
 
@@ -5159,11 +5190,14 @@ pv-header [slot=left] h3.pv-heading-3 {
5159
5190
  }
5160
5191
 
5161
5192
  .pv-question-chat-badge {
5162
- --flex-gap: 0;
5163
5193
  background-color: var(--badge-tertiary-background-color, #E2DDD6);
5164
5194
  flex: 0 0 1rem;
5165
5195
  height: 1rem;
5166
- justify-content: center;
5196
+ }
5197
+
5198
+ .pv-flex.pv-question-chat-badge {
5199
+ --flex-gap: 0;
5200
+ --flex-justify: center;
5167
5201
  }
5168
5202
 
5169
5203
  .pv-question-chat-input .pv-input-text {
@@ -5968,6 +6002,11 @@ pv-data-grid.ag-theme-pv {
5968
6002
  padding: 3px 8px !important;
5969
6003
  }
5970
6004
 
6005
+ .pv-set-filter-suggested-title-label:hover {
6006
+ color: var(--color-text-brand, #073A46);
6007
+ text-decoration: underline;
6008
+ }
6009
+
5971
6010
  .pv-data-table-grouped-card .ag-body-horizontal-scroll {
5972
6011
  display: none !important;
5973
6012
  }
@@ -6583,6 +6622,10 @@ pv-data-grid.ag-theme-pv {
6583
6622
  border-radius: 4px 0 0 4px;
6584
6623
  }
6585
6624
 
6625
+ .pv-legacy-chart-menu-nested.pv-legacy-chart-menu-nested-active {
6626
+ background-color: var(--popover-list-selected-item-background-color, #ECE8E2);
6627
+ }
6628
+
6586
6629
  .pv-layout-primary,
6587
6630
  .pv-layout-primary[data-collapsed] {
6588
6631
  font-family: var(--layout-primary-sidebar-font-family, Inter, sans-serif);
@@ -6707,45 +6750,45 @@ body:has(> .pv-layout-primary) {
6707
6750
  .sidebar-layout.is-expanded {
6708
6751
  grid-template-columns: 260px 1fr;
6709
6752
  }
6710
- .sidebar-layout.is-expanded .sidebar-panel {
6753
+ .sidebar-layout.is-expanded > .sidebar-panel {
6711
6754
  width: 260px;
6712
6755
  }
6713
- .sidebar-layout.is-expanded .sidebar-toggle {
6756
+ .sidebar-layout.is-expanded > .sidebar-panel > .sidebar-header .sidebar-toggle {
6714
6757
  opacity: 1;
6715
6758
  pointer-events: auto;
6716
6759
  }
6717
- .sidebar-layout.is-floating .sidebar-panel {
6760
+ .sidebar-layout.is-floating > .sidebar-panel {
6718
6761
  width: 260px;
6719
6762
  position: absolute;
6720
6763
  box-shadow: 0px 16px 28px -8px rgba(0, 0, 0, 0.25), 0px 12px 20px 0px rgba(0, 0, 0, 0.25), 0px 0px 1px 0px rgba(0, 0, 0, 0.35);
6721
6764
  }
6722
- .sidebar-layout.is-floating .sidebar-toggle {
6765
+ .sidebar-layout.is-floating > .sidebar-panel > .sidebar-header .sidebar-toggle {
6723
6766
  opacity: 1;
6724
6767
  pointer-events: auto;
6725
6768
  }
6726
6769
  .sidebar-layout .pv-nav-list span {
6727
6770
  display: block;
6728
6771
  }
6729
- .sidebar-layout.is-collapsed:not(.is-floating) .pv-nav-list span {
6772
+ .sidebar-layout.is-collapsed:not(.is-floating):not(.sidebar-layout-new) > .sidebar-panel .pv-nav-list span {
6730
6773
  display: none;
6731
6774
  }
6732
- .sidebar-layout.is-collapsed:not(.is-floating) .pv-nav-container summary,
6733
- .sidebar-layout.is-collapsed:not(.is-floating) .pv-nav-list summary {
6775
+ .sidebar-layout.is-collapsed:not(.is-floating):not(.sidebar-layout-new) > .sidebar-panel .pv-nav-container summary,
6776
+ .sidebar-layout.is-collapsed:not(.is-floating):not(.sidebar-layout-new) > .sidebar-panel .pv-nav-list summary {
6734
6777
  background-image: none !important;
6735
6778
  }
6736
- .sidebar-layout.is-collapsed:not(.is-floating) [data-sidebar-expanded-content] {
6779
+ .sidebar-layout.is-collapsed:not(.is-floating):not(.sidebar-layout-new) > .sidebar-panel [data-sidebar-expanded-content] {
6737
6780
  display: none !important;
6738
6781
  }
6739
- .sidebar-layout.is-collapsed:not(.is-floating) .pv-nav-container {
6782
+ .sidebar-layout.is-collapsed:not(.is-floating):not(.sidebar-layout-new) > .sidebar-panel .pv-nav-container {
6740
6783
  width: 64px;
6741
6784
  }
6742
- .sidebar-layout.is-collapsed:not(.is-floating) .nested-nav {
6785
+ .sidebar-layout.is-collapsed:not(.is-floating):not(.sidebar-layout-new) > .sidebar-panel .nested-nav {
6743
6786
  display: none;
6744
6787
  }
6745
- .sidebar-layout.is-collapsed:not(.is-floating) [data-grid-area=sidebar] > footer {
6788
+ .sidebar-layout.is-collapsed:not(.is-floating):not(.sidebar-layout-new) > .sidebar-panel [data-grid-area=sidebar] > footer {
6746
6789
  padding: 1rem 0.5rem;
6747
6790
  }
6748
- .sidebar-layout.is-collapsed:not(.is-floating) .pv-avatar {
6791
+ .sidebar-layout.is-collapsed:not(.is-floating):not(.sidebar-layout-new) > .sidebar-panel .pv-avatar {
6749
6792
  margin-inline: auto;
6750
6793
  }
6751
6794
  .sidebar-layout .pv-popover-menu[data-active] .pv-popover,
@@ -6927,75 +6970,66 @@ pv-sidebar-v-2 .content-panel [data-grid-area=content] > [data-grid-area=main] {
6927
6970
  pointer-events: auto;
6928
6971
  margin: 0px 0.25rem;
6929
6972
  }
6930
- .sidebar-layout-new.is-expanded.is-transitioning .pv-sidebar-nav-header [data-sidebar-expanded-content] {
6973
+ .sidebar-layout-new .pv-sidebar-nav .pv-accordion > summary {
6974
+ padding-inline-end: 0.75rem;
6975
+ background-image: none;
6976
+ }
6977
+
6978
+ [data-sidebar-expanded-content][data-sidebar-collapsed],
6979
+ .pv-sidebar-nav-nested[data-sidebar-collapsed] {
6980
+ display: none !important;
6981
+ }
6982
+
6983
+ [data-sidebar-expanded-content][data-sidebar-expanding] {
6931
6984
  visibility: hidden;
6932
6985
  }
6933
- .sidebar-layout-new.is-expanded.is-transitioning .sidebar-toggle {
6986
+
6987
+ .sidebar-layout-new .sidebar-toggle[data-sidebar-expanding] {
6934
6988
  visibility: hidden;
6935
6989
  opacity: 0;
6936
6990
  pointer-events: none;
6937
6991
  }
6938
- .sidebar-layout-new .pv-sidebar-nav .pv-accordion > summary {
6939
- padding-inline-end: 0.75rem;
6940
- background-image: none;
6941
- }
6942
- .sidebar-layout-new.is-collapsed .sidebar-header {
6992
+
6993
+ .sidebar-header[data-sidebar-collapsed] {
6943
6994
  flex-direction: column;
6944
6995
  align-items: center;
6945
6996
  }
6946
- .sidebar-layout-new.is-collapsed .pv-sidebar-nav-header button.pv-nav-list-item,
6947
- .sidebar-layout-new.is-collapsed .sidebar-toggle {
6997
+
6998
+ .pv-sidebar-nav-header button.pv-sidebar-item-collapsed,
6999
+ .sidebar-layout-new .sidebar-toggle[data-sidebar-collapsed] {
6948
7000
  margin-inline: auto;
6949
7001
  }
6950
- .sidebar-layout-new.is-collapsed .pv-sidebar-nav li:has(.pv-floating:popover-open) summary:not([aria-current=page]) {
6951
- background-color: var(--sidebar-nav-hover-bg);
6952
- color: var(--sidebar-nav-hover-text);
6953
- }
6954
7002
 
6955
- .sidebar-layout.is-collapsed:not(.is-floating) .pv-sidebar-nav a:not(.pv-popover a, .pv-sidebar-hover-panel a),
6956
- .sidebar-layout.is-collapsed:not(.is-floating) .pv-sidebar-nav-header button.pv-nav-list-item,
6957
- .sidebar-layout.is-collapsed:not(.is-floating) .pv-sidebar-nav button.pv-nav-list-item,
6958
- .sidebar-layout.is-collapsed:not(.is-floating) .pv-sidebar-nav summary {
7003
+ .sidebar-layout-new :is(.pv-sidebar-nav, .pv-sidebar-nav-header) :is(a, button, summary).pv-sidebar-item-collapsed {
6959
7004
  width: 2.5rem !important;
6960
7005
  padding-inline: 0;
6961
7006
  justify-content: center;
6962
7007
  }
6963
- .sidebar-layout.is-collapsed:not(.is-floating) .pv-sidebar-nav-nested {
7008
+
7009
+ summary.pv-sidebar-item-collapsed > [data-testid=pv-icon] {
6964
7010
  display: none;
6965
7011
  }
6966
- .sidebar-layout.is-collapsed:not(.is-floating) .pv-sidebar-nav summary > [data-testid=pv-icon] {
6967
- display: none;
7012
+
7013
+ .pv-sidebar-nav li:has(.pv-floating:popover-open) summary.pv-sidebar-item-collapsed:not([aria-current=page]) {
7014
+ background-color: var(--sidebar-nav-hover-bg);
7015
+ color: var(--sidebar-nav-hover-text);
6968
7016
  }
6969
7017
 
6970
- .sidebar-layout-primary .pv-sidebar-nav-header,
6971
- .sidebar-layout-primary .pv-sidebar-nav,
6972
- .sidebar-layout-primary .pv-sidebar-popover-portal {
7018
+ :is(.pv-sidebar-nav-header, .pv-sidebar-nav, .pv-sidebar-popover-portal).pv-sidebar-surface-primary {
6973
7019
  --sidebar-nav-text-color: #FDFDFC;
6974
7020
  --sidebar-nav-hover-bg: #0D5256;
6975
7021
  --sidebar-nav-hover-text: #FDFDFC;
6976
7022
  --sidebar-nav-active-bg: #02363D;
6977
7023
  --sidebar-nav-active-text: #FDFDFC;
6978
7024
  --sidebar-nav-pressed-bg: #01262B;
6979
- --sidebar-nav-nested-border: rgba(227, 231, 234, 0.20);
7025
+ --sidebar-nav-nested-border: rgba(227, 231, 234, 0.2);
6980
7026
  --popover-list-item-hover-background-color: #ECE8E2;
6981
7027
  --sidebar-nav-icon-color: #121313;
6982
7028
  --sidebar-nav-active-icon-color: #FDFDFC;
6983
- }
6984
- .sidebar-layout-primary .pv-sidebar-nav a:not([aria-current=page]) [class*=pv-icon],
6985
- .sidebar-layout-primary .pv-sidebar-nav button:not([aria-current=page]) [class*=pv-icon],
6986
- .sidebar-layout-primary .pv-sidebar-nav summary:not([aria-current=page]) [class*=pv-icon],
6987
- .sidebar-layout-primary .pv-sidebar-popover-portal a:not([aria-current=page]) [class*=pv-icon] {
6988
- color: var(--sidebar-nav-icon-color);
6989
- }
6990
- .sidebar-layout-primary .pv-sidebar-nav a[aria-current=page] [class*=pv-icon],
6991
- .sidebar-layout-primary .pv-sidebar-nav summary[aria-current=page] [class*=pv-icon],
6992
- .sidebar-layout-primary .pv-sidebar-popover-portal a[aria-current=page] [class*=pv-icon] {
6993
- color: var(--sidebar-nav-active-icon-color);
7029
+ --sidebar-nav-popover-background: transparent;
6994
7030
  }
6995
7031
 
6996
- .sidebar-layout-secondary .pv-sidebar-nav-header,
6997
- .sidebar-layout-secondary .pv-sidebar-nav,
6998
- .sidebar-layout-secondary .pv-sidebar-popover-portal {
7032
+ :is(.pv-sidebar-nav-header, .pv-sidebar-nav, .pv-sidebar-popover-portal).pv-sidebar-surface-secondary {
6999
7033
  --sidebar-nav-text-color: #121313;
7000
7034
  --sidebar-nav-hover-bg: #ECE8E2;
7001
7035
  --sidebar-nav-hover-text: #121313;
@@ -7006,20 +7040,7 @@ pv-sidebar-v-2 .content-panel [data-grid-area=content] > [data-grid-area=main] {
7006
7040
  --popover-list-item-hover-background-color: #F3F1EB;
7007
7041
  --sidebar-nav-icon-color: #6E6962;
7008
7042
  --sidebar-nav-active-icon-color: #121313;
7009
- }
7010
- .sidebar-layout-secondary .pv-sidebar-nav a:not([aria-current=page]) [class*=pv-icon],
7011
- .sidebar-layout-secondary .pv-sidebar-nav button:not([aria-current=page]) [class*=pv-icon],
7012
- .sidebar-layout-secondary .pv-sidebar-nav summary:not([aria-current=page]) [class*=pv-icon],
7013
- .sidebar-layout-secondary .pv-sidebar-popover-portal a:not([aria-current=page]) [class*=pv-icon] {
7014
- color: var(--sidebar-nav-icon-color);
7015
- }
7016
- .sidebar-layout-secondary .pv-sidebar-nav a[aria-current=page] [class*=pv-icon],
7017
- .sidebar-layout-secondary .pv-sidebar-nav summary[aria-current=page] [class*=pv-icon],
7018
- .sidebar-layout-secondary .pv-sidebar-popover-portal a[aria-current=page] [class*=pv-icon] {
7019
- color: var(--sidebar-nav-active-icon-color);
7020
- }
7021
- .sidebar-layout-secondary .pv-popover .pv-popover-list {
7022
- background-color: #FDFDFC;
7043
+ --sidebar-nav-popover-background: #FDFDFC;
7023
7044
  }
7024
7045
 
7025
7046
  .pv-sidebar-nav-header {
@@ -7090,6 +7111,10 @@ pv-sidebar-v-2 .content-panel [data-grid-area=content] > [data-grid-area=main] {
7090
7111
  --sidebar-nav-active-text: #121313;
7091
7112
  --sidebar-nav-pressed-bg: #D8D2CA;
7092
7113
  --sidebar-nav-nested-border: #B8B1A8;
7114
+ --sidebar-nav-icon-color: #121313;
7115
+ --sidebar-nav-active-icon-color: #121313;
7116
+ --sidebar-nav-popover-background: transparent;
7117
+ --popover-list-item-hover-background-color: #ECE8E2;
7093
7118
  color: var(--sidebar-nav-text-color);
7094
7119
  }
7095
7120
 
@@ -7150,6 +7175,17 @@ pv-sidebar-v-2 .content-panel [data-grid-area=content] > [data-grid-area=main] {
7150
7175
  background-color: var(--sidebar-nav-pressed-bg);
7151
7176
  }
7152
7177
 
7178
+ :is(.pv-sidebar-nav, .pv-sidebar-popover-portal) :is(a, button, summary):not([aria-current=page]) [class*=pv-icon] {
7179
+ color: var(--sidebar-nav-icon-color);
7180
+ }
7181
+ :is(.pv-sidebar-nav, .pv-sidebar-popover-portal) :is(a, summary)[aria-current=page] [class*=pv-icon] {
7182
+ color: var(--sidebar-nav-active-icon-color);
7183
+ }
7184
+
7185
+ :is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) .pv-popover .pv-popover-list {
7186
+ background-color: var(--sidebar-nav-popover-background, transparent);
7187
+ }
7188
+
7153
7189
  .pv-layout-sidebar {
7154
7190
  --sidebar-width: 300px;
7155
7191
  min-height: 100%;