@turquoisehealth/pit-viper 2.21.0 → 2.21.1

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

@@ -185,7 +185,7 @@
 
 .pv-heading-3 {
   font-size: var(--font-size-heading-3, 0.875rem);
-  line-height: var(--line-height-heading-3, 1.4285714);
+  line-height: var(--line-height-heading-3, 1.1428571);
 }
 
 .pv-heading-4 {
@@ -348,7 +348,7 @@
 }
 [data-list-style=display]::before {
   content: counter(display) ".";
-  color: #16696D;
+  color: #176F6F;
   font-family: "Inter", sans-serif;
   font-size: 1.5rem;
 }
@@ -430,7 +430,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: var(--button-gap, 4px);
+  gap: 0.5rem;
   white-space: nowrap;
   font-weight: var(--button-font-weight, 500);
   line-height: var(--button-line-height, 1.45454545);
@@ -504,7 +504,7 @@
 
 .pv-button-secondary {
   color: var(--button-secondary-color, #121313);
-  background-color: var(--button-secondary-background-color, #FFFFFF);
+  background-color: var(--button-secondary-background-color, transparent);
   border-color: var(--button-secondary-border-color, #E3E7EA);
 }
 .pv-button-secondary:not(:disabled):hover, .pv-button-secondary:not(:disabled):focus-visible {
@@ -527,7 +527,7 @@
 }
 
 .pv-button-tertiary {
-  background-color: #FFFFFF;
+  background-color: transparent;
   border-color: transparent;
 }
 .pv-button-tertiary:not(:disabled) {
@@ -657,10 +657,10 @@
   background-color: #ECECEC;
 }
 .pv-button-icon.pv-button-small {
-  padding: calc(0.25rem - 1px);
+  padding: 0.25rem;
 }
 .pv-button-icon.pv-button-xsmall {
-  padding: calc(0.125rem - 1px);
+  padding: 0.125rem;
 }
 
 .pv-button-icon-outline {
@@ -869,7 +869,7 @@
 .pv-alpha-button span:last-child,
 [data-collapsed] .pv-alpha-button span:last-child {
   display: inline-block;
-  background-color: #FFEB99;
+  background-color: #EAB333;
   border-radius: 4px;
   padding: 0.125rem;
   font-size: 0.6875rem;
@@ -1048,8 +1048,6 @@
   font-size: var(--label-font-size, 0.6875rem);
   font-weight: var(--label-font-weight, 400);
   letter-spacing: 0.12px;
-  position: relative;
-  z-index: 1;
 }
 
 label:has(input:not(:disabled)).pv-label-hover:hover {
@@ -1058,12 +1056,11 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
 
 .pv-checkbox,
 .pv-radio {
-  position: relative;
   appearance: none;
   width: 1rem;
   height: 1rem;
   background-color: #FFFFFF;
-  border: 2px solid var(--checkbox-border, #D2D8DC);
+  border: 2px solid var(--color-border, #E3E7EA);
   flex-shrink: 0;
   transition-duration: 0.125s;
   transition-property: background-color, border-color;
@@ -1074,63 +1071,49 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
   transition-duration: 0.125s;
   transition-property: color;
 }
-.pv-checkbox:not(:disabled):hover:before, .pv-checkbox:not(:disabled):focus-visible:before,
-.pv-radio:not(:disabled):hover:before,
-.pv-radio:not(:disabled):focus-visible:before {
-  content: "";
-  display: block;
-  width: 1.5rem;
-  height: 1.5rem;
-  border-radius: 50%;
-  background-color: var(--checkbox-hover-before-background-color, #F7F8F8);
-  position: absolute;
-  top: -6px;
-  left: -6px;
-  z-index: -1;
-}
 .pv-checkbox:not(:disabled):focus-visible, .pv-checkbox:not(:disabled):hover,
 .pv-radio:not(:disabled):focus-visible,
 .pv-radio:not(:disabled):hover {
-  background-color: var(--checkbox-hover-background-color, transparent);
-  border-color: var(--checkbox-hover-border-color, #D2D8DC);
+  background-color: #ECECEC;
   cursor: pointer;
-  outline-color: var(--checkbox-hover-outline-color, transparent);
-}
-.pv-checkbox:not(:disabled):focus-visible:checked, .pv-checkbox:not(:disabled):focus-visible:indeterminate, .pv-checkbox:not(:disabled):hover:checked, .pv-checkbox:not(:disabled):hover:indeterminate,
-.pv-radio:not(:disabled):focus-visible:checked,
-.pv-radio:not(:disabled):focus-visible:indeterminate,
-.pv-radio:not(:disabled):hover:checked,
-.pv-radio:not(:disabled):hover:indeterminate {
-  border-color: var(--checkbox-checked-hover-border-color, #16696D);
-  background-color: var(--checkbox-checked-hover-background-color, #16696D);
-}
-.pv-checkbox:not(:disabled):focus-visible:checked:before, .pv-checkbox:not(:disabled):focus-visible:indeterminate:before, .pv-checkbox:not(:disabled):hover:checked:before, .pv-checkbox:not(:disabled):hover:indeterminate:before,
-.pv-radio:not(:disabled):focus-visible:checked:before,
-.pv-radio:not(:disabled):focus-visible:indeterminate:before,
-.pv-radio:not(:disabled):hover:checked:before,
-.pv-radio:not(:disabled):hover:indeterminate:before {
-  background-color: var(--checkbox-checked-hover-before-background-color, #E4F8F6);
-}
-.pv-checkbox:checked, .pv-checkbox:indeterminate,
-.pv-radio:checked,
-.pv-radio:indeterminate {
-  background-color: var(--checkbox-checked-background-color, #16696D);
-  border-color: var(--checkbox-checked-border-color, #16696D);
+}
+.pv-checkbox:focus-visible:not(:disabled), .pv-checkbox:hover:not(:disabled),
+.pv-radio:focus-visible:not(:disabled),
+.pv-radio:hover:not(:disabled) {
+  border-color: var(--color-border-brand, #36C5BA);
+}
+.pv-checkbox:focus-visible:not(:disabled):checked, .pv-checkbox:hover:not(:disabled):checked,
+.pv-radio:focus-visible:not(:disabled):checked,
+.pv-radio:hover:not(:disabled):checked {
+  background-color: var(--color-background-brand, #176F6F);
+}
+.pv-checkbox:checked,
+.pv-radio:checked {
+  background-color: var(--color-background-brand, #02363D);
+  border-color: var(--color-border-brand, #02363D);
 }
 .pv-checkbox:disabled,
 .pv-radio:disabled {
-  background-color: var(--checkbox-disabled-background-color, #ECECEC);
+  background-color: #ECECEC;
 }
 .pv-checkbox:disabled:checked,
 .pv-radio:disabled:checked {
-  background-color: var(--checkbox-checked-disabled-background-color, #ECECEC);
-  border-color: var(--checkbox-checked-disabled-border-color, #ECECEC);
+  background-color: #6E7784;
+  border-color: #6E7784;
 }
 .pv-checkbox:disabled + span,
 .pv-radio:disabled + span {
   color: #4B595C;
 }
 
+.pv-checkbox:focus-visible:indeterminate, .pv-checkbox:hover:indeterminate {
+  background-color: var(--color-background-brand, #176F6F);
+}
+.pv-checkbox:indeterminate {
+  background-color: var(--color-background-brand, #02363D);
+  border-color: var(--color-border-brand, #02363D);
+}
+
 .pv-checkbox {
   border-radius: 2px;
 }
@@ -1140,16 +1123,10 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
   background-position: 50% 50%;
 }
 .pv-checkbox:checked {
-  background-image: var(--checkbox-checked-background-image, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.1 4.9c.6.6.6 1.5 0 2.1l-11 11c-.6.6-1.5.6-2.1 0l-5-5c-.6-.6-.6-1.5 0-2.1.6-.6 1.5-.6 2.1 0l3.9 4L18.9 5c.6-.6 1.6-.6 2.2-.1z' fill='%23fff'/%3E%3C/svg%3E"));
-}
-.pv-checkbox:checked:disabled {
-  background-image: var(--checkbox-checked-disabled-background-image, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.1 4.9c.6.6.6 1.5 0 2.1l-11 11c-.6.6-1.5.6-2.1 0l-5-5c-.6-.6-.6-1.5 0-2.1.6-.6 1.5-.6 2.1 0l3.9 4L18.9 5c.6-.6 1.6-.6 2.2-.1z' fill='%237D898D'/%3E%3C/svg%3E"));
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='m12 2.256-7.762 8.87L0 6.89l1.466-1.466 2.67 2.67L10.44.892 12 2.256Z'/%3E%3C/svg%3E");
 }
 .pv-checkbox:indeterminate {
-  background-image: var(--checkbox-indeterminate-background-image, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.5a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1h-7Z' fill='%23fff'/%3E%3C/svg%3E"));
-}
-.pv-checkbox:indeterminate:disabled {
-  background-image: var(--checkbox-indeterminate-disabled-background-image, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.5a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1h-7Z' fill='%237D898D'/%3E%3C/svg%3E"));
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M0 5h12v2H0z' fill='%23fff'/%3E%3C/svg%3E");
 }
 
 .pv-radio {
@@ -1160,30 +1137,18 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
   background-color: unset;
   border-color: var(--color-border, #E3E7EA);
 }
-.pv-radio:checked {
-  background-color: var(--radio-checked-background-color, transparent);
-}
-.pv-radio:checked:not(:disabled):hover, .pv-radio:checked:not(:disabled):focus-visible {
-  background-color: var(--radio-checked-hover-background-color, transparent);
-}
 .pv-radio:checked:after {
   content: "";
   display: block;
-  width: var(--radio-checked-after-size, 8px);
-  height: var(--radio-checked-after-size, 8px);
-  background-color: var(--radio-checked-after-background-color, #16696D);
+  width: 6px;
+  height: 6px;
+  background-color: #FFFFFF;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   border-radius: 50%;
 }
-.pv-radio:disabled:checked {
-  border-color: var(--radio-checked-disabled-border-color, #D2D8DC);
-}
-.pv-radio:disabled:checked:after {
-  background-color: var(--radio-checked-disabled-after-background-color, #D2D8DC);
-}
 
 .pv-input-padded-end {
   padding-inline-end: 2.25rem;
@@ -1483,7 +1448,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 .pv-ghost-input[data-style=h3] input {
   font-weight: 600;
   font-size: 0.875rem;
-  line-height: 1.4285714;
+  line-height: 1.1428571;
 }
 .pv-ghost-input[data-style=h4] input {
   font-weight: 600;
@@ -1831,7 +1796,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 [data-collapsed] [data-grid-area=sidebar] .pv-nav-list details > summary {
   background-image: none;
   width: 40px;
-  padding: var(--nav-list-collapsed-padding, 0.5rem 0.75rem);
+  padding: var(--nav-list-collapsed-padding, 0.5rem 1rem);
 }
 [data-collapsed] [data-grid-area=sidebar] .pv-nav-list details[open] > summary {
   background-color: var(--nav-list-background-color, transparent);
@@ -1849,7 +1814,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 }
 [data-collapsed] [data-grid-area=sidebar] .pv-nav-list a {
   display: block;
-  padding: var(--nav-list-collapsed-padding, 0.5rem 0.75rem);
+  padding: var(--nav-list-collapsed-padding, 0.5rem 1rem);
 }
 
 .pv-nav-list-inverse,
@@ -2580,17 +2545,13 @@ td:not([rowspan]) > .pv-responsive-cell {
   border-radius: 2rem;
 }
 
-button[class*=pv-tag],
-button.pv-tag-tertiary {
+button[class*=pv-tag] {
   cursor: pointer;
 }
-button[class*=pv-tag]:hover, button[class*=pv-tag]:focus-visible,
-button.pv-tag-tertiary:hover,
-button.pv-tag-tertiary:focus-visible {
+button[class*=pv-tag]:hover, button[class*=pv-tag]:focus-visible {
   background-color: #E8F2F4;
 }
-button[class*=pv-tag]:active,
-button.pv-tag-tertiary:active {
+button[class*=pv-tag]:active {
   background-color: #C7D8DB;
 }
 
@@ -2684,33 +2645,6 @@ strong[class*=pv-tag] {
   color: #121313;
 }
 
-.pv-tag-primary {
-  background-color: #16696D;
-  color: #FFFFFF;
-}
-
-button.pv-tag-primary:hover, button.pv-tag-primary:focus-visible {
-  background-color: #0D5256;
-}
-button.pv-tag-primary:active {
-  background-color: #02363D;
-}
-
-.pv-tag-secondary {
-  background-color: #FFFFFF;
-  color: #4B595C;
-  border-color: #D2D8DC;
-}
-
-button.pv-tag-secondary:hover, button.pv-tag-secondary:focus-visible {
-  background-color: #E8F2F4;
-  color: #121313;
-}
-button.pv-tag-secondary:active {
-  background-color: #C7D8DB;
-  color: #121313;
-}
-
 .pv-pill {
   display: inline-block;
   padding: 3px 6px;
@@ -2961,7 +2895,7 @@ button.pv-tag-secondary:active {
 .pv-select-multiple[data-dropdown],
 .pv-input-search[data-dropdown] {
   border-color: #36C5BA;
-  color: #16696D;
+  color: #176F6F;
 }
 .pv-select-multiple[data-dropdown] + .pv-popover,
 .pv-input-search[data-dropdown] + .pv-popover {
@@ -3254,7 +3188,7 @@ button.pv-tag-secondary:active {
   display: none;
 }
 :where([class*=pv-accordion]) > summary:hover, :where([class*=pv-accordion]) > summary:focus-within {
-  color: var(--color-text-brand, #16696D);
+  color: var(--color-text-brand, #176F6F);
 }
 :where([class*=pv-accordion]) > :where(:not(summary)) {
   padding: 0 1rem 1rem 1rem;
@@ -3352,7 +3286,7 @@ button.pv-tag-secondary:active {
   transition-timing-function: ease-in;
 }
 :where(.pv-details) > summary:hover, :where(.pv-details) > summary:focus-within {
-  color: var(--color-text-brand, #16696D);
+  color: var(--color-text-brand, #176F6F);
 }
 :where(.pv-details) > summary::-webkit-details-marker {
   display: none;
@@ -3508,7 +3442,7 @@ button.pv-tag-secondary:active {
 .pv-card-select > label > :last-child {
   padding: 1rem 1.5rem;
   font-weight: 600;
-  color: #16696D;
+  color: #176F6F;
   background-image: var(--unselected-icon);
   background-repeat: no-repeat;
   background-size: 1.5rem 1.5rem;
@@ -3518,7 +3452,7 @@ button.pv-tag-secondary:active {
   content: var(--unselected);
 }
 .pv-card-select > label:hover {
-  color: #16696D;
+  color: #176F6F;
   cursor: pointer;
   border-color: #36C5BA;
 }
@@ -3890,7 +3824,7 @@ pv-data-grid.ag-theme-pv {
   --ag-active-color: #36C5BA !important;
   --ag-row-hover-color: #F7F8F8 !important;
   --ag-range-selection-background-color: rgba(0,0,0,0.2) !important;
-  --ag-accent-color: #16696D !important;
+  --ag-accent-color: #176F6F !important;
   --ag-header-cell-hover-background-color: #E2F7F5;
   --ag-header-column-separator-height: 100%;
   --ag-popup-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.30), 0px 8px 12px -4px rgba(0, 0, 0, 0.08), 0px 12px 16px 0px rgba(0, 0, 0, 0.10);
@@ -4111,26 +4045,6 @@ pv-data-grid.ag-theme-pv {
   border-bottom: 1px solid #E3E7EA;
 }
 
-[class*=pv-banner] {
-  padding: var(--banner-padding, 0.75rem 1rem);
-  border-radius: var(--banner-radius, 4px);
-}
-
-.pv-banner-primary {
-  background-color: var(--banner-primary-background-color, #E4F8F6);
-  border-bottom: 1px solid var(--banner-primary-border-color, #B0E8E4);
-}
-
-.pv-banner-secondary {
-  background-color: var(--banner-secondary-background-color, #FFFFFF);
-  border: 1px solid var(--banner-secondary-border-color, #E3E7EA);
-}
-
-.pv-banner-tertiary {
-  background-color: var(--banner-tertiary-background-color, #F7F8F8);
-  border: 1px solid var(--banner-tertiary-border-color, transparent);
-}
-
 .pv-layout-primary,
 .pv-layout-primary[data-collapsed] {
   font-family: var(--layout-primary-sidebar-font-family, Inter, sans-serif);
@@ -4319,40 +4233,6 @@ body:has(.pv-layout-primary) {
   }
 }
 
-.pv-layout-two-sidebar {
-  --left-size: 320px;
-  --right-size: 320px;
-  overflow: clip;
-  height: 100%;
-  display: grid;
-  transition: 200ms;
-  grid-template-columns: var(--left-size) 1fr var(--right-size);
-  grid-template-areas: "left center right";
-}
-.pv-layout-two-sidebar:has([data-layout=left-sidebar][data-hidden]) {
-  grid-template-columns: 0 1fr var(--right-size);
-}
-.pv-layout-two-sidebar:has([data-layout=right-sidebar][data-hidden]) {
-  grid-template-columns: var(--left-size) 1fr 0;
-}
-.pv-layout-two-sidebar:has([data-layout=left-sidebar][data-hidden]):has([data-layout=right-sidebar][data-hidden]) {
-  grid-template-columns: 0 1fr 0;
-}
-.pv-layout-two-sidebar [data-layout=left-sidebar] {
-  border-right: 1px solid #E3E7EA;
-  min-width: var(--left-size);
-}
-.pv-layout-two-sidebar [data-layout=left-sidebar][data-hidden] {
-  transform: translateX(calc(var(--left-size) * -1));
-}
-.pv-layout-two-sidebar [data-layout=right-sidebar] {
-  border-left: 1px solid #E3E7EA;
-  min-width: var(--right-size);
-}
-.pv-layout-two-sidebar [data-layout=right-sidebar][data-hidden] {
-  transform: translateX(var(--right-size));
-}
-
 .pv-surface-brand {
   background-color: var(--color-background-brand, #02363D);
 }
@@ -4398,7 +4278,8 @@ body:has(.pv-layout-primary) {
 }
 
 .pv-text-subdued-inverse {
-  color: var(--color-text-inverse-subdued, #FFFFFF);
+  color: var(--color-text-inverse, #FFFFFF);
+  opacity: 0.7;
 }
 
 .pv-text-inverse {
@@ -4406,7 +4287,7 @@ body:has(.pv-layout-primary) {
 }
 
 .pv-text-brand {
-  color: var(--color-text-brand, #16696D);
+  color: var(--color-text-brand, #176F6F);
 }
 
 .pv-text-brand-inverse {
@@ -4795,10 +4676,6 @@ svg.pv-text-inherit {
   border-color: var(--color-border-warning, #B38F00);
 }
 
-.pv-border-critical {
-  border-color: var(--color-border-critical, #FF471A);
-}
-
 .pv-border-brand {
   border-color: var(--color-border-brand, #16696D);
 }