@turquoisehealth/pit-viper 2.230.0 → 2.232.0

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

@@ -1612,7 +1612,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 }
 
 .pv-range {
-  --range-fill-color: #36c5ba;
+  --range-fill-color: var(--color-background-brand-inverse, #36c5ba);
   --range-thumb-border-width: 3px;
   --range-thumb-size: 20px;
   --range-track-color: var(--color-border, #e3e7ea);
@@ -1803,6 +1803,34 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   z-index: 3;
 }
 
+.pv-range-input-label {
+  flex: 0 0 auto;
+  max-width: 100%;
+  min-width: 0;
+  width: var(--pv-range-input-width, 4.6875rem);
+}
+
+.pv-range-input-field {
+  align-items: center;
+  display: flex;
+  position: relative;
+  width: 100%;
+}
+.pv-range-input-field .pv-input-text {
+  width: 100%;
+}
+
+.pv-range-input-icon {
+  color: var(--color-text-subdued, #4B595C);
+  inset-inline-start: 0.75rem;
+  pointer-events: none;
+  position: absolute;
+}
+
+.pv-range-input-field-with-icon .pv-input-text {
+  padding-inline-start: calc(0.75rem + 1.375rem);
+}
+
 .pv-range-tooltip,
 .pv-range-dual-tooltip {
   background: var(--color-background-inverse, #242626);
@@ -2406,7 +2434,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   background-color: #E8FDEA;
 }
 .pv-toast-success svg:not([class*=pv-button] svg) {
-  fill: #0D6614;
+  fill: var(--toast-success-icon-color, #0D6614);
 }
 
 .pv-toast-error {
@@ -2502,11 +2530,11 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 }
 
 .pv-status-red:before {
-  background-color: #801A00;
+  background-color: var(--shape-error, #FA6E42);
 }
 
 .pv-status-green:before {
-  background-color: #1ACF28;
+  background-color: var(--shape-success, #9DD549);
 }
 
 .pv-status-black:before {
@@ -2514,11 +2542,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: #FFA632;
+  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) {
@@ -2526,11 +2562,11 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 }
 
 .pv-status-red:is(th, td) {
-  border-color: #801A00;
+  border-color: var(--shape-error, #FA6E42);
 }
 
 .pv-status-green:is(th, td) {
-  border-color: #1ACF28;
+  border-color: var(--shape-success, #9DD549);
 }
 
 .pv-status-black:is(th, td) {
@@ -2538,11 +2574,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: #FFA632;
+  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,
@@ -3105,6 +3149,12 @@ strong[class*=pv-tag] {
   color: var(--tag-purple-color, #121313);
 }
 
+.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, #13595D);
   color: var(--tag-primary-color, #FFFFFF);
@@ -4328,7 +4378,7 @@ div:has(> pv-figure-details) {
 
 .pv-alert-warning {
   border-color: #EFC666;
-  background-color: #FFEED9;
+  background-color: var(--color-background-warning, #FFEED9);
   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");
 }
 
@@ -5573,7 +5623,7 @@ pv-sidebar {
 }
 
 .pv-surface {
-  background-color: #FFFFFF;
+  background-color: var(--color-background-white, #FFFFFF);
 }
 
 .pv-surface-brand-inverse {
@@ -5593,19 +5643,19 @@ pv-sidebar {
 }
 
 .pv-surface-warning {
-  background-color: #FFEED9;
+  background-color: var(--color-background-warning, #FFEED9);
 }
 
 .pv-surface-success {
-  background-color: #E8FDEA;
+  background-color: var(--color-background-success, #E8FDEA);
 }
 
 .pv-surface-critical {
-  background-color: #FFEFEB;
+  background-color: var(--color-background-critical, #FFEFEB);
 }
 
 .pv-surface-highlight {
-  background-color: #E4F8F6;
+  background-color: var(--color-background-highlight, #E4F8F6);
 }
 
 .pv-surface-brand-gradient {
@@ -5645,19 +5695,19 @@ pv-sidebar {
 }
 
 .pv-text-red {
-  color: #801A00;
+  color: var(--color-text-red, #801A00);
 }
 
 .pv-text-critical {
-  color: #801A00;
+  color: var(--color-text-red, #801A00);
 }
 
 .pv-text-warning {
-  color: #804801;
+  color: var(--color-text-warning, #804801);
 }
 
 .pv-text-success {
-  color: #0D6614;
+  color: var(--color-text-success, #0D6614);
 }
 
 .pv-surface-lighten-5 {
@@ -6327,7 +6377,7 @@ svg.pv-text-inherit {
 }
 
 .pv-outline-warning {
-  outline: 1px solid #804801;
+  outline: 1px solid var(--color-border-warning, #804801);
 }
 
 .pv-inline-block {

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

@@ -1618,7 +1618,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 }
 
 .pv-range {
-  --range-fill-color: #36c5ba;
+  --range-fill-color: var(--color-background-brand-inverse, #36c5ba);
   --range-thumb-border-width: 3px;
   --range-thumb-size: 20px;
   --range-track-color: var(--color-border, #e3e7ea);
@@ -1809,6 +1809,34 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   z-index: 3;
 }
 
+.pv-range-input-label {
+  flex: 0 0 auto;
+  max-width: 100%;
+  min-width: 0;
+  width: var(--pv-range-input-width, 4.6875rem);
+}
+
+.pv-range-input-field {
+  align-items: center;
+  display: flex;
+  position: relative;
+  width: 100%;
+}
+.pv-range-input-field .pv-input-text {
+  width: 100%;
+}
+
+.pv-range-input-icon {
+  color: var(--color-text-subdued, #486161);
+  inset-inline-start: 0.75rem;
+  pointer-events: none;
+  position: absolute;
+}
+
+.pv-range-input-field-with-icon .pv-input-text {
+  padding-inline-start: calc(0.75rem + 1.375rem);
+}
+
 .pv-range-tooltip,
 .pv-range-dual-tooltip {
   background: var(--color-background-inverse, #242626);
@@ -2412,7 +2440,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   background-color: #E8FDEA;
 }
 .pv-toast-success svg:not([class*=pv-button] svg) {
-  fill: #0E8019;
+  fill: var(--toast-success-icon-color, #0E8019);
 }
 
 .pv-toast-error {
@@ -2508,11 +2536,11 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 }
 
 .pv-status-red:before {
-  background-color: #FF471A;
+  background-color: var(--shape-error, #FA6E42);
 }
 
 .pv-status-green:before {
-  background-color: #1ACF28;
+  background-color: var(--shape-success, #9DD549);
 }
 
 .pv-status-black:before {
@@ -2520,11 +2548,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: #FFA632;
+  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) {
@@ -2532,11 +2568,11 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 }
 
 .pv-status-red:is(th, td) {
-  border-color: #FF471A;
+  border-color: var(--shape-error, #FA6E42);
 }
 
 .pv-status-green:is(th, td) {
-  border-color: #1ACF28;
+  border-color: var(--shape-success, #9DD549);
 }
 
 .pv-status-black:is(th, td) {
@@ -2544,11 +2580,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: #FFA632;
+  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,
@@ -3111,6 +3155,12 @@ strong[class*=pv-tag] {
   color: var(--tag-purple-color, #1A3A39);
 }
 
+.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, #147F85);
   color: var(--tag-primary-color, #FFFFFF);
@@ -4334,7 +4384,7 @@ div:has(> pv-figure-details) {
 
 .pv-alert-warning {
   border-color: #EFC666;
-  background-color: #FFEED9;
+  background-color: var(--color-background-warning, #FFEED9);
   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");
 }
 
@@ -5393,7 +5443,7 @@ body:has(> .pv-layout-primary) {
 }
 
 .pv-surface {
-  background-color: #FFFFFF;
+  background-color: var(--color-background-white, #FFFFFF);
 }
 
 .pv-surface-brand-inverse {
@@ -5413,19 +5463,19 @@ body:has(> .pv-layout-primary) {
 }
 
 .pv-surface-warning {
-  background-color: #FFEED9;
+  background-color: var(--color-background-warning, #FFEED9);
 }
 
 .pv-surface-success {
-  background-color: #E8FDEA;
+  background-color: var(--color-background-success, #E8FDEA);
 }
 
 .pv-surface-critical {
-  background-color: #FFEFEB;
+  background-color: var(--color-background-critical, #FFEFEB);
 }
 
 .pv-surface-highlight {
-  background-color: #E4F8F6;
+  background-color: var(--color-background-highlight, #E4F8F6);
 }
 
 .pv-surface-brand-gradient {
@@ -5465,19 +5515,19 @@ body:has(> .pv-layout-primary) {
 }
 
 .pv-text-red {
-  color: #FF471A;
+  color: var(--color-text-red, #FF471A);
 }
 
 .pv-text-critical {
-  color: #FF471A;
+  color: var(--color-text-red, #FF471A);
 }
 
 .pv-text-warning {
-  color: #B26500;
+  color: var(--color-text-warning, #B26500);
 }
 
 .pv-text-success {
-  color: #0E8019;
+  color: var(--color-text-success, #0E8019);
 }
 
 .pv-surface-lighten-5 {
@@ -6147,7 +6197,7 @@ svg.pv-text-inherit {
 }
 
 .pv-outline-warning {
-  outline: 1px solid #E78200;
+  outline: 1px solid var(--color-border-warning, #E78200);
 }
 
 .pv-inline-block {

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

@@ -1490,7 +1490,7 @@
   line-height: 1.09090909;
 }
 .pv-v2 .pv-range {
-  --range-fill-color: #36c5ba;
+  --range-fill-color: var(--color-background-brand-inverse, #36c5ba);
   --range-thumb-border-width: 3px;
   --range-thumb-size: 20px;
   --range-track-color: var(--color-border, #e3e7ea);
@@ -1660,6 +1660,30 @@
 .pv-v2 .pv-range-dual-native-max {
   z-index: 3;
 }
+.pv-v2 .pv-range-input-label {
+  flex: 0 0 auto;
+  max-width: 100%;
+  min-width: 0;
+  width: var(--pv-range-input-width, 4.6875rem);
+}
+.pv-v2 .pv-range-input-field {
+  align-items: center;
+  display: flex;
+  position: relative;
+  width: 100%;
+}
+.pv-v2 .pv-range-input-field .pv-input-text {
+  width: 100%;
+}
+.pv-v2 .pv-range-input-icon {
+  color: var(--color-text-subdued, #4B595C);
+  inset-inline-start: 0.75rem;
+  pointer-events: none;
+  position: absolute;
+}
+.pv-v2 .pv-range-input-field-with-icon .pv-input-text {
+  padding-inline-start: calc(0.75rem + 1.375rem);
+}
 .pv-v2 .pv-range-tooltip,
 .pv-v2 .pv-range-dual-tooltip {
   background: var(--color-background-inverse, #242626);
@@ -2211,7 +2235,7 @@
   background-color: #E8FDEA;
 }
 .pv-v2 .pv-toast-success svg:not([class*=pv-button] svg) {
-  fill: #0E8019;
+  fill: var(--toast-success-icon-color, #0E8019);
 }
 .pv-v2 .pv-toast-error {
   background-color: #FFEFEB;
@@ -2297,37 +2321,49 @@
   background-color: #FED732;
 }
 .pv-v2 .pv-status-red:before {
-  background-color: #FF471A;
+  background-color: var(--shape-error, #FA6E42);
 }
 .pv-v2 .pv-status-green:before {
-  background-color: #1ACF28;
+  background-color: var(--shape-success, #9DD549);
 }
 .pv-v2 .pv-status-black:before {
   background-color: #02363D;
 }
 .pv-v2 .pv-status-purple:before {
-  background-color: #BE95FF;
+  background-color: var(--shape-purple, #DD8EFF);
 }
 .pv-v2 .pv-status-orange:before {
-  background-color: #FFA632;
+  background-color: var(--shape-warning, #FCB510);
+}
+.pv-v2 .pv-status-blue:before {
+  background-color: var(--shape-blue, #4D9FF2);
+}
+.pv-v2 .pv-status-grey:before {
+  background-color: var(--shape-neutral, #A89F92);
 }
 .pv-v2 .pv-status-yellow:is(th, td) {
   border-color: #FED732;
 }
 .pv-v2 .pv-status-red:is(th, td) {
-  border-color: #FF471A;
+  border-color: var(--shape-error, #FA6E42);
 }
 .pv-v2 .pv-status-green:is(th, td) {
-  border-color: #1ACF28;
+  border-color: var(--shape-success, #9DD549);
 }
 .pv-v2 .pv-status-black:is(th, td) {
   border-color: #02363D;
 }
 .pv-v2 .pv-status-purple:is(th, td) {
-  border-color: #BE95FF;
+  border-color: var(--shape-purple, #DD8EFF);
 }
 .pv-v2 .pv-status-orange:is(th, td) {
-  border-color: #FFA632;
+  border-color: var(--shape-warning, #FCB510);
+}
+.pv-v2 .pv-status-blue:is(th, td) {
+  border-color: var(--shape-blue, #4D9FF2);
+}
+.pv-v2 .pv-status-grey:is(th, td) {
+  border-color: var(--shape-neutral, #A89F92);
 }
 .pv-v2 .pv-table,
 .pv-v2 .pv-table-compressed {
@@ -2837,6 +2873,11 @@
   border-color: var(--tag-purple-border-color, transparent);
   color: var(--tag-purple-color, #121313);
 }
+.pv-v2 .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-v2 .pv-tag-primary {
   background-color: var(--tag-primary-background-color, #16696D);
   color: var(--tag-primary-color, #FFFFFF);
@@ -3978,7 +4019,7 @@
 }
 .pv-v2 .pv-alert-warning {
   border-color: #EFC666;
-  background-color: #FFEED9;
+  background-color: var(--color-background-warning, #FFEED9);
   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");
 }
 .pv-v2 body:has(.pv-drawer) {
@@ -4933,7 +4974,7 @@
   background-color: var(--color-background-accent, #F7F8F8);
 }
 .pv-v2 .pv-surface {
-  background-color: #FFFFFF;
+  background-color: var(--color-background-white, #FFFFFF);
 }
 .pv-v2 .pv-surface-brand-inverse {
   background-color: var(--color-background-brand-inverse, #176F6F);
@@ -4948,16 +4989,16 @@
   background-color: var(--color-background-inverse, #242626);
 }
 .pv-v2 .pv-surface-warning {
-  background-color: #FFEED9;
+  background-color: var(--color-background-warning, #FFEED9);
 }
 .pv-v2 .pv-surface-success {
-  background-color: #E8FDEA;
+  background-color: var(--color-background-success, #E8FDEA);
 }
 .pv-v2 .pv-surface-critical {
-  background-color: #FFEFEB;
+  background-color: var(--color-background-critical, #FFEFEB);
 }
 .pv-v2 .pv-surface-highlight {
-  background-color: #E4F8F6;
+  background-color: var(--color-background-highlight, #E4F8F6);
 }
 .pv-v2 .pv-surface-brand-gradient {
   background: var(--color-background-brand-gradient, linear-gradient(109deg, #176F6F 0%, #02363D 100%));
@@ -4987,16 +5028,16 @@
   color: var(--color-text-brand-inverse, #E4F8F6);
 }
 .pv-v2 .pv-text-red {
-  color: #FF471A;
+  color: var(--color-text-red, #FF471A);
 }
 .pv-v2 .pv-text-critical {
-  color: #FF471A;
+  color: var(--color-text-red, #FF471A);
 }
 .pv-v2 .pv-text-warning {
-  color: #B26500;
+  color: var(--color-text-warning, #B26500);
 }
 .pv-v2 .pv-text-success {
-  color: #0E8019;
+  color: var(--color-text-success, #0E8019);
 }
 .pv-v2 .pv-surface-lighten-5 {
   background-color: var(--color-text-secondary-lighten-5, #E0E5E4);
@@ -5551,7 +5592,7 @@
   box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
 }
 .pv-v2 .pv-outline-warning {
-  outline: 1px solid #E78200;
+  outline: 1px solid var(--color-border-warning, #E78200);
 }
 .pv-v2 .pv-inline-block {
   display: inline-block;