@turquoisehealth/pit-viper 2.147.1-dev.0 → 2.148.1-dev.0

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

@@ -73,7 +73,7 @@
 .pv-v2 [class*=pv-button-link] {
   font-weight: var(--link-font-weight, 500);
   text-decoration: none;
-  color: var(--color-text-interactive, inherit);
+  color: var(--color-text-interactive, #16696D);
 }
 .pv-v2 :where(a):hover,
 .pv-v2 [class*=pv-button-link]:hover {
@@ -139,7 +139,7 @@
   letter-spacing: 0.01em;
 }
 .pv-v2 [class*=pv-heading] {
-  font-family: var(--font-family-body, Inter, sans-serif);
+  font-family: var(--font-family-body, HK Grotesk, sans-serif);
   font-weight: 600;
   letter-spacing: 0.2px;
 }
@@ -387,6 +387,7 @@
 .pv-v2 :where([class*=pv-button]),
 .pv-v2 :where([class*=pv-segmented-control] button) {
   background-color: transparent;
+  background-image: none;
   border: 1px solid transparent;
   cursor: pointer;
   display: flex;
@@ -453,13 +454,16 @@
 .pv-v2 .pv-button-primary {
   color: var(--button-primary-color, #FFFFFF);
   background-color: var(--button-primary-background-color, #16696D);
+  background-image: var(--button-primary-background-image, none);
 }
 .pv-v2 .pv-button-primary:not(:disabled):hover, .pv-v2 .pv-button-primary:not(:disabled):focus-visible {
   color: var(--button-primary-hover-color, #FFFFFF);
   background-color: var(--button-primary-hover-background-color, #0D5256);
+  background-image: var(--button-primary-hover-background-image, none);
 }
 .pv-v2 .pv-button-primary:not(:disabled):active {
   background-color: var(--button-primary-pressed-background-color, #02363D);
+  background-image: var(--button-primary-pressed-background-image, none);
 }
 .pv-v2 .pv-button-primary.pv-button-inverse {
   color: #121313;
@@ -669,7 +673,7 @@
 }
 .pv-v2 [class*=pv-button-link] {
   display: inline-flex;
-  color: var(--color-text-interactive, inherit);
+  color: var(--color-text-interactive, #16696D);
   font-size: inherit;
   line-height: inherit;
   padding: 0;
@@ -678,7 +682,7 @@
 }
 .pv-v2 [class*=pv-button-link]:hover, .pv-v2 [class*=pv-button-link]:focus-visible {
   text-decoration: underline;
-  color: var(--color-text-interactive, inherit);
+  color: var(--color-text-interactive, #16696D);
 }
 .pv-v2 [class*=pv-button-link].pv-button-inverse {
   color: var(--button-link-inverse-color, #FFFFFF);
@@ -799,7 +803,7 @@
   box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 6px -2px rgba(0, 0, 0, 0.04), 0px 0px 0px 0 rgba(0, 0, 0, 0.15);
 }
 .pv-v2 [class*=pv-button-floating]:hover:not(:disabled), .pv-v2 [class*=pv-button-floating]:focus-visible:not(:disabled) {
-  background-color: #02363D;
+  background-color: #16696D;
 }
 .pv-v2 [class*=pv-button-floating]:active:not(:disabled) {
   background-color: #02363D;
@@ -1800,7 +1804,7 @@
 }
 .pv-v2 .pv-nav-list-inverse [aria-current=page],
 .pv-v2 [data-collapsed] .pv-nav-list-inverse [aria-current=page] {
-  background-color: #02363D;
+  background-color: #16696D;
   color: #FFFFFF;
 }
 .pv-v2 .pv-nav-list-inverse li:not(:last-child),
@@ -2099,7 +2103,7 @@
 .pv-v2 .pv-table :where(a:not[class*=pv-text]):hover, .pv-v2 .pv-table :where(a:not[class*=pv-text]):focus,
 .pv-v2 .pv-table-compressed :where(a:not[class*=pv-text]):hover,
 .pv-v2 .pv-table-compressed :where(a:not[class*=pv-text]):focus {
-  color: inherit;
+  color: #16696D;
   text-decoration: none;
 }
 .pv-v2 .pv-table th {
@@ -2660,7 +2664,7 @@
   color: var(--tab-list-text-color, #6E8081);
   font-weight: var(--tab-list-font-weight, 500);
   font-size: var(--tab-list-font-size, 0.75rem);
-  line-height: var(--tab-list-line-height, 1rem);
+  line-height: var(--tab-list-line-height, 1.33333333);
   padding: var(--tab-list-item-padding, 0.4375rem 0.5rem);
   border-radius: var(--tab-list-item-radius, 4px) var(--tab-list-item-radius, 4px) 0 0;
   border: 0;
@@ -3228,7 +3232,7 @@
 }
 .pv-v2 .pv-accordion-dark > summary {
   color: var(--color-text-inverse, #FFFFFF);
-  background-color: var(--color-background-brand, #02363D);
+  background-color: var(--color-background-brand, #16696D);
 }
 .pv-v2 .pv-accordion-dark > summary:hover, .pv-v2 .pv-accordion-dark > summary:focus-within {
   color: var(--color-text-brand-inverse, #E4F8F6);
@@ -3315,8 +3319,8 @@
   --max-width: 360px;
   --text-color: #FFFFFF;
   --hover-color: #FFFFFF;
-  background-color: #02363D;
-  box-shadow: 0 8px 32px rgba(2, 54, 61, 0.24);
+  background-color: #16696D;
+  box-shadow: 0 8px 32px rgba(22, 105, 109, 0.24);
   color: var(--text-color);
   display: flex;
   align-items: center;
@@ -4445,7 +4449,7 @@
   display: none;
 }
 .pv-v2 .pv-surface-brand {
-  background-color: var(--color-background-brand, #02363D);
+  background-color: var(--color-background-brand, #16696D);
 }
 .pv-v2 .pv-surface-accent, .pv-v2 .ag-theme-pv .ag-header-cell {
   background-color: var(--color-background-accent, #F7F8F8);

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

@@ -155,7 +155,7 @@
 }
 
 [class*=pv-heading] {
-  font-family: var(--font-family-body, Inter, sans-serif);
+  font-family: var(--font-family-body, HK Grotesk, sans-serif);
   font-weight: 600;
   letter-spacing: 0.2px;
 }
@@ -445,6 +445,7 @@
 :where([class*=pv-button]),
 :where([class*=pv-segmented-control] button) {
   background-color: transparent;
+  background-image: none;
   border: 1px solid transparent;
   cursor: pointer;
   display: flex;
@@ -513,13 +514,16 @@
 .pv-button-primary {
   color: var(--button-primary-color, #FFFFFF);
   background-color: var(--button-primary-background-color, #16696D);
+  background-image: var(--button-primary-background-image, none);
 }
 .pv-button-primary:not(:disabled):hover, .pv-button-primary:not(:disabled):focus-visible {
   color: var(--button-primary-hover-color, #FFFFFF);
   background-color: var(--button-primary-hover-background-color, #0D5256);
+  background-image: var(--button-primary-hover-background-image, none);
 }
 .pv-button-primary:not(:disabled):active {
   background-color: var(--button-primary-pressed-background-color, #02363D);
+  background-image: var(--button-primary-pressed-background-image, none);
 }
 
 .pv-button-primary.pv-button-inverse {

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

@@ -450,6 +450,7 @@
 :where([class*=pv-button]),
 :where([class*=pv-segmented-control] button) {
   background-color: transparent;
+  background-image: none;
   border: 1px solid transparent;
   cursor: pointer;
   display: flex;
@@ -518,13 +519,16 @@
 .pv-button-primary {
   color: var(--button-primary-color, #FFFFFF);
   background-color: var(--button-primary-background-color, #176F6F);
+  background-image: var(--button-primary-background-image, none);
 }
 .pv-button-primary:not(:disabled):hover, .pv-button-primary:not(:disabled):focus-visible {
   color: var(--button-primary-hover-color, #FFFFFF);
   background-color: var(--button-primary-hover-background-color, #0D5256);
+  background-image: var(--button-primary-hover-background-image, none);
 }
 .pv-button-primary:not(:disabled):active {
   background-color: var(--button-primary-pressed-background-color, #0D5256);
+  background-image: var(--button-primary-pressed-background-image, none);
 }
 
 .pv-button-primary.pv-button-inverse {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turquoisehealth/pit-viper",
-  "version": "2.147.1-dev.0",
+  "version": "2.148.1-dev.0",
   "description": "Turquoise Health's design system.",
   "main": "README.md",
   "publishConfig": {
@@ -17,6 +17,7 @@
     "_site/assets/css/pit-viper-v2.css",
     "_site/assets/css/pit-viper-v2-scoped.css",
     "_site/assets/css/pit-viper-a11y.css",
+    "_site/assets/css/pit-viper-consumer.css",
     "_site/assets/js/pit-viper.js",
     "_src/assets/sprite.svg",
     "_src/assets/sprite-v2.svg",