@turquoisehealth/pit-viper 2.216.1-dev.0 → 2.217.0

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

@@ -158,7 +158,6 @@
 [class*=pv-heading] {
   font-family: var(--font-family-body, Inter, sans-serif);
   font-weight: 600;
-  letter-spacing: 0.2px;
 }
 
 [class*=pv-text-body] {
@@ -189,57 +188,73 @@
 .pv-heading-1 {
   font-size: var(--font-size-heading-1, 1.375rem);
   line-height: var(--line-height-heading-1, 1.1818181818);
+  letter-spacing: 0.2px;
 }
 
 .pv-heading-2 {
   font-size: var(--font-size-heading-2, 1.125rem);
   line-height: var(--line-height-heading-2, 1.4444444444);
+  letter-spacing: 0.16px;
 }
 
 .pv-heading-3 {
   font-size: var(--font-size-heading-3, 1rem);
   line-height: var(--line-height-heading-3, 1.375);
+  letter-spacing: 0.14px;
 }
 
 .pv-heading-4 {
   font-size: var(--font-size-heading-4, 0.875rem);
   line-height: var(--line-height-heading-4, 1.2857142857);
+  letter-spacing: 0.12px;
 }
 
 .pv-heading-5 {
   font-size: var(--font-size-heading-5, 0.875rem);
   line-height: var(--line-height-heading-5, 1.2857142857);
+  letter-spacing: 0.12px;
 }
 
 .pv-text-body-xl {
   font-size: var(--font-size-xl, 1rem);
   line-height: var(--line-height-xl, 1.375);
+  letter-spacing: 0.14px;
 }
 
 .pv-text-body-lg {
   font-size: var(--font-size-l, 1rem);
   line-height: var(--line-height-l, 1.375);
+  letter-spacing: 0.14px;
 }
 
 .pv-text-body-md {
   font-size: var(--font-size-m, 0.875rem);
   line-height: var(--line-height-m, 1.2857142857);
+  letter-spacing: 0.12px;
 }
 
 .pv-text-body-sm {
   font-size: var(--font-size-s, 0.8125rem);
   line-height: var(--line-height-s, 1.3846153846);
+  letter-spacing: 0.11px;
 }
 
 .pv-text-body-xs {
   font-size: var(--font-size-xs, 0.8125rem);
   line-height: var(--line-height-xs, 1.3846153846);
+  letter-spacing: 0.11px;
 }
 
 .pv-text-body-xxs {
   font-size: var(--font-size-xxs, 0.8125rem);
   line-height: var(--line-height-xxs, 1.3846153846);
-  letter-spacing: 0.12px;
+  letter-spacing: 0.11px;
+}
+
+.pv-text-caption {
+  font-size: var(--font-size-s, 0.8125rem);
+  line-height: var(--line-height-caption, 1.09090909);
+  letter-spacing: 0.11px;
 }
 
 .pv-text-medium {
@@ -253,26 +268,31 @@
 .pv-text-title-xl {
   font-size: var(--font-size-title-xl, 1rem);
   line-height: var(--line-height-title-xl, 1.375);
+  letter-spacing: 0.14px;
 }
 
 .pv-text-title-lg {
   font-size: var(--font-size-title-l, 1rem);
   line-height: var(--line-height-title-l, 1.375);
+  letter-spacing: 0.14px;
 }
 
 .pv-text-title-md {
   font-size: var(--font-size-title-m, 0.875rem);
   line-height: var(--line-height-title-m, 1.2857142857);
+  letter-spacing: 0.12px;
 }
 
 .pv-text-title-sm {
   font-size: var(--font-size-title-s, 0.8125rem);
   line-height: var(--line-height-title-s, 1.3846153846);
+  letter-spacing: 0.11px;
 }
 
 .pv-text-title-xs {
   font-size: var(--font-size-title-xs, 0.8125rem);
   line-height: var(--line-height-title-xs, 1.3846153846);
+  letter-spacing: 0.11px;
 }
 
 .pv-text-eyebrow-lg {
@@ -702,8 +722,8 @@
 }
 
 .pv-button-small {
-  font-size: var(--button-small-font-size, 0.875rem);
-  line-height: var(--button-small-line-height, 1.2857142857);
+  font-size: var(--button-small-font-size, 0.8125rem);
+  line-height: var(--button-small-line-height, 1.3846153846);
   padding: var(--button-small-padding, calc(0.125rem - 1px) 0.25rem);
 }
 .pv-button-small.pv-button-primary-outline {
@@ -786,8 +806,8 @@
   color: var(--button-link-inverse-hover-color, #A8E6E1);
 }
 [class*=pv-button-link].pv-button-xsmall, [class*=pv-button-link].pv-button-small, [class*=pv-button-link].pv-button-large {
-  font-size: var(--button-small-font-size, 0.875rem);
-  line-height: var(--button-small-line-height, 1.2857142857);
+  font-size: var(--button-small-font-size, 0.8125rem);
+  line-height: var(--button-small-line-height, 1.3846153846);
 }
 
 .pv-button-link-destructive {
@@ -1156,7 +1176,7 @@
 .pv-input-group > label {
   font-size: var(--label-font-size, 0.8125rem);
   font-weight: var(--label-font-weight, 400);
-  letter-spacing: 0.12px;
+  letter-spacing: 0.11px;
   position: relative;
   z-index: 1;
 }
@@ -5135,7 +5155,7 @@ pv-sidebar {
   --nav-list-pressed-text-color: var(--layout-primary-sidebar-text-color);
   --nav-list-font-size: 0.875rem;
   --nav-list-font-weight: 600;
-  --nav-list-line-height: 1.375;
+  --nav-list-line-height: 1.1428571;
   --nav-list-details-padding: 2px;
   --nav-list-details-margin: -2px;
   --nav-list-gap: 0;
@@ -6238,6 +6258,22 @@ svg.pv-text-inherit {
   vertical-align: top;
 }
 
+.pv-text-regular {
+  font-weight: var(--font-weight-regular, 400);
+}
+
+.pv-text-medium {
+  font-weight: var(--font-weight-medium, 500);
+}
+
+.pv-text-semibold {
+  font-weight: var(--font-weight-semibold, 600);
+}
+
+.pv-text-bold {
+  font-weight: var(--font-weight-bold, 700);
+}
+
 .select2-container {
   position: relative;
   display: block;
@@ -6640,7 +6676,7 @@ input.select2-search__field::placeholder {
 .p-datepicker-input {
   font-size: var(--datepicker-text-size, 0.8125rem);
   line-height: var(--datepicker-line-height, 1.3846153846);
-  letter-spacing: 0.12px;
+  letter-spacing: 0.11px;
   padding: calc(0.5rem - 1px) 0.5rem;
 }
 

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

@@ -164,7 +164,6 @@
 [class*=pv-heading] {
   font-family: var(--font-family-body, GT Standard M, sans-serif);
   font-weight: 600;
-  letter-spacing: 0.2px;
 }
 
 [class*=pv-text-body] {
@@ -195,57 +194,73 @@
 .pv-heading-1 {
   font-size: var(--font-size-heading-1, 3.875rem);
   line-height: var(--line-height-heading-1, 1);
+  letter-spacing: 0.2px;
 }
 
 .pv-heading-2 {
   font-size: var(--font-size-heading-2, 3rem);
   line-height: var(--line-height-heading-2, 1);
+  letter-spacing: 0.16px;
 }
 
 .pv-heading-3 {
   font-size: var(--font-size-heading-3, 2.5rem);
   line-height: var(--line-height-heading-3, 1.1);
+  letter-spacing: 0.14px;
 }
 
 .pv-heading-4 {
   font-size: var(--font-size-heading-4, 1.75rem);
   line-height: var(--line-height-heading-4, 1.1);
+  letter-spacing: 0.12px;
 }
 
 .pv-heading-5 {
   font-size: var(--font-size-heading-5, 1.5rem);
   line-height: var(--line-height-heading-5, 1.2);
+  letter-spacing: 0.12px;
 }
 
 .pv-text-body-xl {
   font-size: var(--font-size-xl, 1.25rem);
   line-height: var(--line-height-xl, 1.4);
+  letter-spacing: 0.14px;
 }
 
 .pv-text-body-lg {
   font-size: var(--font-size-l, 1.25rem);
   line-height: var(--line-height-l, 1.4);
+  letter-spacing: 0.14px;
 }
 
 .pv-text-body-md {
   font-size: var(--font-size-m, 1rem);
   line-height: var(--line-height-m, 1.5);
+  letter-spacing: 0.12px;
 }
 
 .pv-text-body-sm {
   font-size: var(--font-size-s, 0.875rem);
   line-height: var(--line-height-s, 1.3846153846);
+  letter-spacing: 0.11px;
 }
 
 .pv-text-body-xs {
   font-size: var(--font-size-xs, 0.875rem);
   line-height: var(--line-height-xs, 1.3846153846);
+  letter-spacing: 0.11px;
 }
 
 .pv-text-body-xxs {
   font-size: var(--font-size-xxs, 0.875rem);
   line-height: var(--line-height-xxs, 1.3846153846);
-  letter-spacing: 0.12px;
+  letter-spacing: 0.11px;
+}
+
+.pv-text-caption {
+  font-size: var(--font-size-s, 0.875rem);
+  line-height: var(--line-height-caption, 1.09090909);
+  letter-spacing: 0.11px;
 }
 
 .pv-text-medium {
@@ -259,26 +274,31 @@
 .pv-text-title-xl {
   font-size: var(--font-size-title-xl, 1.25rem);
   line-height: var(--line-height-title-xl, 1.4);
+  letter-spacing: 0.14px;
 }
 
 .pv-text-title-lg {
   font-size: var(--font-size-title-l, 1.25rem);
   line-height: var(--line-height-title-l, 1.4);
+  letter-spacing: 0.14px;
 }
 
 .pv-text-title-md {
   font-size: var(--font-size-title-m, 1rem);
   line-height: var(--line-height-title-m, 1.5);
+  letter-spacing: 0.12px;
 }
 
 .pv-text-title-sm {
   font-size: var(--font-size-title-s, 0.875rem);
   line-height: var(--line-height-title-s, 1.3846153846);
+  letter-spacing: 0.11px;
 }
 
 .pv-text-title-xs {
   font-size: var(--font-size-title-xs, 0.875rem);
   line-height: var(--line-height-title-xs, 1.3846153846);
+  letter-spacing: 0.11px;
 }
 
 .pv-text-eyebrow-lg {
@@ -1162,7 +1182,7 @@
 .pv-input-group > label {
   font-size: var(--label-font-size, 0.875rem);
   font-weight: var(--label-font-weight, 400);
-  letter-spacing: 0.12px;
+  letter-spacing: 0.11px;
   position: relative;
   z-index: 1;
 }
@@ -6059,6 +6079,22 @@ svg.pv-text-inherit {
   vertical-align: top;
 }
 
+.pv-text-regular {
+  font-weight: var(--font-weight-regular, 400);
+}
+
+.pv-text-medium {
+  font-weight: var(--font-weight-medium, 500);
+}
+
+.pv-text-semibold {
+  font-weight: var(--font-weight-semibold, 600);
+}
+
+.pv-text-bold {
+  font-weight: var(--font-weight-bold, 700);
+}
+
 .select2-container {
   position: relative;
   display: block;
@@ -6461,7 +6497,7 @@ input.select2-search__field::placeholder {
 .p-datepicker-input {
   font-size: var(--datepicker-text-size, 0.875rem);
   line-height: var(--datepicker-line-height, 1.3846153846);
-  letter-spacing: 0.12px;
+  letter-spacing: 0.11px;
   padding: calc(0.5rem - 1px) 0.5rem;
 }
 

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

@@ -142,7 +142,6 @@
 .pv-v2 [class*=pv-heading] {
   font-family: var(--font-family-body, Inter, sans-serif);
   font-weight: 600;
-  letter-spacing: 0.2px;
 }
 .pv-v2 [class*=pv-text-body] {
   font-family: var(--font-family-body, Inter, sans-serif);
@@ -167,47 +166,62 @@
 .pv-v2 .pv-heading-1 {
   font-size: var(--font-size-heading-1, 1.25rem);
   line-height: var(--line-height-heading-1, 1.2);
+  letter-spacing: 0.2px;
 }
 .pv-v2 .pv-heading-2 {
   font-size: var(--font-size-heading-2, 1rem);
   line-height: var(--line-height-heading-2, 1.5);
+  letter-spacing: 0.16px;
 }
 .pv-v2 .pv-heading-3 {
   font-size: var(--font-size-heading-3, 0.875rem);
   line-height: var(--line-height-heading-3, 1.4285714);
+  letter-spacing: 0.14px;
 }
 .pv-v2 .pv-heading-4 {
   font-size: var(--font-size-heading-4, 0.75rem);
   line-height: var(--line-height-heading-4, 1.3333333);
+  letter-spacing: 0.12px;
 }
 .pv-v2 .pv-heading-5 {
   font-size: var(--font-size-heading-5, 0.75rem);
   line-height: var(--line-height-heading-5, 1.3333333);
+  letter-spacing: 0.12px;
 }
 .pv-v2 .pv-text-body-xl {
   font-size: var(--font-size-xl, 0.875rem);
-  line-height: var(--line-height-xl, 1.1428571);
+  line-height: var(--line-height-xl, 1.4285714);
+  letter-spacing: 0.14px;
 }
 .pv-v2 .pv-text-body-lg {
   font-size: var(--font-size-l, 0.875rem);
-  line-height: var(--line-height-l, 1.1428571);
+  line-height: var(--line-height-l, 1.4285714);
+  letter-spacing: 0.14px;
 }
 .pv-v2 .pv-text-body-md {
   font-size: var(--font-size-m, 0.75rem);
   line-height: var(--line-height-m, 1.33333333);
+  letter-spacing: 0.12px;
 }
 .pv-v2 .pv-text-body-sm {
   font-size: var(--font-size-s, 0.6875rem);
   line-height: var(--line-height-s, 1.45454545);
+  letter-spacing: 0.11px;
 }
 .pv-v2 .pv-text-body-xs {
   font-size: var(--font-size-xs, 0.6875rem);
   line-height: var(--line-height-xs, 1.45454545);
+  letter-spacing: 0.11px;
 }
 .pv-v2 .pv-text-body-xxs {
   font-size: var(--font-size-xxs, 0.6875rem);
   line-height: var(--line-height-xxs, 1.45454545);
-  letter-spacing: 0.12px;
+  letter-spacing: 0.11px;
+}
+.pv-v2 .pv-text-caption {
+  font-size: var(--font-size-s, 0.6875rem);
+  line-height: var(--line-height-caption, 1.09090909);
+  letter-spacing: 0.11px;
 }
 .pv-v2 .pv-text-medium {
   font-weight: 500;
@@ -218,22 +232,27 @@
 .pv-v2 .pv-text-title-xl {
   font-size: var(--font-size-title-xl, 0.875rem);
   line-height: var(--line-height-title-xl, 1.1428571);
+  letter-spacing: 0.14px;
 }
 .pv-v2 .pv-text-title-lg {
   font-size: var(--font-size-title-l, 0.875rem);
   line-height: var(--line-height-title-l, 1.1428571);
+  letter-spacing: 0.14px;
 }
 .pv-v2 .pv-text-title-md {
   font-size: var(--font-size-title-m, 0.75rem);
   line-height: var(--line-height-title-m, 1.33333333);
+  letter-spacing: 0.12px;
 }
 .pv-v2 .pv-text-title-sm {
   font-size: var(--font-size-title-s, 0.6875rem);
   line-height: var(--line-height-title-s, 1.45454545);
+  letter-spacing: 0.11px;
 }
 .pv-v2 .pv-text-title-xs {
   font-size: var(--font-size-title-xs, 0.6875rem);
   line-height: var(--line-height-title-xs, 1.45454545);
+  letter-spacing: 0.11px;
 }
 .pv-v2 .pv-text-eyebrow-lg {
   font-weight: var(--font-weight-bold, 700);
@@ -316,14 +335,14 @@
   position: relative;
   padding-bottom: var(--display-list-padding-bottom, 0.5rem);
   font-size: var(--display-list-font-size, 0.875rem);
-  line-height: var(--display-list-line-height, 1.1428571);
+  line-height: var(--display-list-line-height, 1.4285714);
 }
 .pv-v2 [data-list-style=display]::before {
   content: counter(display) ".";
   color: #16696D;
   font-family: "Inter", sans-serif;
   font-size: var(--display-counter-list-font-size, 0.875rem);
-  line-height: var(--display-counter-list-line-height, 1.1428571);
+  line-height: var(--display-counter-list-line-height, 1.4285714);
 }
 .pv-v2 [data-list-incomplete] {
   color: #4B595C;
@@ -627,8 +646,8 @@
   padding: var(--button-xsmall-padding, calc(0.125rem - 1px) 0.25rem);
 }
 .pv-v2 .pv-button-small {
-  font-size: var(--button-small-font-size, 0.75rem);
-  line-height: var(--button-small-line-height, 1.33333333);
+  font-size: var(--button-small-font-size, 0.6875rem);
+  line-height: var(--button-small-line-height, 1.45454545);
   padding: var(--button-small-padding, calc(0.125rem - 1px) 0.25rem);
 }
 .pv-v2 .pv-button-small.pv-button-primary-outline {
@@ -706,8 +725,8 @@
   color: var(--button-link-inverse-hover-color, #A8E6E1);
 }
 .pv-v2 [class*=pv-button-link].pv-button-xsmall, .pv-v2 [class*=pv-button-link].pv-button-small, .pv-v2 [class*=pv-button-link].pv-button-large {
-  font-size: var(--button-small-font-size, 0.75rem);
-  line-height: var(--button-small-line-height, 1.33333333);
+  font-size: var(--button-small-font-size, 0.6875rem);
+  line-height: var(--button-small-line-height, 1.45454545);
 }
 .pv-v2 .pv-button-link-destructive {
   color: var(--button-link-destructive-color, #801A00);
@@ -1057,7 +1076,7 @@
 .pv-v2 .pv-input-group > label {
   font-size: var(--label-font-size, 0.6875rem);
   font-weight: var(--label-font-weight, 400);
-  letter-spacing: 0.12px;
+  letter-spacing: 0.11px;
   position: relative;
   z-index: 1;
 }
@@ -1444,7 +1463,7 @@
 .pv-v2 .pv-ghost-input[data-style=text-large] input {
   font-weight: 400;
   font-size: 0.875rem;
-  line-height: 1.1428571;
+  line-height: 1.4285714;
 }
 .pv-v2 .pv-ghost-input[data-style=text-medium] input {
   font-weight: 400;
@@ -3945,7 +3964,7 @@
   background-position: 0.75rem 50%;
   border-radius: 4px;
   font-size: 0.875rem;
-  line-height: 1.1428571;
+  line-height: 1.4285714;
 }
 .pv-v2 .pv-alert-warning {
   border-color: #EFC666;
@@ -5473,6 +5492,18 @@
 .pv-v2 .pv-valign-top {
   vertical-align: top;
 }
+.pv-v2 .pv-text-regular {
+  font-weight: var(--font-weight-regular, 400);
+}
+.pv-v2 .pv-text-medium {
+  font-weight: var(--font-weight-medium, 500);
+}
+.pv-v2 .pv-text-semibold {
+  font-weight: var(--font-weight-semibold, 600);
+}
+.pv-v2 .pv-text-bold {
+  font-weight: var(--font-weight-bold, 700);
+}
 .pv-v2 .select2-container {
   position: relative;
   display: block;
@@ -5825,7 +5856,7 @@
 .pv-v2 .p-datepicker-input {
   font-size: var(--datepicker-text-size, 0.6875rem);
   line-height: var(--datepicker-line-height, 1.45454545);
-  letter-spacing: 0.12px;
+  letter-spacing: 0.11px;
   padding: calc(0.5rem - 1px) 0.5rem;
 }
 .pv-v2 .p-datepicker-year, .pv-v2 .p-datepicker-month {