@turquoisehealth/pit-viper 2.229.0 → 2.231.0

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

@@ -2411,7 +2411,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   background-color: #02363D;
 }
 .pv-toast-success svg:not([class*=pv-button] svg) {
-  fill: #FFFFFF;
+  fill: var(--toast-success-icon-color, #FFFFFF);
 }
 
 .pv-toast-error {
@@ -2507,11 +2507,11 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 }
 
 .pv-status-red:before {
-  background-color: #DA1E28;
+  background-color: var(--shape-error, #FA6E42);
 }
 
 .pv-status-green:before {
-  background-color: #218C88;
+  background-color: var(--shape-success, #9DD549);
 }
 
 .pv-status-black:before {
@@ -2519,11 +2519,19 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 }
 
 .pv-status-purple:before {
-  background-color: #BE95FF;
+  background-color: var(--shape-purple, #DD8EFF);
 }
 
 .pv-status-orange:before {
-  background-color: #C86628;
+  background-color: var(--shape-warning, #FCB510);
+}
+
+.pv-status-blue:before {
+  background-color: var(--shape-blue, #4D9FF2);
+}
+
+.pv-status-grey:before {
+  background-color: var(--shape-neutral, #A89F92);
 }
 
 .pv-status-yellow:is(th, td) {
@@ -2531,11 +2539,11 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 }
 
 .pv-status-red:is(th, td) {
-  border-color: #DA1E28;
+  border-color: var(--shape-error, #FA6E42);
 }
 
 .pv-status-green:is(th, td) {
-  border-color: #218C88;
+  border-color: var(--shape-success, #9DD549);
 }
 
 .pv-status-black:is(th, td) {
@@ -2543,11 +2551,19 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 }
 
 .pv-status-purple:is(th, td) {
-  border-color: #BE95FF;
+  border-color: var(--shape-purple, #DD8EFF);
 }
 
 .pv-status-orange:is(th, td) {
-  border-color: #C86628;
+  border-color: var(--shape-warning, #FCB510);
+}
+
+.pv-status-blue:is(th, td) {
+  border-color: var(--shape-blue, #4D9FF2);
+}
+
+.pv-status-grey:is(th, td) {
+  border-color: var(--shape-neutral, #A89F92);
 }
 
 .pv-table,
@@ -3110,6 +3126,12 @@ strong[class*=pv-tag] {
   color: var(--tag-purple-color, #02363D);
 }
 
+.pv-tag-blue {
+  background-color: var(--tag-blue-background-color, #D1E5F9);
+  border-color: var(--tag-blue-border-color, transparent);
+  color: var(--tag-blue-color, #3B7ABA);
+}
+
 .pv-tag-primary {
   background-color: var(--tag-primary-background-color, #16696D);
   color: var(--tag-primary-color, #FFFFFF);
@@ -4333,7 +4355,7 @@ div:has(> pv-figure-details) {
 
 .pv-alert-warning {
   border-color: #EFC666;
-  background-color: #FAECCC;
+  background-color: var(--color-background-warning, #FAECCC);
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23b78000' d='M12 1C5.9 1 1 5.9 1 12s4.9 11 11 11 11-4.9 11-11S18.1 1 12 1zm-1.2 5.8c0-.7.5-1.2 1.2-1.2s1.2.5 1.2 1.2v6.4c0 .7-.5 1.2-1.2 1.2s-1.2-.5-1.2-1.2V6.8zM12 18.4c-.7 0-1.2-.5-1.2-1.2S11.3 16 12 16s1.2.5 1.2 1.2-.5 1.2-1.2 1.2z'/%3E%3C/svg%3E");
 }
 
@@ -5392,7 +5414,7 @@ body:has(> .pv-layout-primary) {
 }
 
 .pv-surface {
-  background-color: #FFFFFF;
+  background-color: var(--color-background-white, #FFFFFF);
 }
 
 .pv-surface-brand-inverse {
@@ -5412,19 +5434,19 @@ body:has(> .pv-layout-primary) {
 }
 
 .pv-surface-warning {
-  background-color: #FAECCC;
+  background-color: var(--color-background-warning, #FAECCC);
 }
 
 .pv-surface-success {
-  background-color: #E8FDEA;
+  background-color: var(--color-background-success, #E8FDEA);
 }
 
 .pv-surface-critical {
-  background-color: #FFF1F1;
+  background-color: var(--color-background-critical, #FFF1F1);
 }
 
 .pv-surface-highlight {
-  background-color: #E4F8F6;
+  background-color: var(--color-background-highlight, #E4F8F6);
 }
 
 .pv-surface-brand-gradient {
@@ -5464,19 +5486,19 @@ body:has(> .pv-layout-primary) {
 }
 
 .pv-text-red {
-  color: #DA1E28;
+  color: var(--color-text-red, #DA1E28);
 }
 
 .pv-text-critical {
-  color: #DA1E28;
+  color: var(--color-text-red, #DA1E28);
 }
 
 .pv-text-warning {
-  color: #896000;
+  color: var(--color-text-warning, #896000);
 }
 
 .pv-text-success {
-  color: #0E6027;
+  color: var(--color-text-success, #0E6027);
 }
 
 .pv-surface-lighten-5 {
@@ -6146,7 +6168,7 @@ svg.pv-text-inherit {
 }
 
 .pv-outline-warning {
-  outline: 1px solid #EFC666;
+  outline: 1px solid var(--color-border-warning, #EFC666);
 }
 
 .pv-inline-block {

package/package.json

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