@turquoisehealth/pit-viper 2.65.1 → 2.67.0

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

@@ -675,7 +675,7 @@
   gap: 0.125rem;
 }
 .pv-v2 [class*=pv-segmented-control] button {
-  padding: 0.125rem 0.5rem;
+  padding: calc(0.125rem - 1px) 0.5rem;
   gap: 0.125rem;
 }
 .pv-v2 [class*=pv-segmented-control] button[data-active],
@@ -692,17 +692,23 @@
 .pv-v2 [class*=pv-segmented-control] button:active:not(:disabled) {
   background-color: #C7D8DB;
 }
+.pv-v2 [class*=pv-segmented-control] button:has(svg:is(:only-child)) {
+  padding: calc(0.125rem - 1px);
+}
+.pv-v2 [class*=pv-segmented-control].pv-segmented-control-large button:has(svg:is(:only-child)) {
+  padding: calc(0.25rem - 1px);
+}
 .pv-v2 .pv-segmented-control-icon button {
-  padding: 0.125rem;
+  padding: calc(0.125rem - 1px);
 }
 .pv-v2 .pv-segmented-control-large {
   padding: 0.25rem;
 }
 .pv-v2 .pv-segmented-control-large button {
-  padding: 0.25rem 0.5rem;
+  padding: calc(0.25rem - 1px) 0.5rem;
 }
 .pv-v2 .pv-segmented-control-large.pv-segmented-control-icon button {
-  padding: 0.25rem;
+  padding: calc(0.25rem - 1px);
 }
 .pv-v2 .pv-button-transformer {
   gap: 2px;
@@ -1921,13 +1927,13 @@
   border-top: 4px solid #ADB5C0;
 }
 .pv-v2 .pv-status-yellow:before {
-  background-color: #E5A000;
+  background-color: #FED732;
 }
 .pv-v2 .pv-status-red:before {
-  background-color: #DA1E28;
+  background-color: #FF471A;
 }
 .pv-v2 .pv-status-green:before {
-  background-color: #218C88;
+  background-color: #1ACF28;
 }
 .pv-v2 .pv-status-black:before {
   background-color: #02363D;
@@ -1936,16 +1942,16 @@
   background-color: #BE95FF;
 }
 .pv-v2 .pv-status-orange:before {
-  background-color: #C86628;
+  background-color: #FFA632;
 }
 .pv-v2 .pv-status-yellow:is(th, td) {
-  border-color: #E5A000;
+  border-color: #FED732;
 }
 .pv-v2 .pv-status-red:is(th, td) {
-  border-color: #DA1E28;
+  border-color: #FF471A;
 }
 .pv-v2 .pv-status-green:is(th, td) {
-  border-color: #218C88;
+  border-color: #1ACF28;
 }
 .pv-v2 .pv-status-black:is(th, td) {
   border-color: #02363D;
@@ -1954,7 +1960,7 @@
   border-color: #BE95FF;
 }
 .pv-v2 .pv-status-orange:is(th, td) {
-  border-color: #C86628;
+  border-color: #FFA632;
 }
 .pv-v2 .pv-table,
 .pv-v2 .pv-table-compressed {
@@ -2528,6 +2534,13 @@
   color: var(--color-text-subdued, #4B595C);
   padding-inline: 0;
 }
+.pv-v2 [class*=pv-tag][data-style=counter] {
+  padding: 0 2px;
+  line-height: 0.875rem;
+  min-width: 1rem;
+  text-align: center;
+  display: block;
+}
 .pv-v2 [class*=pv-tab-list] {
   display: flex;
   align-items: center;
@@ -2732,8 +2745,10 @@
   opacity: 1;
   border-radius: 4px;
 }
-.pv-v2 .pv-dropdown > [class*=pv-button] {
+.pv-v2 .pv-dropdown:not(pv-dropdown-auto-close) > [class*=pv-button] {
   padding-inline-end: 2rem;
+}
+.pv-v2 .pv-dropdown > [class*=pv-button] {
   background-image: var(--dropdown-closed-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.151 8.151a1.2 1.2 0 0 1 1.698 0L12 13.303l5.151-5.152A1.2 1.2 0 1 1 18.85 9.85l-6 6a1.2 1.2 0 0 1-1.697 0l-6-6a1.2 1.2 0 0 1 0-1.698Z' fill='%23FFFFFF'/%3E%3C/svg%3E"));
   background-repeat: no-repeat;
   background-size: 1rem 1rem;
@@ -4173,6 +4188,7 @@
 .pv-v2 .pv-layout-two-sidebar {
   --left-size: 320px;
   --right-size: 320px;
+  --min-size: 0;
   overflow: clip;
   height: 100%;
   display: grid;
@@ -4181,27 +4197,40 @@
   grid-template-areas: "left center right";
 }
 .pv-v2 .pv-layout-two-sidebar:has([data-layout=left-sidebar][data-hidden]) {
-  grid-template-columns: 0 1fr var(--right-size);
+  --left-size: var(--min-size) !important;
+}
+.pv-v2 .pv-layout-two-sidebar:has([data-layout=left-sidebar][data-hidden]) svg.pv-trigger-icon {
+  transform: rotate(180deg);
 }
 .pv-v2 .pv-layout-two-sidebar:has([data-layout=right-sidebar][data-hidden]) {
-  grid-template-columns: var(--left-size) 1fr 0;
+  --right-size: var(--min-size) !important;
+}
+.pv-v2 .pv-layout-two-sidebar:has([data-layout=right-sidebar][data-hidden]) svg.pv-trigger-icon {
+  transform: rotate(180deg);
 }
 .pv-v2 .pv-layout-two-sidebar:has([data-layout=left-sidebar][data-hidden]):has([data-layout=right-sidebar][data-hidden]) {
-  grid-template-columns: 0 1fr 0;
+  --left-size: var(--min-size) !important;
+  --right-size: var(--min-size) !important;
 }
 .pv-v2 .pv-layout-two-sidebar [data-layout=left-sidebar] {
   border-right: 1px solid #E3E7EA;
   min-width: var(--left-size);
 }
 .pv-v2 .pv-layout-two-sidebar [data-layout=left-sidebar][data-hidden] {
-  transform: translateX(calc(var(--left-size) * -1));
+  transform: translateX(calc(var(--min-size) - var(--left-size)));
+  width: var(--min-size);
 }
 .pv-v2 .pv-layout-two-sidebar [data-layout=right-sidebar] {
   border-left: 1px solid #E3E7EA;
   min-width: var(--right-size);
 }
 .pv-v2 .pv-layout-two-sidebar [data-layout=right-sidebar][data-hidden] {
-  transform: translateX(var(--right-size));
+  transform: translateX(calc(var(--right-size) * -1)var(--min-size));
+  width: var(--min-size);
+}
+.pv-v2 .pv-layout-two-sidebar:has([data-layout=left-sidebar][data-hidden]) [data-layout=left-sidebar] .pv-fade,
+.pv-v2 .pv-layout-two-sidebar:has([data-layout=right-sidebar][data-hidden]) [data-layout=right-sidebar] .pv-fade {
+  display: none;
 }
 .pv-v2 .pv-surface-brand {
   background-color: var(--color-background-brand, #02363D);
@@ -4755,8 +4784,8 @@
 }
 .pv-v2 .select2-selection--single {
   background-color: #fff;
-  border: 2px solid #E3E7EA;
-  border-radius: 2px;
+  border: 1px solid #E3E7EA;
+  border-radius: 4px;
   padding-inline-end: 2rem;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2302363D' d='m7.1 9.9 4.3 5.1c.1.1.2.1.3.2.1 0 .2.1.3.1s.2 0 .3-.1c.1 0 .2-.1.3-.2L17 9.9c.4-.5.1-1.2-.6-1.2H7.6c-.6 0-1 .8-.5 1.2z'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
@@ -4773,7 +4802,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   color: #4B595C;
-  line-height: 24px;
+  line-height: 12px;
 }
 .pv-v2 .select2-selection--single .select2-selection__clear {
   position: relative;
@@ -4782,34 +4811,34 @@
   font-weight: bold;
 }
 .pv-v2 .select2-selection--single .select2-selection__placeholder {
-  color: #999;
+  color: #89989B;
 }
 .pv-v2 .select2-selection--single .select2-selection__arrow {
   display: none;
 }
 .pv-v2 .select2-selection--multiple {
   background-color: white;
-  border: 2px solid #E3E7EA;
-  border-radius: 2px;
+  border: 1px solid #E3E7EA;
+  border-radius: 4px;
   cursor: text;
 }
 .pv-v2 .select2-selection--multiple .select2-selection__rendered {
   display: flex;
   align-items: center;
   gap: 4px;
-  padding: 0.25rem 0.5rem;
+  padding: calc(0.5rem - 3px) 0.5rem;
   flex-wrap: wrap;
 }
 .pv-v2 .select2-search--inline {
   flex: 1;
-  max-height: 26px;
+  max-height: 20px;
 }
 .pv-v2 .select2-search--inline .select2-search__field {
   width: 100% !important;
-  line-height: 24px;
+  line-height: 12px;
   border: none;
   padding-block: 0.5rem;
-  max-height: 26px;
+  max-height: 20px;
 }
 .pv-v2 .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
   -webkit-appearance: none;
@@ -4830,12 +4859,14 @@
 }
 .pv-v2 .select2-search--dropdown .select2-search__field {
   padding: 0.5rem 2rem 0.5rem 0.5rem;
-  line-height: 24px;
-  border-radius: 2px;
-  border: 2px solid #E3E7EA;
+  line-height: 12px;
+  border-radius: 4px;
+  border: 1px solid #E3E7EA;
+  height: 32px;
   width: 100%;
   position: absolute;
-  top: -44px;
+  top: -33px;
+  left: 0;
   background-color: transparent;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2302363D' d='M7.6 15.3h8.8c.7 0 1-.7.6-1.2L12.6 9c-.1-.1-.2-.2-.3-.2-.1-.1-.2-.1-.3-.1s-.2.1-.3.1c-.1.1-.2.1-.3.2l-4.3 5.1c-.5.4-.1 1.2.5 1.2z'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
@@ -4855,8 +4886,13 @@
 .pv-v2 .select2-container--focus .select2-selection__rendered {
   border-color: #36C5BA;
   outline: 0;
+  font-size: 0.75rem;
+  line-height: 1.33333333;
+  border-radius: 4px;
 }
 .pv-v2 .select2-container--default .select2-search--inline .select2-search__field {
+  font-size: 0.75rem;
+  line-height: 1.33333333;
   background: transparent;
   border: none;
   outline: 0;
@@ -4876,6 +4912,9 @@
   padding: 6px;
   user-select: none;
   -webkit-user-select: none;
+  font-size: 0.75rem;
+  line-height: 1.33333333;
+  color: #121313;
 }
 .pv-v2 .select2-results__option[aria-selected] {
   cursor: pointer;
@@ -4884,11 +4923,13 @@
   left: 0;
 }
 .pv-v2 .select2-container--open .select2-dropdown--above {
+  padding: 0.5rem;
   border-bottom: none;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
 .pv-v2 .select2-container--open .select2-dropdown--below {
+  padding: 0.5rem;
   border-top: none;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
@@ -4935,9 +4976,12 @@
 }
 .pv-v2 .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
   list-style: none;
+  font-size: 0.75rem;
+  line-height: 1.33333333;
+  font-weight: 500;
 }
 .pv-v2 .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
-  color: #999;
+  color: #89989B;
   margin-top: 5px;
   float: left;
 }
@@ -4950,22 +4994,23 @@
 }
 .pv-v2 .select2-container--default .select2-selection--multiple .select2-selection__choice {
   background-color: #F7F8F8;
-  border: 1px solid #E3E7EA;
-  border-radius: 2px;
+  border: none;
+  border-radius: 4px;
   padding: 0.125rem 0.5rem;
   font-size: 0.6875rem;
   line-height: 1.45454545;
   cursor: default;
+  font-weight: 500;
 }
 .pv-v2 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
-  color: #999;
+  color: #4B595C;
   cursor: pointer;
   display: inline-block;
   font-weight: bold;
-  margin-right: 2px;
+  margin-right: 0.25rem;
 }
 .pv-v2 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
-  color: #333;
+  color: #4B595C;
 }
 .pv-v2 .select2-container--default.select2-container--disabled .select2-selection--multiple {
   background-color: #eee;
@@ -4983,6 +5028,7 @@
   border-bottom-right-radius: 0;
 }
 .pv-v2 .select2-container--default .select2-results > .select2-results__options {
+  padding-inline-start: 0;
   max-height: 200px;
   overflow-y: auto;
 }
@@ -4990,10 +5036,11 @@
   padding: 0;
 }
 .pv-v2 .select2-container--default .select2-results__option[aria-disabled=true] {
-  color: #999;
+  color: #89989B;
 }
 .pv-v2 .select2-results__option {
-  padding: 0.5rem 1rem;
+  padding: 0.5rem;
+  border-radius: 4px;
 }
 .pv-v2 .select2-results__option[aria-selected=true],
 .pv-v2 .select2-results__option--highlighted {
@@ -5004,6 +5051,24 @@
   display: block;
   padding: 6px;
 }
+.pv-v2 .select2-selection--single .select2-selection__rendered,
+.pv-v2 .select2-selection--single .select2-selection__placeholder {
+  font-size: 0.75rem;
+  line-height: 1.33333333;
+}
+.pv-v2 .select2-selection--single .select2-selection__rendered {
+  color: #121313;
+  padding: calc(0.5rem - 1px) 0.5rem;
+}
+.pv-v2 .select2-results__option[aria-selected=true] {
+  background-color: #E4F8F6;
+}
+.pv-v2 .select2-results__option--highlighted {
+  background-color: #E8F2F4;
+}
+.pv-v2 input.select2-search__field::placeholder {
+  color: #89989B !important;
+}
 .pv-v2 :root {
   --p-datepicker-today-background: #F7F8F8;
   --p-datepicker-date-border-radius: 4px;