@turquoisehealth/pit-viper 2.214.0 → 2.216.0

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

@@ -242,6 +242,10 @@
   letter-spacing: 0.12px;
 }
 
+.pv-text-medium {
+  font-weight: 500;
+}
+
 [class*=pv-text-title] {
   font-weight: var(--font-weight-semibold, 600);
 }

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

@@ -248,6 +248,10 @@
   letter-spacing: 0.12px;
 }
 
+.pv-text-medium {
+  font-weight: 500;
+}
+
 [class*=pv-text-title] {
   font-weight: var(--font-weight-semibold, 600);
 }

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

@@ -209,6 +209,9 @@
   line-height: var(--line-height-xxs, 1.45454545);
   letter-spacing: 0.12px;
 }
+.pv-v2 .pv-text-medium {
+  font-weight: 500;
+}
 .pv-v2 [class*=pv-text-title] {
   font-weight: var(--font-weight-semibold, 600);
 }

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

@@ -216,17 +216,17 @@
   line-height: var(--line-height-xl, 1.1428571);
 }
 
-.pv-text-body-lg {
+.pv-text-body-lg, .pv-chart-chip-value {
   font-size: var(--font-size-l, 0.875rem);
   line-height: var(--line-height-l, 1.1428571);
 }
 
-.pv-text-body-md {
+.pv-text-body-md, .pv-chart-chip-label, .pv-chart-chip-section-label {
   font-size: var(--font-size-m, 0.75rem);
   line-height: var(--line-height-m, 1.33333333);
 }
 
-.pv-text-body-sm {
+.pv-text-body-sm, .pv-chart-tooltip-value, .pv-chart-tooltip-label {
   font-size: var(--font-size-s, 0.6875rem);
   line-height: var(--line-height-s, 1.45454545);
 }
@@ -242,6 +242,10 @@
   letter-spacing: 0.12px;
 }
 
+.pv-text-medium, .pv-chart-chip-value, .pv-chart-chip-label, .pv-chart-chip-section-label, .pv-chart-tooltip-value {
+  font-weight: 500;
+}
+
 [class*=pv-text-title] {
   font-weight: var(--font-weight-semibold, 600);
 }
@@ -1436,7 +1440,7 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
   color: var(--selectable-label-hover-color, #121313);
   background-color: var(--selectable-label-hover-background-color, #E8F2F4);
 }
-[class*=pv-label-selectable]:hover .pv-text-subdued, [class*=pv-label-selectable]:focus-within .pv-text-subdued {
+[class*=pv-label-selectable]:hover .pv-text-subdued, [class*=pv-label-selectable]:hover .pv-chart-chip-label, [class*=pv-label-selectable]:focus-within .pv-text-subdued, [class*=pv-label-selectable]:focus-within .pv-chart-chip-label {
   color: var(--selectable-label-subdued-color, #176F6F);
 }
 [class*=pv-label-selectable]:active {
@@ -3571,7 +3575,7 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
 .pv-org-switch:hover svg {
   opacity: 1;
 }
-.pv-org-switch .pv-text-subdued {
+.pv-org-switch .pv-text-subdued, .pv-org-switch .pv-chart-chip-label {
   color: var(--layout-primary-subdued-color, #4B595C);
 }
 
@@ -4138,9 +4142,11 @@ pv-header [slot=left] h3.pv-heading-3 {
   color: var(--card-hover-text-color, unset);
   text-decoration: none;
 }
-.pv-card:is(a, button):hover:not(:has(button:hover, a:hover, [role=button]:hover)) .pv-text-subdued, .pv-card:is(a, button):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)) .pv-text-subdued,
+.pv-card:is(a, button):hover:not(:has(button:hover, a:hover, [role=button]:hover)) .pv-text-subdued, .pv-card:is(a, button):hover:not(:has(button:hover, a:hover, [role=button]:hover)) .pv-chart-chip-label, .pv-card:is(a, button):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)) .pv-text-subdued, .pv-card:is(a, button):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)) .pv-chart-chip-label,
 .pv-card:has(.pv-overlay-link):hover:not(:has(button:hover, a:hover, [role=button]:hover)) .pv-text-subdued,
-.pv-card:has(.pv-overlay-link):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)) .pv-text-subdued {
+.pv-card:has(.pv-overlay-link):hover:not(:has(button:hover, a:hover, [role=button]:hover)) .pv-chart-chip-label,
+.pv-card:has(.pv-overlay-link):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)) .pv-text-subdued,
+.pv-card:has(.pv-overlay-link):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)) .pv-chart-chip-label {
   color: var(--card-hover-text-color, unset);
 }
 .pv-card:is(a, button):active:not(:has(button:active, a:active, [role=button]:active)),
@@ -5042,6 +5048,41 @@ pv-data-grid.ag-theme-pv {
   background-color: #E0E5E4;
 }
 
+.pv-chart-chip-value {
+  line-height: 20px;
+}
+
+.pv-chart-benchmark-chips {
+  --flex-gap: 0.5rem;
+  flex-shrink: 0;
+}
+
+.pv-chart-benchmark-chip-section-label {
+  align-self: stretch;
+  text-align: left;
+}
+
+.pv-chart-benchmark-chip {
+  --flex-gap: 0.5rem;
+  position: relative;
+  width: 245px;
+  flex-shrink: 0;
+}
+
+.pv-chart-benchmark-chip:not([data-loading]):hover {
+  border-color: var(--color-border, #e3e7ea);
+  background: var(--surface-card-hover, #ece8e2);
+}
+
+.pv-chart-benchmark-chip-accent {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 4px;
+  border-radius: 4px 0 0 4px;
+}
+
 .pv-layout-primary,
 .pv-layout-primary[data-collapsed] {
   font-family: var(--layout-primary-sidebar-font-family, Inter, sans-serif);
@@ -5672,15 +5713,15 @@ pv-sidebar {
   background: var(--color-background-brand-gradient, linear-gradient(109deg, #176F6F 0%, #02363D 100%));
 }
 
-.pv-text-default {
+.pv-text-default, .pv-chart-tooltip-value, .pv-chart-chip-section-label, .pv-chart-chip-value {
   color: var(--color-text-body, #121313);
 }
 
-.pv-text-subdued {
+.pv-text-subdued, .pv-chart-chip-label {
   color: var(--color-text-subdued, #4B595C);
 }
 
-.pv-text-tertiary {
+.pv-text-tertiary, .pv-chart-tooltip-label {
   color: var(--color-text-tertiary, #6E8081);
 }
 

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

@@ -247,6 +247,10 @@
   letter-spacing: 0;
 }
 
+.pv-text-medium {
+  font-weight: 500;
+}
+
 [class*=pv-text-title] {
   font-weight: var(--font-weight-semibold, 600);
 }

package/package.json

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