@turquoisehealth/pit-viper 2.41.0 → 2.42.1

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

@@ -1210,31 +1210,35 @@
 }
 .pv-v2 [class*=pv-label-selectable] {
   cursor: pointer;
-  background-color: #FFFFFF;
-  border: 2px solid #E3E7EA;
-  border-radius: 8px;
-  font-weight: 400;
-  padding: 1.5rem;
+  background-color: var(--selectable-label-background-color, #FFFFFF);
+  border: var(--selectable-label-border, 1px solid #E3E7EA);
+  border-radius: var(--selectable-label-radius, 8px);
+  font-weight: var(--selectable-label-font-weight, 400);
+  padding: var(--selectable-label-padding, 1.5rem);
   transition-duration: 0.125s;
   transition-timing-function: ease-in;
   transition-property: border-color, color;
 }
 .pv-v2 [class*=pv-label-selectable]:hover, .pv-v2 [class*=pv-label-selectable]:focus-within {
-  border-color: #36C5BA;
-  color: #176F6F;
+  border-color: var(--selectable-label-hover-border-color, inherit);
+  color: var(--selectable-label-hover-color, #121313);
+  background-color: var(--selectable-label-hover-background-color, #E8F2F4);
 }
 .pv-v2 [class*=pv-label-selectable]:hover .pv-text-subdued, .pv-v2 [class*=pv-label-selectable]:focus-within .pv-text-subdued {
-  color: #176F6F;
+  color: var(--selectable-label-subdued-color, #176F6F);
+}
+.pv-v2 [class*=pv-label-selectable]:active {
+  background-color: var(--selectable-label-pressed-background-color, #C7D8DB);
 }
 .pv-v2 [class*=pv-label-selectable]:focus-within input {
   outline: none;
 }
 .pv-v2 [class*=pv-label-selectable]:has(:checked) {
-  border-color: #36C5BA;
+  border-color: var(--selectable-label-selected-border-color, #16696D);
 }
 .pv-v2 .pv-label-selectable-small {
-  border-radius: 4px;
-  padding: 0.75rem 1.5rem;
+  border-radius: var(--selectable-label-small-radius, 4px);
+  padding: var(--selectable-label-small-padding, 0.5rem);
 }
 .pv-v2 [class*=pv-toggle] {
   cursor: pointer;
@@ -2324,7 +2328,7 @@
   padding: 0.5rem;
 }
 .pv-v2 .pv-popover-list :where(li[data-active]) :where(a, label) {
-  background-color: var(--popover-list-selected-item-background-color, #F7F8F8);
+  background-color: var(--popover-list-selected-item-background-color, #E4F8F6);
 }
 .pv-v2 .pv-popover-list :where(a),
 .pv-v2 .pv-popover-list :where(label) {
@@ -2376,21 +2380,21 @@
   z-index: 50;
 }
 .pv-v2 [class*=pv-tag] {
-  font-size: 0.6875rem;
-  line-height: 1.45454545;
-  font-weight: 500;
-  color: #121313;
+  font-size: var(--tag-font-size, 0.6875rem);
+  line-height: var(--tag-line-height, 1.45454545);
+  font-weight: var(--tag-font-weight, 500);
+  color: var(--tag-color, #121313);
   display: inline-flex;
   align-items: center;
-  gap: 0.25rem;
-  background-color: #E8EBEB;
-  border: 1px solid transparent;
-  border-radius: 4px;
-  padding: calc(0.125rem - 1px) 0.5rem;
+  gap: var(--tag-gap, 0.25rem);
+  background-color: var(--tag-background-color, #E8EBEB);
+  border: 1px solid var(--tag-border-color, transparent);
+  border-radius: var(--tag-radius, 4px);
+  padding: var(--tag-padding, calc(0.125rem - 1px) 0.5rem);
   white-space: nowrap;
 }
 .pv-v2 [class*=pv-tag][data-style=rounded] {
-  border-radius: 2rem;
+  border-radius: var(--tag-rounded-radius, 2rem);
 }
 .pv-v2 button[class*=pv-tag],
 .pv-v2 button.pv-tag-tertiary {
@@ -2399,27 +2403,27 @@
 .pv-v2 button[class*=pv-tag]:hover, .pv-v2 button[class*=pv-tag]:focus-visible,
 .pv-v2 button.pv-tag-tertiary:hover,
 .pv-v2 button.pv-tag-tertiary:focus-visible {
-  background-color: #E8F2F4;
+  background-color: var(--tag-hover-background-color, #E8F2F4);
 }
 .pv-v2 button[class*=pv-tag]:active,
 .pv-v2 button.pv-tag-tertiary:active {
-  background-color: #C7D8DB;
+  background-color: var(--tag-pressed-background-color, #C7D8DB);
 }
 .pv-v2 strong[class*=pv-tag] {
-  font-weight: 600;
+  font-weight: var(--tag-strong-font-weight, 600);
   text-transform: uppercase;
 }
 .pv-v2 .pv-tag-sm {
-  font-size: 0.6875rem;
-  line-height: 14px;
-  padding: 0 0.5rem;
-  border-radius: 2px;
+  font-size: var(--tag-small-font-size, 0.6875rem);
+  line-height: var(--tag-small-line-height, 14px);
+  padding: var(--tag-small-padding, 0 0.5rem);
+  border-radius: var(--tag-small-radius, 2px);
 }
 .pv-v2 .pv-tag-lg {
-  font-size: 0.6875rem;
-  line-height: 1.45454545;
-  border-radius: 3px;
-  padding: calc(0.25rem - 1px) 0.5rem;
+  font-size: var(--tag-large-font-size, 0.6875rem);
+  line-height: var(--tag-large-line-height, 1.45454545);
+  padding: var(--tag-large-padding, calc(0.25rem - 1px) 0.5rem);
+  border-radius: var(--tag-large-radius, 3px);
 }
 .pv-v2 [class*=pv-tag]:has(.pv-company-xs, .pv-company-sm) {
   padding: 1px 4px;
@@ -2446,17 +2450,17 @@
 }
 .pv-v2 .pv-tag-red,
 .pv-v2 .pv-tag-error {
-  background-color: #FFEFEB;
-  border-color: transparent;
-  color: #FF471A;
+  background-color: var(--tag-red-background-color, #FFEFEB);
+  border-color: var(--tag-red-border-color, transparent);
+  color: var(--tag-red-color, #FF471A);
 }
 .pv-v2 .pv-tag-red-inverse {
-  background-color: #DA1E28;
+  background-color: var(--tag-red-inverse-background-color, #DA1E28);
 }
 .pv-v2 .pv-tag-yellow {
-  background-color: #FFEB99;
-  border-color: transparent;
-  color: #121313;
+  background-color: var(--tag-yellow-background-color, #FFEB99);
+  border-color: var(--tag-yellow-border-color, transparent);
+  color: var(--tag-yellow-color, #121313);
 }
 .pv-v2 .pv-tag-yellow-inverse {
   background-color: #EAB333;
@@ -2464,42 +2468,42 @@
 }
 .pv-v2 .pv-tag-green,
 .pv-v2 .pv-tag-success {
-  background-color: #E8FDEA;
-  border-color: transparent;
-  color: #0E8019;
+  background-color: var(--tag-green-background-color, #E8FDEA);
+  border-color: var(--tag-green-border-color, transparent);
+  color: var(--tag-green-color, #0E8019);
 }
 .pv-v2 .pv-tag-green-inverse {
   background-color: #198038;
 }
 .pv-v2 .pv-tag-orange,
 .pv-v2 .pv-tag-warning {
-  background-color: #FFEED9;
-  border-color: transparent;
-  color: #B26500;
+  background-color: var(--tag-orange-background-color, #FFEED9);
+  border-color: var(--tag-orange-border-color, transparent);
+  color: var(--tag-orange-color, #B26500);
 }
 .pv-v2 .pv-tag-orange-inverse {
   background-color: #BA4E01;
 }
 .pv-v2 .pv-tag-turquoise {
-  background-color: #E2F7F5;
-  border-color: transparent;
-  color: #176F6F;
+  background-color: var(--tag-turquoise-background-color, #E2F7F5);
+  border-color: var(--tag-turquoise-border-color, transparent);
+  color: var(--tag-turquoise-color, #176F6F);
 }
 .pv-v2 .pv-tag-turquoise-inverse {
   background-color: #176F6F;
 }
 .pv-v2 .pv-tag-purple {
-  background-color: #E8DAFF;
-  border-color: transparent;
-  color: #121313;
+  background-color: var(--tag-purple-background-color, #E8DAFF);
+  border-color: var(--tag-purple-border-color, transparent);
+  color: var(--tag-purple-color, #121313);
 }
 .pv-v2 .pv-tag-primary {
-  background-color: #16696D;
-  color: #FFFFFF;
+  background-color: var(--tag-primary-background-color, #16696D);
+  color: var(--tag-primary-color, #FFFFFF);
 }
 .pv-v2 .pv-tag-highlight {
-  background-color: #E4F8F6;
-  color: #16696D;
+  background-color: var(--tag-highlight-background-color, #E4F8F6);
+  color: var(--tag-highlight-color, #16696D);
 }
 .pv-v2 button.pv-tag-primary:hover, .pv-v2 button.pv-tag-primary:focus-visible {
   background-color: #0D5256;
@@ -2508,9 +2512,9 @@
   background-color: #02363D;
 }
 .pv-v2 .pv-tag-secondary {
-  background-color: #FFFFFF;
-  color: #4B595C;
-  border-color: #D2D8DC;
+  background-color: var(--tag-secondary-background-color, #FFFFFF);
+  border-color: var(--tag-secondary-border-color, #D2D8DC);
+  color: var(--tag-secondary-color, #4B595C);
 }
 .pv-v2 button.pv-tag-secondary:hover, .pv-v2 button.pv-tag-secondary:focus-visible {
   background-color: #E8F2F4;

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

@@ -1311,32 +1311,36 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
 
 [class*=pv-label-selectable] {
   cursor: pointer;
-  background-color: #FFFFFF;
-  border: 2px solid #E3E7EA;
-  border-radius: 8px;
-  font-weight: 400;
-  padding: 1.5rem;
+  background-color: var(--selectable-label-background-color, #FFFFFF);
+  border: var(--selectable-label-border, 1px solid #E3E7EA);
+  border-radius: var(--selectable-label-radius, 8px);
+  font-weight: var(--selectable-label-font-weight, 400);
+  padding: var(--selectable-label-padding, 1.5rem);
   transition-duration: 0.125s;
   transition-timing-function: ease-in;
   transition-property: border-color, color;
 }
 [class*=pv-label-selectable]:hover, [class*=pv-label-selectable]:focus-within {
-  border-color: #36C5BA;
-  color: #176F6F;
+  border-color: var(--selectable-label-hover-border-color, inherit);
+  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 {
-  color: #176F6F;
+  color: var(--selectable-label-subdued-color, #176F6F);
+}
+[class*=pv-label-selectable]:active {
+  background-color: var(--selectable-label-pressed-background-color, #C7D8DB);
 }
 [class*=pv-label-selectable]:focus-within input {
   outline: none;
 }
 [class*=pv-label-selectable]:has(:checked) {
-  border-color: #36C5BA;
+  border-color: var(--selectable-label-selected-border-color, #16696D);
 }
 
 .pv-label-selectable-small {
-  border-radius: 4px;
-  padding: 0.75rem 1.5rem;
+  border-radius: var(--selectable-label-small-radius, 4px);
+  padding: var(--selectable-label-small-padding, 0.5rem);
 }
 
 [class*=pv-toggle] {
@@ -2524,7 +2528,7 @@ td:not([rowspan]) > .pv-responsive-cell {
   padding: 0.5rem;
 }
 .pv-popover-list :where(li[data-active]) :where(a, label) {
-  background-color: var(--popover-list-selected-item-background-color, #F7F8F8);
+  background-color: var(--popover-list-selected-item-background-color, #E4F8F6);
 }
 .pv-popover-list :where(a),
 .pv-popover-list :where(label) {
@@ -2579,21 +2583,21 @@ td:not([rowspan]) > .pv-responsive-cell {
 }
 
 [class*=pv-tag] {
-  font-size: 0.6875rem;
-  line-height: 1.45454545;
-  font-weight: 500;
-  color: #121313;
+  font-size: var(--tag-font-size, 0.6875rem);
+  line-height: var(--tag-line-height, 1.45454545);
+  font-weight: var(--tag-font-weight, 500);
+  color: var(--tag-color, #121313);
   display: inline-flex;
   align-items: center;
-  gap: 0.25rem;
-  background-color: #E8EBEB;
-  border: 1px solid transparent;
-  border-radius: 4px;
-  padding: calc(0.125rem - 1px) 0.5rem;
+  gap: var(--tag-gap, 0.25rem);
+  background-color: var(--tag-background-color, #E8EBEB);
+  border: 1px solid var(--tag-border-color, transparent);
+  border-radius: var(--tag-radius, 4px);
+  padding: var(--tag-padding, calc(0.125rem - 1px) 0.5rem);
   white-space: nowrap;
 }
 [class*=pv-tag][data-style=rounded] {
-  border-radius: 2rem;
+  border-radius: var(--tag-rounded-radius, 2rem);
 }
 
 button[class*=pv-tag],
@@ -2603,30 +2607,30 @@ button.pv-tag-tertiary {
 button[class*=pv-tag]:hover, button[class*=pv-tag]:focus-visible,
 button.pv-tag-tertiary:hover,
 button.pv-tag-tertiary:focus-visible {
-  background-color: #E8F2F4;
+  background-color: var(--tag-hover-background-color, #E8F2F4);
 }
 button[class*=pv-tag]:active,
 button.pv-tag-tertiary:active {
-  background-color: #C7D8DB;
+  background-color: var(--tag-pressed-background-color, #C7D8DB);
 }
 
 strong[class*=pv-tag] {
-  font-weight: 600;
+  font-weight: var(--tag-strong-font-weight, 600);
   text-transform: uppercase;
 }
 
 .pv-tag-sm {
-  font-size: 0.6875rem;
-  line-height: 14px;
-  padding: 0 0.5rem;
-  border-radius: 2px;
+  font-size: var(--tag-small-font-size, 0.6875rem);
+  line-height: var(--tag-small-line-height, 14px);
+  padding: var(--tag-small-padding, 0 0.5rem);
+  border-radius: var(--tag-small-radius, 2px);
 }
 
 .pv-tag-lg {
-  font-size: 0.6875rem;
-  line-height: 1.45454545;
-  border-radius: 3px;
-  padding: calc(0.25rem - 1px) 0.5rem;
+  font-size: var(--tag-large-font-size, 0.6875rem);
+  line-height: var(--tag-large-line-height, 1.45454545);
+  padding: var(--tag-large-padding, calc(0.25rem - 1px) 0.5rem);
+  border-radius: var(--tag-large-radius, 3px);
 }
 
 [class*=pv-tag]:has(.pv-company-xs, .pv-company-sm) {
@@ -2659,19 +2663,19 @@ strong[class*=pv-tag] {
 
 .pv-tag-red,
 .pv-tag-error {
-  background-color: #FFEFEB;
-  border-color: transparent;
-  color: #FF471A;
+  background-color: var(--tag-red-background-color, #FFEFEB);
+  border-color: var(--tag-red-border-color, transparent);
+  color: var(--tag-red-color, #FF471A);
 }
 
 .pv-tag-red-inverse {
-  background-color: #DA1E28;
+  background-color: var(--tag-red-inverse-background-color, #DA1E28);
 }
 
 .pv-tag-yellow {
-  background-color: #FFEB99;
-  border-color: transparent;
-  color: #121313;
+  background-color: var(--tag-yellow-background-color, #FFEB99);
+  border-color: var(--tag-yellow-border-color, transparent);
+  color: var(--tag-yellow-color, #121313);
 }
 
 .pv-tag-yellow-inverse {
@@ -2681,9 +2685,9 @@ strong[class*=pv-tag] {
 
 .pv-tag-green,
 .pv-tag-success {
-  background-color: #E8FDEA;
-  border-color: transparent;
-  color: #0E8019;
+  background-color: var(--tag-green-background-color, #E8FDEA);
+  border-color: var(--tag-green-border-color, transparent);
+  color: var(--tag-green-color, #0E8019);
 }
 
 .pv-tag-green-inverse {
@@ -2692,9 +2696,9 @@ strong[class*=pv-tag] {
 
 .pv-tag-orange,
 .pv-tag-warning {
-  background-color: #FFEED9;
-  border-color: transparent;
-  color: #B26500;
+  background-color: var(--tag-orange-background-color, #FFEED9);
+  border-color: var(--tag-orange-border-color, transparent);
+  color: var(--tag-orange-color, #B26500);
 }
 
 .pv-tag-orange-inverse {
@@ -2702,9 +2706,9 @@ strong[class*=pv-tag] {
 }
 
 .pv-tag-turquoise {
-  background-color: #E2F7F5;
-  border-color: transparent;
-  color: #176F6F;
+  background-color: var(--tag-turquoise-background-color, #E2F7F5);
+  border-color: var(--tag-turquoise-border-color, transparent);
+  color: var(--tag-turquoise-color, #176F6F);
 }
 
 .pv-tag-turquoise-inverse {
@@ -2712,19 +2716,19 @@ strong[class*=pv-tag] {
 }
 
 .pv-tag-purple {
-  background-color: #E8DAFF;
-  border-color: transparent;
-  color: #121313;
+  background-color: var(--tag-purple-background-color, #E8DAFF);
+  border-color: var(--tag-purple-border-color, transparent);
+  color: var(--tag-purple-color, #121313);
 }
 
 .pv-tag-primary {
-  background-color: #16696D;
-  color: #FFFFFF;
+  background-color: var(--tag-primary-background-color, #16696D);
+  color: var(--tag-primary-color, #FFFFFF);
 }
 
 .pv-tag-highlight {
-  background-color: #E4F8F6;
-  color: #16696D;
+  background-color: var(--tag-highlight-background-color, #E4F8F6);
+  color: var(--tag-highlight-color, #16696D);
 }
 
 button.pv-tag-primary:hover, button.pv-tag-primary:focus-visible {
@@ -2735,9 +2739,9 @@ button.pv-tag-primary:active {
 }
 
 .pv-tag-secondary {
-  background-color: #FFFFFF;
-  color: #4B595C;
-  border-color: #D2D8DC;
+  background-color: var(--tag-secondary-background-color, #FFFFFF);
+  border-color: var(--tag-secondary-border-color, #D2D8DC);
+  color: var(--tag-secondary-color, #4B595C);
 }
 
 button.pv-tag-secondary:hover, button.pv-tag-secondary:focus-visible {