@turquoisehealth/pit-viper 2.220.0 → 2.222.0

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

@@ -1336,6 +1336,17 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
   position: absolute;
 }
 
+.pv-input-file:has([type=file]:disabled) .pv-label {
+  cursor: not-allowed;
+}
+
+.pv-input-file:has([type=file]:disabled) [class*=pv-button] {
+  color: var(--button-disabled-color, #4B595C);
+  background-color: var(--button-disabled-background-color, #ECECEC);
+  background-image: none;
+  cursor: not-allowed;
+}
+
 .pv-switch {
   display: flex;
   align-items: center;
@@ -5246,16 +5257,6 @@ pv-sidebar {
   border-radius: 0.5rem !important;
 }
 
-.sidebar-layout-new .sidebar-toggle {
-  opacity: 1;
-  pointer-events: auto;
-  margin: 0px 0.25rem;
-}
-.sidebar-layout-new.is-collapsed .sidebar-header {
-  flex-direction: column;
-  align-items: flex-start;
-}
-
 .sidebar-panel {
   grid-area: sidebar;
   background-color: var(--layout-primary-sidebar-background-color);
@@ -5266,7 +5267,7 @@ pv-sidebar {
   grid-template-rows: auto 1fr;
   position: sticky;
   top: 0;
-  height: 100%;
+  height: 100vh;
   z-index: 10;
   overflow-x: clip;
   transition: width 0.3s ease-in-out;
@@ -5320,7 +5321,7 @@ pv-sidebar {
   --layout-primary-sidebar-text-color: #121313;
   --layout-primary-sidebar-border-color: #8F939E;
   --layout-primary-sidebar-shadow: -2px 0px 10px -1px rgba(0, 0, 0, 0.04) inset;
-  --layout-primary-sidebar-toggle-color: #4B595C;
+  --layout-primary-sidebar-toggle-color: #6E6962;
   --nav-list-hover-background-color: #ECE8E2;
   --nav-list-hover-text-color: #0D5256;
   --nav-list-active-background-color: #ECE8E2;
@@ -6708,6 +6709,7 @@ input.select2-search__field::placeholder {
 
 .p-datepicker-panel {
   width: fit-content !important;
+  min-width: fit-content !important;
 }
 
 .p-datepicker-panel:has(.p-datepicker-month-view),

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

@@ -1342,6 +1342,17 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
   position: absolute;
 }
 
+.pv-input-file:has([type=file]:disabled) .pv-label {
+  cursor: not-allowed;
+}
+
+.pv-input-file:has([type=file]:disabled) [class*=pv-button] {
+  color: var(--button-disabled-color, #486161);
+  background-color: var(--button-disabled-background-color, #ECECEC);
+  background-image: none;
+  cursor: not-allowed;
+}
+
 .pv-switch {
   display: flex;
   align-items: center;
@@ -6519,6 +6530,7 @@ input.select2-search__field::placeholder {
 
 .p-datepicker-panel {
   width: fit-content !important;
+  min-width: fit-content !important;
 }
 
 .p-datepicker-panel:has(.p-datepicker-month-view),

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

@@ -1228,6 +1228,15 @@
   height: 0.1rem;
   position: absolute;
 }
+.pv-v2 .pv-input-file:has([type=file]:disabled) .pv-label {
+  cursor: not-allowed;
+}
+.pv-v2 .pv-input-file:has([type=file]:disabled) [class*=pv-button] {
+  color: var(--button-disabled-color, #4B595C);
+  background-color: var(--button-disabled-background-color, #ECECEC);
+  background-image: none;
+  cursor: not-allowed;
+}
 .pv-v2 .pv-switch {
   display: flex;
   align-items: center;
@@ -5874,6 +5883,7 @@
 }
 .pv-v2 .p-datepicker-panel {
   width: fit-content !important;
+  min-width: fit-content !important;
 }
 .pv-v2 .p-datepicker-panel:has(.p-datepicker-month-view),
 .pv-v2 .p-datepicker-panel:has(.p-datepicker-year-view) {

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

@@ -1336,6 +1336,17 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
   position: absolute;
 }
 
+.pv-input-file:has([type=file]:disabled) .pv-label {
+  cursor: not-allowed;
+}
+
+.pv-input-file:has([type=file]:disabled) [class*=pv-button] {
+  color: var(--button-disabled-color, #4B595C);
+  background-color: var(--button-disabled-background-color, #ECECEC);
+  background-image: none;
+  cursor: not-allowed;
+}
+
 .pv-switch {
   display: flex;
   align-items: center;
@@ -5303,16 +5314,6 @@ pv-sidebar {
   border-radius: 0.5rem !important;
 }
 
-.sidebar-layout-new .sidebar-toggle {
-  opacity: 1;
-  pointer-events: auto;
-  margin: 0px 0.25rem;
-}
-.sidebar-layout-new.is-collapsed .sidebar-header {
-  flex-direction: column;
-  align-items: flex-start;
-}
-
 .sidebar-panel {
   grid-area: sidebar;
   background-color: var(--layout-primary-sidebar-background-color);
@@ -5323,7 +5324,7 @@ pv-sidebar {
   grid-template-rows: auto 1fr;
   position: sticky;
   top: 0;
-  height: 100%;
+  height: 100vh;
   z-index: 10;
   overflow-x: clip;
   transition: width 0.3s ease-in-out;
@@ -5377,7 +5378,7 @@ pv-sidebar {
   --layout-primary-sidebar-text-color: #121313;
   --layout-primary-sidebar-border-color: #E3E7EA;
   --layout-primary-sidebar-shadow: -2px 0px 10px -1px rgba(0, 0, 0, 0.04) inset;
-  --layout-primary-sidebar-toggle-color: #4B595C;
+  --layout-primary-sidebar-toggle-color: #6E6962;
   --nav-list-hover-background-color: #ECE8E2;
   --nav-list-hover-text-color: #0D5256;
   --nav-list-active-background-color: #ECE8E2;
@@ -5389,6 +5390,33 @@ pv-sidebar {
   --stroke-accordion-border-left: #D2D8DC;
 }
 
+.sidebar-layout-new {
+  --nav-list-font-weight: 500;
+  --nav-list-active-font-weight: 600;
+}
+.sidebar-layout-new .pv-sidebar-nav-footer .pv-popover-menu:hover .pv-nav-list-item,
+.sidebar-layout-new .pv-sidebar-nav-footer .pv-popover-menu:focus-within .pv-nav-list-item,
+.sidebar-layout-new .pv-sidebar-nav-footer .pv-popover-menu[data-active] .pv-nav-list-item {
+  --sidebar-nav-icon-color: var(--sidebar-nav-hover-text);
+  background-color: var(--nav-list-hover-background-color);
+}
+.sidebar-layout-new .pv-nav-list [aria-current=page] {
+  font-weight: var(--nav-list-active-font-weight);
+}
+.sidebar-layout-new .sidebar-toggle {
+  opacity: 1;
+  pointer-events: auto;
+  margin: 0px 0.25rem;
+}
+.sidebar-layout-new.is-collapsed .sidebar-header {
+  flex-direction: column;
+  align-items: flex-start;
+}
+.sidebar-layout-new.is-collapsed .pv-sidebar-nav li:has(.pv-floating:popover-open) summary:not([aria-current=page]) {
+  background-color: var(--sidebar-nav-hover-bg);
+  color: var(--sidebar-nav-hover-text);
+}
+
 .sidebar-layout.is-collapsed:not(.is-floating) .pv-sidebar-nav a:not(.pv-popover a),
 .sidebar-layout.is-collapsed:not(.is-floating) .pv-sidebar-nav summary {
   width: 2.5rem !important;
@@ -5445,6 +5473,9 @@ pv-sidebar {
 .sidebar-layout-secondary .pv-sidebar-nav summary[aria-current=page] [class*=pv-icon] {
   color: var(--sidebar-nav-active-icon-color);
 }
+.sidebar-layout-secondary .pv-popover .pv-popover-list {
+  background-color: #FDFDFC;
+}
 
 .pv-sidebar-nav-header {
   --sidebar-nav-text-color: #121313;
@@ -5463,8 +5494,7 @@ pv-sidebar {
   display: flex;
   align-items: center;
   gap: 0.5rem;
-  padding: var(--sidebar-nav-header-inset, 2px 4px 2px 0);
-  border-radius: 8px;
+  border-radius: 2px;
   color: inherit;
   list-style: none;
   cursor: pointer;
@@ -5473,9 +5503,6 @@ pv-sidebar {
   transition-duration: 0.125s;
   transition-property: background-color;
 }
-.pv-sidebar-nav-header summary:hover {
-  background-color: var(--sidebar-nav-hover-bg);
-}
 
 .pv-sidebar-nav {
   --sidebar-nav-text-color: #121313;
@@ -5488,8 +5515,9 @@ pv-sidebar {
   display: flex;
   flex-direction: column;
   height: 100%;
-  padding-block-end: 1rem;
   padding-inline: 0.75rem;
+  overflow-y: auto;
+  overflow-x: hidden;
   gap: var(--nav-list-gap, 0.25rem);
   color: var(--sidebar-nav-text-color);
 }
@@ -5526,6 +5554,7 @@ pv-sidebar {
 .pv-sidebar-nav summary[aria-current=page] {
   background-color: var(--sidebar-nav-active-bg);
   color: var(--sidebar-nav-active-text);
+  font-weight: var(--nav-list-active-font-weight, 600);
 }
 .pv-sidebar-nav details {
   position: relative;
@@ -5533,23 +5562,25 @@ pv-sidebar {
 .pv-sidebar-nav .pv-sidebar-nav-nested {
   margin-inline-start: 1.25rem;
   border-inline-start: 1px solid var(--sidebar-nav-nested-border);
-  padding-inline-start: 0.5rem;
+  padding-inline-start: 0.25rem;
 }
 .pv-sidebar-nav .pv-sidebar-nav-nested a {
   border-radius: 8px;
 }
 .pv-sidebar-nav .pv-sidebar-nav-footer {
   margin-block-start: auto;
-  padding-block-start: 0.5rem;
+  padding-block: 0.5rem;
   display: flex;
   flex-direction: column;
   gap: var(--nav-list-gap, 0.25rem);
+  background-color: var(--layout-primary-sidebar-background-color);
 }
 .pv-sidebar-nav .pv-sidebar-nav-footer details {
   position: relative;
 }
 .pv-sidebar-nav .pv-popover .pv-popover-list a,
 .pv-sidebar-nav .pv-popover .pv-popover-list label {
+  color: #121313;
   font-weight: 400;
 }
 .pv-sidebar-nav .pv-popover .pv-popover-list a:hover, .pv-sidebar-nav .pv-popover .pv-popover-list a:focus-visible,
@@ -6939,6 +6970,7 @@ input.select2-search__field::placeholder {
 
 .p-datepicker-panel {
   width: fit-content !important;
+  min-width: fit-content !important;
 }
 
 .p-datepicker-panel:has(.p-datepicker-month-view),

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

@@ -1341,6 +1341,17 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
   position: absolute;
 }
 
+.pv-input-file:has([type=file]:disabled) .pv-label {
+  cursor: not-allowed;
+}
+
+.pv-input-file:has([type=file]:disabled) [class*=pv-button] {
+  color: var(--button-disabled-color, #6E7784);
+  background-color: var(--button-disabled-background-color, #DCDFE4);
+  background-image: none;
+  cursor: not-allowed;
+}
+
 .pv-switch {
   display: flex;
   align-items: center;