@turquoisehealth/pit-viper 2.255.1 → 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 (51) hide show
  1. package/_site/assets/css/pit-viper-a11y-v3.css +131 -86
  2. package/_site/assets/css/pit-viper-a11y.css +131 -86
  3. package/_site/assets/css/pit-viper-consumer.css +70 -22
  4. package/_site/assets/css/pit-viper-v2-scoped.css +58 -22
  5. package/_site/assets/css/pit-viper-v2.css +131 -86
  6. package/_site/assets/css/pit-viper-v3.css +131 -86
  7. package/_site/assets/css/pit-viper.css +70 -22
  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-prompt-input-stats.html +1 -1
  20. package/pv-components/dist/stats/web/pv-query-builder-input-stats.html +1 -1
  21. package/pv-components/dist/stats/web/pv-question-stats.html +1 -1
  22. package/pv-components/dist/stats/web/pv-select-button-stats.html +1 -1
  23. package/pv-components/dist/stats/web/pv-sidebar-stats.html +1 -1
  24. package/pv-components/dist/stats/web/pv-sidebar-v2-stats.html +1 -1
  25. package/pv-components/dist/stats/web/pv-sortable-list-stats.html +1 -1
  26. package/pv-components/dist/vue/ai/components/ai/PvPromptInput/PvPromptInput.vue.d.ts +4 -1
  27. package/pv-components/dist/vue/ai/components/ai/PvPromptInput/types.d.ts +2 -0
  28. package/pv-components/dist/vue/ai/pv-components-ai.mjs +29 -22
  29. package/pv-components/dist/vue/ai/pv-components-ai.mjs.map +1 -1
  30. package/pv-components/dist/vue/base/pv-components-base.mjs +1117 -1033
  31. package/pv-components/dist/vue/base/pv-components-base.mjs.map +1 -1
  32. package/pv-components/dist/vue/base/types.d.ts +6 -0
  33. package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs +950 -935
  34. package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs.map +1 -1
  35. package/pv-components/dist/vue/visualizations/types.d.ts +6 -0
  36. package/pv-components/dist/web/components/pv-date-time/pv-date-time.js +1 -1
  37. package/pv-components/dist/web/components/pv-dropdown/pv-dropdown.js +2 -2
  38. package/pv-components/dist/web/components/pv-filter-modal/pv-filter-modal.js +1230 -1215
  39. package/pv-components/dist/web/components/pv-input/pv-input.js +1 -0
  40. package/pv-components/dist/web/components/pv-menu/pv-menu.js +856 -841
  41. package/pv-components/dist/web/components/pv-multi-select-button/pv-multi-select-button.js +881 -866
  42. package/pv-components/dist/web/components/pv-pagination/pv-pagination.js +2 -2
  43. package/pv-components/dist/web/components/pv-prompt-input/pv-prompt-input.js +28 -22
  44. package/pv-components/dist/web/components/pv-query-builder-input/pv-query-builder-input.js +585 -570
  45. package/pv-components/dist/web/components/pv-question/pv-question.js +1 -0
  46. package/pv-components/dist/web/components/pv-select-button/pv-select-button.js +877 -862
  47. package/pv-components/dist/web/components/pv-sidebar/pv-sidebar.js +125 -91
  48. package/pv-components/dist/web/components/pv-sidebar-v2/pv-sidebar-v2.js +125 -91
  49. package/pv-components/dist/web/components/pv-sortable-list/pv-sortable-list.js +2 -2
  50. package/pv-components/dist/web/pv-components.iife.js +18 -18
  51. 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 {
@@ -5010,14 +5039,14 @@ pv-header [slot=left] h3.pv-heading-3 {
5010
5039
  overflow: hidden;
5011
5040
  }
5012
5041
 
5013
- .pv-filter-panel-actions,
5014
- .pv-filter-panel-header,
5015
- .pv-filter-panel-suggestion-tags {
5042
+ .pv-flex.pv-filter-panel-actions,
5043
+ .pv-flex.pv-filter-panel-header,
5044
+ .pv-flex.pv-filter-panel-suggestion-tags {
5016
5045
  --flex-gap: 0.5rem;
5017
5046
  }
5018
5047
 
5019
- .pv-filter-panel-body,
5020
- .pv-filter-panel-filters-view {
5048
+ .pv-flex-vertical.pv-filter-panel-body,
5049
+ .pv-flex-vertical.pv-filter-panel-filters-view {
5021
5050
  --flex-align: stretch;
5022
5051
  --flex-gap: 0;
5023
5052
  }
@@ -5055,17 +5084,23 @@ pv-header [slot=left] h3.pv-heading-3 {
5055
5084
  }
5056
5085
 
5057
5086
  .pv-filter-panel-filter-list {
5087
+ padding-block: 0.5rem;
5088
+ }
5089
+
5090
+ .pv-flex-vertical.pv-filter-panel-filter-list {
5058
5091
  --flex-align: stretch;
5059
5092
  --flex-gap: 0.5rem;
5060
- padding-block: 0.5rem;
5061
5093
  }
5062
5094
 
5063
5095
  .pv-filter-panel-collapsed-filters-toggle {
5064
5096
  align-self: flex-start;
5065
5097
  }
5066
5098
 
5067
- .pv-filter-panel-footer {
5099
+ .pv-flex.pv-filter-panel-footer {
5068
5100
  --flex-justify: flex-end;
5101
+ }
5102
+
5103
+ .pv-filter-panel-footer {
5069
5104
  background: var(--color-background-body, #FDFDFC);
5070
5105
  bottom: 0;
5071
5106
  flex: 0 0 auto;
@@ -5075,16 +5110,19 @@ pv-header [slot=left] h3.pv-heading-3 {
5075
5110
  }
5076
5111
 
5077
5112
  .pv-filter-panel-header {
5078
- --flex-align: center;
5079
5113
  padding: 0.75rem;
5080
5114
  }
5081
5115
 
5116
+ .pv-flex.pv-filter-panel-header {
5117
+ --flex-align: center;
5118
+ }
5119
+
5082
5120
  .pv-filter-panel-mode-control {
5083
5121
  flex: 1 1 auto;
5084
5122
  min-width: 0;
5085
5123
  }
5086
5124
 
5087
- .pv-filter-panel-modal-footer {
5125
+ .pv-flex.pv-filter-panel-modal-footer {
5088
5126
  --flex-justify: flex-end;
5089
5127
  }
5090
5128
 
@@ -5096,16 +5134,18 @@ pv-header [slot=left] h3.pv-heading-3 {
5096
5134
  margin: 0;
5097
5135
  }
5098
5136
 
5099
- .pv-filter-panel-suggestions {
5137
+ .pv-flex-vertical.pv-filter-panel-suggestions {
5100
5138
  --flex-align: stretch;
5101
5139
  }
5102
5140
 
5103
- .pv-filter-panel-suggestion-tags {
5141
+ .pv-flex.pv-filter-panel-suggestion-tags {
5104
5142
  --flex-wrap: wrap;
5105
5143
  }
5106
5144
 
5107
- .pv-question {
5145
+ .pv-card.pv-question {
5108
5146
  --card-radius: 0.75rem;
5147
+ }
5148
+ .pv-card.pv-question, .pv-card.pv-question:hover, .pv-card.pv-question:focus-visible {
5109
5149
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
5110
5150
  }
5111
5151
 
@@ -5150,11 +5190,14 @@ pv-header [slot=left] h3.pv-heading-3 {
5150
5190
  }
5151
5191
 
5152
5192
  .pv-question-chat-badge {
5153
- --flex-gap: 0;
5154
5193
  background-color: var(--badge-tertiary-background-color, #E2DDD6);
5155
5194
  flex: 0 0 1rem;
5156
5195
  height: 1rem;
5157
- justify-content: center;
5196
+ }
5197
+
5198
+ .pv-flex.pv-question-chat-badge {
5199
+ --flex-gap: 0;
5200
+ --flex-justify: center;
5158
5201
  }
5159
5202
 
5160
5203
  .pv-question-chat-input .pv-input-text {
@@ -5959,6 +6002,11 @@ pv-data-grid.ag-theme-pv {
5959
6002
  padding: 3px 8px !important;
5960
6003
  }
5961
6004
 
6005
+ .pv-set-filter-suggested-title-label:hover {
6006
+ color: var(--color-text-brand, #073A46);
6007
+ text-decoration: underline;
6008
+ }
6009
+
5962
6010
  .pv-data-table-grouped-card .ag-body-horizontal-scroll {
5963
6011
  display: none !important;
5964
6012
  }
@@ -6574,6 +6622,10 @@ pv-data-grid.ag-theme-pv {
6574
6622
  border-radius: 4px 0 0 4px;
6575
6623
  }
6576
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
+
6577
6629
  .pv-layout-primary,
6578
6630
  .pv-layout-primary[data-collapsed] {
6579
6631
  font-family: var(--layout-primary-sidebar-font-family, Inter, sans-serif);
@@ -6698,45 +6750,45 @@ body:has(> .pv-layout-primary) {
6698
6750
  .sidebar-layout.is-expanded {
6699
6751
  grid-template-columns: 260px 1fr;
6700
6752
  }
6701
- .sidebar-layout.is-expanded .sidebar-panel {
6753
+ .sidebar-layout.is-expanded > .sidebar-panel {
6702
6754
  width: 260px;
6703
6755
  }
6704
- .sidebar-layout.is-expanded .sidebar-toggle {
6756
+ .sidebar-layout.is-expanded > .sidebar-panel > .sidebar-header .sidebar-toggle {
6705
6757
  opacity: 1;
6706
6758
  pointer-events: auto;
6707
6759
  }
6708
- .sidebar-layout.is-floating .sidebar-panel {
6760
+ .sidebar-layout.is-floating > .sidebar-panel {
6709
6761
  width: 260px;
6710
6762
  position: absolute;
6711
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);
6712
6764
  }
6713
- .sidebar-layout.is-floating .sidebar-toggle {
6765
+ .sidebar-layout.is-floating > .sidebar-panel > .sidebar-header .sidebar-toggle {
6714
6766
  opacity: 1;
6715
6767
  pointer-events: auto;
6716
6768
  }
6717
6769
  .sidebar-layout .pv-nav-list span {
6718
6770
  display: block;
6719
6771
  }
6720
- .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 {
6721
6773
  display: none;
6722
6774
  }
6723
- .sidebar-layout.is-collapsed:not(.is-floating) .pv-nav-container summary,
6724
- .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 {
6725
6777
  background-image: none !important;
6726
6778
  }
6727
- .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] {
6728
6780
  display: none !important;
6729
6781
  }
6730
- .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 {
6731
6783
  width: 64px;
6732
6784
  }
6733
- .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 {
6734
6786
  display: none;
6735
6787
  }
6736
- .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 {
6737
6789
  padding: 1rem 0.5rem;
6738
6790
  }
6739
- .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 {
6740
6792
  margin-inline: auto;
6741
6793
  }
6742
6794
  .sidebar-layout .pv-popover-menu[data-active] .pv-popover,
@@ -6918,75 +6970,66 @@ pv-sidebar-v-2 .content-panel [data-grid-area=content] > [data-grid-area=main] {
6918
6970
  pointer-events: auto;
6919
6971
  margin: 0px 0.25rem;
6920
6972
  }
6921
- .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] {
6922
6984
  visibility: hidden;
6923
6985
  }
6924
- .sidebar-layout-new.is-expanded.is-transitioning .sidebar-toggle {
6986
+
6987
+ .sidebar-layout-new .sidebar-toggle[data-sidebar-expanding] {
6925
6988
  visibility: hidden;
6926
6989
  opacity: 0;
6927
6990
  pointer-events: none;
6928
6991
  }
6929
- .sidebar-layout-new .pv-sidebar-nav .pv-accordion > summary {
6930
- padding-inline-end: 0.75rem;
6931
- background-image: none;
6932
- }
6933
- .sidebar-layout-new.is-collapsed .sidebar-header {
6992
+
6993
+ .sidebar-header[data-sidebar-collapsed] {
6934
6994
  flex-direction: column;
6935
6995
  align-items: center;
6936
6996
  }
6937
- .sidebar-layout-new.is-collapsed .pv-sidebar-nav-header button.pv-nav-list-item,
6938
- .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] {
6939
7000
  margin-inline: auto;
6940
7001
  }
6941
- .sidebar-layout-new.is-collapsed .pv-sidebar-nav li:has(.pv-floating:popover-open) summary:not([aria-current=page]) {
6942
- background-color: var(--sidebar-nav-hover-bg);
6943
- color: var(--sidebar-nav-hover-text);
6944
- }
6945
7002
 
6946
- .sidebar-layout.is-collapsed:not(.is-floating) .pv-sidebar-nav a:not(.pv-popover a, .pv-sidebar-hover-panel a),
6947
- .sidebar-layout.is-collapsed:not(.is-floating) .pv-sidebar-nav-header button.pv-nav-list-item,
6948
- .sidebar-layout.is-collapsed:not(.is-floating) .pv-sidebar-nav button.pv-nav-list-item,
6949
- .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 {
6950
7004
  width: 2.5rem !important;
6951
7005
  padding-inline: 0;
6952
7006
  justify-content: center;
6953
7007
  }
6954
- .sidebar-layout.is-collapsed:not(.is-floating) .pv-sidebar-nav-nested {
7008
+
7009
+ summary.pv-sidebar-item-collapsed > [data-testid=pv-icon] {
6955
7010
  display: none;
6956
7011
  }
6957
- .sidebar-layout.is-collapsed:not(.is-floating) .pv-sidebar-nav summary > [data-testid=pv-icon] {
6958
- 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);
6959
7016
  }
6960
7017
 
6961
- .sidebar-layout-primary .pv-sidebar-nav-header,
6962
- .sidebar-layout-primary .pv-sidebar-nav,
6963
- .sidebar-layout-primary .pv-sidebar-popover-portal {
7018
+ :is(.pv-sidebar-nav-header, .pv-sidebar-nav, .pv-sidebar-popover-portal).pv-sidebar-surface-primary {
6964
7019
  --sidebar-nav-text-color: #FDFDFC;
6965
7020
  --sidebar-nav-hover-bg: #0D5256;
6966
7021
  --sidebar-nav-hover-text: #FDFDFC;
6967
7022
  --sidebar-nav-active-bg: #02363D;
6968
7023
  --sidebar-nav-active-text: #FDFDFC;
6969
7024
  --sidebar-nav-pressed-bg: #01262B;
6970
- --sidebar-nav-nested-border: rgba(227, 231, 234, 0.20);
7025
+ --sidebar-nav-nested-border: rgba(227, 231, 234, 0.2);
6971
7026
  --popover-list-item-hover-background-color: #ECE8E2;
6972
7027
  --sidebar-nav-icon-color: #121313;
6973
7028
  --sidebar-nav-active-icon-color: #FDFDFC;
6974
- }
6975
- .sidebar-layout-primary .pv-sidebar-nav a:not([aria-current=page]) [class*=pv-icon],
6976
- .sidebar-layout-primary .pv-sidebar-nav button:not([aria-current=page]) [class*=pv-icon],
6977
- .sidebar-layout-primary .pv-sidebar-nav summary:not([aria-current=page]) [class*=pv-icon],
6978
- .sidebar-layout-primary .pv-sidebar-popover-portal a:not([aria-current=page]) [class*=pv-icon] {
6979
- color: var(--sidebar-nav-icon-color);
6980
- }
6981
- .sidebar-layout-primary .pv-sidebar-nav a[aria-current=page] [class*=pv-icon],
6982
- .sidebar-layout-primary .pv-sidebar-nav summary[aria-current=page] [class*=pv-icon],
6983
- .sidebar-layout-primary .pv-sidebar-popover-portal a[aria-current=page] [class*=pv-icon] {
6984
- color: var(--sidebar-nav-active-icon-color);
7029
+ --sidebar-nav-popover-background: transparent;
6985
7030
  }
6986
7031
 
6987
- .sidebar-layout-secondary .pv-sidebar-nav-header,
6988
- .sidebar-layout-secondary .pv-sidebar-nav,
6989
- .sidebar-layout-secondary .pv-sidebar-popover-portal {
7032
+ :is(.pv-sidebar-nav-header, .pv-sidebar-nav, .pv-sidebar-popover-portal).pv-sidebar-surface-secondary {
6990
7033
  --sidebar-nav-text-color: #121313;
6991
7034
  --sidebar-nav-hover-bg: #ECE8E2;
6992
7035
  --sidebar-nav-hover-text: #121313;
@@ -6997,20 +7040,7 @@ pv-sidebar-v-2 .content-panel [data-grid-area=content] > [data-grid-area=main] {
6997
7040
  --popover-list-item-hover-background-color: #F3F1EB;
6998
7041
  --sidebar-nav-icon-color: #6E6962;
6999
7042
  --sidebar-nav-active-icon-color: #121313;
7000
- }
7001
- .sidebar-layout-secondary .pv-sidebar-nav a:not([aria-current=page]) [class*=pv-icon],
7002
- .sidebar-layout-secondary .pv-sidebar-nav button:not([aria-current=page]) [class*=pv-icon],
7003
- .sidebar-layout-secondary .pv-sidebar-nav summary:not([aria-current=page]) [class*=pv-icon],
7004
- .sidebar-layout-secondary .pv-sidebar-popover-portal a:not([aria-current=page]) [class*=pv-icon] {
7005
- color: var(--sidebar-nav-icon-color);
7006
- }
7007
- .sidebar-layout-secondary .pv-sidebar-nav a[aria-current=page] [class*=pv-icon],
7008
- .sidebar-layout-secondary .pv-sidebar-nav summary[aria-current=page] [class*=pv-icon],
7009
- .sidebar-layout-secondary .pv-sidebar-popover-portal a[aria-current=page] [class*=pv-icon] {
7010
- color: var(--sidebar-nav-active-icon-color);
7011
- }
7012
- .sidebar-layout-secondary .pv-popover .pv-popover-list {
7013
- background-color: #FDFDFC;
7043
+ --sidebar-nav-popover-background: #FDFDFC;
7014
7044
  }
7015
7045
 
7016
7046
  .pv-sidebar-nav-header {
@@ -7081,6 +7111,10 @@ pv-sidebar-v-2 .content-panel [data-grid-area=content] > [data-grid-area=main] {
7081
7111
  --sidebar-nav-active-text: #121313;
7082
7112
  --sidebar-nav-pressed-bg: #D8D2CA;
7083
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;
7084
7118
  color: var(--sidebar-nav-text-color);
7085
7119
  }
7086
7120
 
@@ -7141,6 +7175,17 @@ pv-sidebar-v-2 .content-panel [data-grid-area=content] > [data-grid-area=main] {
7141
7175
  background-color: var(--sidebar-nav-pressed-bg);
7142
7176
  }
7143
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
+
7144
7189
  .pv-layout-sidebar {
7145
7190
  --sidebar-width: 300px;
7146
7191
  min-height: 100%;