@turquoisehealth/pit-viper 2.256.0 → 2.258.0

package/_site/assets/css/pit-viper-v3.css

@@ -1927,8 +1927,11 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   z-index: 4;
 }
 
-.pv-prompt-input {
+.pv-flex-vertical.pv-prompt-input {
   --flex-align: stretch;
+}
+
+.pv-prompt-input {
   cursor: text;
   transition-duration: 0.125s;
   transition-property: border-color, box-shadow;
@@ -1945,7 +1948,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   --flex-align: stretch;
   width: 100%;
 }
-.pv-prompt-input-textarea textarea {
+.pv-prompt-input-textarea textarea.pv-textarea {
   field-sizing: content;
   max-height: var(--prompt-input-max-height);
   width: 100%;
@@ -1956,11 +1959,11 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   overflow-y: auto;
   background-color: transparent;
 }
-.pv-prompt-input-textarea textarea:focus, .pv-prompt-input-textarea textarea:focus-visible {
+.pv-prompt-input-textarea textarea.pv-textarea:focus, .pv-prompt-input-textarea textarea.pv-textarea:focus-visible {
   outline: none;
 }
 
-.pv-prompt-input-footer {
+.pv-flex.pv-prompt-input-footer {
   --flex-justify: space-between;
 }
 
@@ -2003,6 +2006,17 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   min-width: 1rem;
 }
 
+.pv-query-builder-group-label {
+  display: block;
+  padding: 0.5rem 0.5rem 0.25rem;
+  font-weight: 500;
+}
+
+.pv-query-builder-option-active {
+  background-color: var(--popover-list-item-hover-background-color, #ECE8E2);
+  border-radius: var(--popover-list-item-radius, 4px);
+}
+
 .pv-query-builder-input-wrapper:focus-within {
   border-color: var(--text-input-focus-border-color, #36C5BA);
 }
@@ -3722,6 +3736,10 @@ button.pv-tag-secondary:active {
   cursor: pointer;
 }
 
+.pv-dropdown-component > .pv-button-icon[aria-expanded=true] {
+  background-color: var(--button-icon-pressed-background-color, #D8D2CA);
+}
+
 .pv-select-multiple {
   font-weight: 600;
 }
@@ -3824,11 +3842,18 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
 }
 
 .pv-sortable-list-option {
-  --flex-gap: 0.25rem;
   cursor: grab;
   min-height: 1.5rem;
 }
 
+.pv-flex.pv-sortable-list-option {
+  --flex-gap: 0.25rem;
+}
+
+.pv-sortable-list-option-locked {
+  cursor: default;
+}
+
 .pv-sortable-list-option-disabled {
   pointer-events: none;
   color: var(--text-input-disabled-text-color, #92908F);
@@ -3888,15 +3913,19 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
 }
 
 .pv-tree-item.pv-drop-indicator-top {
-  border-top: 1px solid var(--color-border, #E7E7E7);
+  border-top: 1px solid var(--color-border, #121313);
 }
 
 .pv-tree-item.pv-drop-indicator-bottom {
-  border-bottom: 1px solid var(--color-border, #E7E7E7);
+  border-bottom: 1px solid var(--color-border, #121313);
 }
 
 .pv-drop-indicator-parent {
-  border: 1px solid var(--color-border, #E7E7E7);
+  border: 1px solid var(--color-border, #36C5BA);
+}
+
+.pv-tree-empty-accordion {
+  padding-block: 0.1875rem;
 }
 
 .pv-tree-item-selected {
@@ -5113,8 +5142,10 @@ pv-header [slot=left] h3.pv-heading-3 {
   --flex-wrap: wrap;
 }
 
-.pv-question {
+.pv-card.pv-question {
   --card-radius: 0.75rem;
+}
+.pv-card.pv-question, .pv-card.pv-question:hover, .pv-card.pv-question:focus-visible {
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
 }
 
@@ -5159,11 +5190,14 @@ pv-header [slot=left] h3.pv-heading-3 {
 }
 
 .pv-question-chat-badge {
-  --flex-gap: 0;
   background-color: var(--badge-tertiary-background-color, #E2DDD6);
   flex: 0 0 1rem;
   height: 1rem;
-  justify-content: center;
+}
+
+.pv-flex.pv-question-chat-badge {
+  --flex-gap: 0;
+  --flex-justify: center;
 }
 
 .pv-question-chat-input .pv-input-text {
@@ -5968,6 +6002,11 @@ pv-data-grid.ag-theme-pv {
   padding: 3px 8px !important;
 }
 
+.pv-set-filter-suggested-title-label:hover {
+  color: var(--color-text-brand, #073A46);
+  text-decoration: underline;
+}
+
 .pv-data-table-grouped-card .ag-body-horizontal-scroll {
   display: none !important;
 }
@@ -6143,6 +6182,57 @@ pv-data-grid.ag-theme-pv {
   border: 1px solid var(--banner-tertiary-border-color, transparent);
 }
 
+.pv-banner-universal,
+.pv-banner-ai {
+  background-color: var(--banner-universal-background-color, #F3F1EB);
+  border: 1px solid var(--banner-universal-border-color, #E7E7E7);
+}
+
+.pv-banner-ai {
+  border-radius: 999px;
+}
+
+[class*=pv-banner-accent-] {
+  position: relative;
+}
+
+[class*=pv-banner-accent-]::before {
+  content: "";
+  position: absolute;
+  top: 0.75rem;
+  bottom: 0.75rem;
+  left: -1px;
+  width: var(--banner-accent-width, 4px);
+  border-radius: 0 var(--banner-accent-width, 4px) var(--banner-accent-width, 4px) 0;
+  background-color: var(--banner-accent-color);
+}
+
+.pv-banner-accent-blue {
+  --banner-accent-color: var(--shape-blue, #4D9FF2);
+}
+
+.pv-banner-accent-purple {
+  --banner-accent-color: var(--shape-purple, #DD8EFF);
+}
+
+.pv-banner-accent-red {
+  --banner-accent-color: var(--shape-error, #FA6E42);
+}
+
+.pv-banner-accent-yellow {
+  --banner-accent-color: var(--shape-warning, #FCB510);
+}
+
+.pv-banner-accent-green {
+  --banner-accent-color: var(--shape-success, #9DD549);
+}
+
+.pv-banner-marketing {
+  background-color: var(--banner-universal-background-color, #F3F1EB);
+  background-image: var(--banner-marketing-background-image, linear-gradient(90deg, rgba(168, 230, 225, 0) 35%, rgba(168, 230, 225, 0.5) 65%, rgba(168, 230, 225, 0.75) 78%, rgba(168, 230, 225, 0.9) 78%, rgba(168, 230, 225, 0.7) 100%));
+  border: 1px solid var(--banner-universal-border-color, #E7E7E7);
+}
+
 [class*=pv-toggle] {
   cursor: pointer;
   display: flex;
@@ -6583,6 +6673,10 @@ pv-data-grid.ag-theme-pv {
   border-radius: 4px 0 0 4px;
 }
 
+.pv-legacy-chart-menu-nested.pv-legacy-chart-menu-nested-active {
+  background-color: var(--popover-list-selected-item-background-color, #ECE8E2);
+}
+
 .pv-layout-primary,
 .pv-layout-primary[data-collapsed] {
   font-family: var(--layout-primary-sidebar-font-family, Inter, sans-serif);
@@ -6707,45 +6801,45 @@ body:has(> .pv-layout-primary) {
 .sidebar-layout.is-expanded {
   grid-template-columns: 260px 1fr;
 }
-.sidebar-layout.is-expanded .sidebar-panel {
+.sidebar-layout.is-expanded > .sidebar-panel {
   width: 260px;
 }
-.sidebar-layout.is-expanded .sidebar-toggle {
+.sidebar-layout.is-expanded > .sidebar-panel > .sidebar-header .sidebar-toggle {
   opacity: 1;
   pointer-events: auto;
 }
-.sidebar-layout.is-floating .sidebar-panel {
+.sidebar-layout.is-floating > .sidebar-panel {
   width: 260px;
   position: absolute;
   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);
 }
-.sidebar-layout.is-floating .sidebar-toggle {
+.sidebar-layout.is-floating > .sidebar-panel > .sidebar-header .sidebar-toggle {
   opacity: 1;
   pointer-events: auto;
 }
 .sidebar-layout .pv-nav-list span {
   display: block;
 }
-.sidebar-layout.is-collapsed:not(.is-floating) .pv-nav-list span {
+.sidebar-layout.is-collapsed:not(.is-floating):not(.sidebar-layout-new) > .sidebar-panel .pv-nav-list span {
   display: none;
 }
-.sidebar-layout.is-collapsed:not(.is-floating) .pv-nav-container summary,
-.sidebar-layout.is-collapsed:not(.is-floating) .pv-nav-list summary {
+.sidebar-layout.is-collapsed:not(.is-floating):not(.sidebar-layout-new) > .sidebar-panel .pv-nav-container summary,
+.sidebar-layout.is-collapsed:not(.is-floating):not(.sidebar-layout-new) > .sidebar-panel .pv-nav-list summary {
   background-image: none !important;
 }
-.sidebar-layout.is-collapsed:not(.is-floating) [data-sidebar-expanded-content] {
+.sidebar-layout.is-collapsed:not(.is-floating):not(.sidebar-layout-new) > .sidebar-panel [data-sidebar-expanded-content] {
   display: none !important;
 }
-.sidebar-layout.is-collapsed:not(.is-floating) .pv-nav-container {
+.sidebar-layout.is-collapsed:not(.is-floating):not(.sidebar-layout-new) > .sidebar-panel .pv-nav-container {
   width: 64px;
 }
-.sidebar-layout.is-collapsed:not(.is-floating) .nested-nav {
+.sidebar-layout.is-collapsed:not(.is-floating):not(.sidebar-layout-new) > .sidebar-panel .nested-nav {
   display: none;
 }
-.sidebar-layout.is-collapsed:not(.is-floating) [data-grid-area=sidebar] > footer {
+.sidebar-layout.is-collapsed:not(.is-floating):not(.sidebar-layout-new) > .sidebar-panel [data-grid-area=sidebar] > footer {
   padding: 1rem 0.5rem;
 }
-.sidebar-layout.is-collapsed:not(.is-floating) .pv-avatar {
+.sidebar-layout.is-collapsed:not(.is-floating):not(.sidebar-layout-new) > .sidebar-panel .pv-avatar {
   margin-inline: auto;
 }
 .sidebar-layout .pv-popover-menu[data-active] .pv-popover,
@@ -6927,75 +7021,66 @@ pv-sidebar-v-2 .content-panel [data-grid-area=content] > [data-grid-area=main] {
   pointer-events: auto;
   margin: 0px 0.25rem;
 }
-.sidebar-layout-new.is-expanded.is-transitioning .pv-sidebar-nav-header [data-sidebar-expanded-content] {
+.sidebar-layout-new .pv-sidebar-nav .pv-accordion > summary {
+  padding-inline-end: 0.75rem;
+  background-image: none;
+}
+
+[data-sidebar-expanded-content][data-sidebar-collapsed],
+.pv-sidebar-nav-nested[data-sidebar-collapsed] {
+  display: none !important;
+}
+
+[data-sidebar-expanded-content][data-sidebar-expanding] {
   visibility: hidden;
 }
-.sidebar-layout-new.is-expanded.is-transitioning .sidebar-toggle {
+
+.sidebar-layout-new .sidebar-toggle[data-sidebar-expanding] {
   visibility: hidden;
   opacity: 0;
   pointer-events: none;
 }
-.sidebar-layout-new .pv-sidebar-nav .pv-accordion > summary {
-  padding-inline-end: 0.75rem;
-  background-image: none;
-}
-.sidebar-layout-new.is-collapsed .sidebar-header {
+
+.sidebar-header[data-sidebar-collapsed] {
   flex-direction: column;
   align-items: center;
 }
-.sidebar-layout-new.is-collapsed .pv-sidebar-nav-header button.pv-nav-list-item,
-.sidebar-layout-new.is-collapsed .sidebar-toggle {
+
+.pv-sidebar-nav-header button.pv-sidebar-item-collapsed,
+.sidebar-layout-new .sidebar-toggle[data-sidebar-collapsed] {
   margin-inline: auto;
 }
-.sidebar-layout-new.is-collapsed .pv-sidebar-nav li:has(.pv-floating:popover-open) summary:not([aria-current=page]) {
-  background-color: var(--sidebar-nav-hover-bg);
-  color: var(--sidebar-nav-hover-text);
-}
 
-.sidebar-layout.is-collapsed:not(.is-floating) .pv-sidebar-nav a:not(.pv-popover a, .pv-sidebar-hover-panel a),
-.sidebar-layout.is-collapsed:not(.is-floating) .pv-sidebar-nav-header button.pv-nav-list-item,
-.sidebar-layout.is-collapsed:not(.is-floating) .pv-sidebar-nav button.pv-nav-list-item,
-.sidebar-layout.is-collapsed:not(.is-floating) .pv-sidebar-nav summary {
+.sidebar-layout-new :is(.pv-sidebar-nav, .pv-sidebar-nav-header) :is(a, button, summary).pv-sidebar-item-collapsed {
   width: 2.5rem !important;
   padding-inline: 0;
   justify-content: center;
 }
-.sidebar-layout.is-collapsed:not(.is-floating) .pv-sidebar-nav-nested {
+
+summary.pv-sidebar-item-collapsed > [data-testid=pv-icon] {
   display: none;
 }
-.sidebar-layout.is-collapsed:not(.is-floating) .pv-sidebar-nav summary > [data-testid=pv-icon] {
-  display: none;
+
+.pv-sidebar-nav li:has(.pv-floating:popover-open) summary.pv-sidebar-item-collapsed:not([aria-current=page]) {
+  background-color: var(--sidebar-nav-hover-bg);
+  color: var(--sidebar-nav-hover-text);
 }
 
-.sidebar-layout-primary .pv-sidebar-nav-header,
-.sidebar-layout-primary .pv-sidebar-nav,
-.sidebar-layout-primary .pv-sidebar-popover-portal {
+:is(.pv-sidebar-nav-header, .pv-sidebar-nav, .pv-sidebar-popover-portal).pv-sidebar-surface-primary {
   --sidebar-nav-text-color: #FDFDFC;
   --sidebar-nav-hover-bg: #0D5256;
   --sidebar-nav-hover-text: #FDFDFC;
   --sidebar-nav-active-bg: #02363D;
   --sidebar-nav-active-text: #FDFDFC;
   --sidebar-nav-pressed-bg: #01262B;
-  --sidebar-nav-nested-border: rgba(227, 231, 234, 0.20);
+  --sidebar-nav-nested-border: rgba(227, 231, 234, 0.2);
   --popover-list-item-hover-background-color: #ECE8E2;
   --sidebar-nav-icon-color: #6E6962;
   --sidebar-nav-active-icon-color: #FDFDFC;
-}
-.sidebar-layout-primary .pv-sidebar-nav a:not([aria-current=page]) [class*=pv-icon],
-.sidebar-layout-primary .pv-sidebar-nav button:not([aria-current=page]) [class*=pv-icon],
-.sidebar-layout-primary .pv-sidebar-nav summary:not([aria-current=page]) [class*=pv-icon],
-.sidebar-layout-primary .pv-sidebar-popover-portal a:not([aria-current=page]) [class*=pv-icon] {
-  color: var(--sidebar-nav-icon-color);
-}
-.sidebar-layout-primary .pv-sidebar-nav a[aria-current=page] [class*=pv-icon],
-.sidebar-layout-primary .pv-sidebar-nav summary[aria-current=page] [class*=pv-icon],
-.sidebar-layout-primary .pv-sidebar-popover-portal a[aria-current=page] [class*=pv-icon] {
-  color: var(--sidebar-nav-active-icon-color);
+  --sidebar-nav-popover-background: transparent;
 }
 
-.sidebar-layout-secondary .pv-sidebar-nav-header,
-.sidebar-layout-secondary .pv-sidebar-nav,
-.sidebar-layout-secondary .pv-sidebar-popover-portal {
+:is(.pv-sidebar-nav-header, .pv-sidebar-nav, .pv-sidebar-popover-portal).pv-sidebar-surface-secondary {
   --sidebar-nav-text-color: #121313;
   --sidebar-nav-hover-bg: #ECE8E2;
   --sidebar-nav-hover-text: #121313;
@@ -7006,20 +7091,7 @@ pv-sidebar-v-2 .content-panel [data-grid-area=content] > [data-grid-area=main] {
   --popover-list-item-hover-background-color: #F3F1EB;
   --sidebar-nav-icon-color: #928C84;
   --sidebar-nav-active-icon-color: #121313;
-}
-.sidebar-layout-secondary .pv-sidebar-nav a:not([aria-current=page]) [class*=pv-icon],
-.sidebar-layout-secondary .pv-sidebar-nav button:not([aria-current=page]) [class*=pv-icon],
-.sidebar-layout-secondary .pv-sidebar-nav summary:not([aria-current=page]) [class*=pv-icon],
-.sidebar-layout-secondary .pv-sidebar-popover-portal a:not([aria-current=page]) [class*=pv-icon] {
-  color: var(--sidebar-nav-icon-color);
-}
-.sidebar-layout-secondary .pv-sidebar-nav a[aria-current=page] [class*=pv-icon],
-.sidebar-layout-secondary .pv-sidebar-nav summary[aria-current=page] [class*=pv-icon],
-.sidebar-layout-secondary .pv-sidebar-popover-portal a[aria-current=page] [class*=pv-icon] {
-  color: var(--sidebar-nav-active-icon-color);
-}
-.sidebar-layout-secondary .pv-popover .pv-popover-list {
-  background-color: #FDFDFC;
+  --sidebar-nav-popover-background: #FDFDFC;
 }
 
 .pv-sidebar-nav-header {
@@ -7090,6 +7162,10 @@ pv-sidebar-v-2 .content-panel [data-grid-area=content] > [data-grid-area=main] {
   --sidebar-nav-active-text: #121313;
   --sidebar-nav-pressed-bg: #D8D2CA;
   --sidebar-nav-nested-border: #E7E2D9;
+  --sidebar-nav-icon-color: #6E6962;
+  --sidebar-nav-active-icon-color: #121313;
+  --sidebar-nav-popover-background: transparent;
+  --popover-list-item-hover-background-color: #ECE8E2;
   color: var(--sidebar-nav-text-color);
 }
 
@@ -7150,6 +7226,17 @@ pv-sidebar-v-2 .content-panel [data-grid-area=content] > [data-grid-area=main] {
   background-color: var(--sidebar-nav-pressed-bg);
 }
 
+:is(.pv-sidebar-nav, .pv-sidebar-popover-portal) :is(a, button, summary):not([aria-current=page]) [class*=pv-icon] {
+  color: var(--sidebar-nav-icon-color);
+}
+:is(.pv-sidebar-nav, .pv-sidebar-popover-portal) :is(a, summary)[aria-current=page] [class*=pv-icon] {
+  color: var(--sidebar-nav-active-icon-color);
+}
+
+:is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) .pv-popover .pv-popover-list {
+  background-color: var(--sidebar-nav-popover-background, transparent);
+}
+
 .pv-layout-sidebar {
   --sidebar-width: 300px;
   min-height: 100%;

package/_site/assets/css/pit-viper.css

@@ -1932,8 +1932,11 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   z-index: 4;
 }
 
-.pv-prompt-input {
+.pv-flex-vertical.pv-prompt-input {
   --flex-align: stretch;
+}
+
+.pv-prompt-input {
   cursor: text;
   transition-duration: 0.125s;
   transition-property: border-color, box-shadow;
@@ -1950,7 +1953,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   --flex-align: stretch;
   width: 100%;
 }
-.pv-prompt-input-textarea textarea {
+.pv-prompt-input-textarea textarea.pv-textarea {
   field-sizing: content;
   max-height: var(--prompt-input-max-height);
   width: 100%;
@@ -1961,11 +1964,11 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   overflow-y: auto;
   background-color: transparent;
 }
-.pv-prompt-input-textarea textarea:focus, .pv-prompt-input-textarea textarea:focus-visible {
+.pv-prompt-input-textarea textarea.pv-textarea:focus, .pv-prompt-input-textarea textarea.pv-textarea:focus-visible {
   outline: none;
 }
 
-.pv-prompt-input-footer {
+.pv-flex.pv-prompt-input-footer {
   --flex-justify: space-between;
 }
 
@@ -2008,6 +2011,17 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   min-width: 1rem;
 }
 
+.pv-query-builder-group-label {
+  display: block;
+  padding: 0.5rem 0.5rem 0.25rem;
+  font-weight: 500;
+}
+
+.pv-query-builder-option-active {
+  background-color: var(--popover-list-item-hover-background-color, #F3F4F6);
+  border-radius: var(--popover-list-item-radius, 2px);
+}
+
 .pv-query-builder-input-wrapper:focus-within {
   border-color: var(--text-input-focus-border-color, #176F6F);
 }
@@ -3727,6 +3741,10 @@ button.pv-tag-secondary:active {
   cursor: pointer;
 }
 
+.pv-dropdown-component > .pv-button-icon[aria-expanded=true] {
+  background-color: var(--button-icon-pressed-background-color, #C7D8DB);
+}
+
 .pv-select-multiple {
   font-weight: 600;
 }
@@ -3829,11 +3847,18 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
 }
 
 .pv-sortable-list-option {
-  --flex-gap: 0.25rem;
   cursor: grab;
   min-height: 1.5rem;
 }
 
+.pv-flex.pv-sortable-list-option {
+  --flex-gap: 0.25rem;
+}
+
+.pv-sortable-list-option-locked {
+  cursor: default;
+}
+
 .pv-sortable-list-option-disabled {
   pointer-events: none;
   color: var(--text-input-disabled-text-color, #6E7784);
@@ -3893,15 +3918,19 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
 }
 
 .pv-tree-item.pv-drop-indicator-top {
-  border-top: 1px solid var(--color-border, #DCDFE4);
+  border-top: 1px solid var(--color-border, #02363D);
 }
 
 .pv-tree-item.pv-drop-indicator-bottom {
-  border-bottom: 1px solid var(--color-border, #DCDFE4);
+  border-bottom: 1px solid var(--color-border, #02363D);
 }
 
 .pv-drop-indicator-parent {
-  border: 1px solid var(--color-border, #DCDFE4);
+  border: 1px solid var(--color-border, #36C5BA);
+}
+
+.pv-tree-empty-accordion {
+  padding-block: 0.1875rem;
 }
 
 .pv-tree-item-selected {
@@ -5096,8 +5125,10 @@ pv-resize-handle {
   --flex-wrap: wrap;
 }
 
-.pv-question {
+.pv-card.pv-question {
   --card-radius: 0.75rem;
+}
+.pv-card.pv-question, .pv-card.pv-question:hover, .pv-card.pv-question:focus-visible {
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
 }
 
@@ -5142,11 +5173,14 @@ pv-resize-handle {
 }
 
 .pv-question-chat-badge {
-  --flex-gap: 0;
   background-color: var(--badge-tertiary-background-color, #E0E5E4);
   flex: 0 0 1rem;
   height: 1rem;
-  justify-content: center;
+}
+
+.pv-flex.pv-question-chat-badge {
+  --flex-gap: 0;
+  --flex-justify: center;
 }
 
 .pv-question-chat-input .pv-input-text {
@@ -5951,6 +5985,11 @@ pv-data-grid.ag-theme-pv {
   padding: 3px 8px !important;
 }
 
+.pv-set-filter-suggested-title-label:hover {
+  color: var(--color-text-brand, #176F6F);
+  text-decoration: underline;
+}
+
 .pv-data-table-grouped-card .ag-body-horizontal-scroll {
   display: none !important;
 }
@@ -6126,6 +6165,57 @@ pv-data-grid.ag-theme-pv {
   border: 1px solid var(--banner-tertiary-border-color, transparent);
 }
 
+.pv-banner-universal,
+.pv-banner-ai {
+  background-color: var(--banner-universal-background-color, #F3F1EB);
+  border: 1px solid var(--banner-universal-border-color, #E7E7E7);
+}
+
+.pv-banner-ai {
+  border-radius: 999px;
+}
+
+[class*=pv-banner-accent-] {
+  position: relative;
+}
+
+[class*=pv-banner-accent-]::before {
+  content: "";
+  position: absolute;
+  top: 0.75rem;
+  bottom: 0.75rem;
+  left: -1px;
+  width: var(--banner-accent-width, 4px);
+  border-radius: 0 var(--banner-accent-width, 4px) var(--banner-accent-width, 4px) 0;
+  background-color: var(--banner-accent-color);
+}
+
+.pv-banner-accent-blue {
+  --banner-accent-color: var(--shape-blue, #4D9FF2);
+}
+
+.pv-banner-accent-purple {
+  --banner-accent-color: var(--shape-purple, #DD8EFF);
+}
+
+.pv-banner-accent-red {
+  --banner-accent-color: var(--shape-error, #FA6E42);
+}
+
+.pv-banner-accent-yellow {
+  --banner-accent-color: var(--shape-warning, #FCB510);
+}
+
+.pv-banner-accent-green {
+  --banner-accent-color: var(--shape-success, #9DD549);
+}
+
+.pv-banner-marketing {
+  background-color: var(--banner-universal-background-color, #F3F1EB);
+  background-image: var(--banner-marketing-background-image, linear-gradient(90deg, rgba(168, 230, 225, 0) 35%, rgba(168, 230, 225, 0.5) 65%, rgba(168, 230, 225, 0.75) 78%, rgba(168, 230, 225, 0.9) 78%, rgba(168, 230, 225, 0.7) 100%));
+  border: 1px solid var(--banner-universal-border-color, #E7E7E7);
+}
+
 [class*=pv-toggle] {
   cursor: pointer;
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turquoisehealth/pit-viper",
-  "version": "2.256.0",
+  "version": "2.258.0",
   "description": "Turquoise Health's design system.",
   "main": "README.md",
   "publishConfig": {