@turquoisehealth/pit-viper 2.252.1 → 2.254.0

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

@@ -3357,7 +3357,7 @@ button.pv-tag-secondary:active {
   opacity: 1;
   pointer-events: auto;
 }
-[class*=pv-tab-list] > :where(li) > a, [class*=pv-tab-list] > :where(li) > button {
+[class*=pv-tab-list] > :where(li) > a, [class*=pv-tab-list] > :where(li) > button, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button {
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -3372,12 +3372,21 @@ button.pv-tag-secondary:active {
   background-color: transparent;
   cursor: pointer;
 }
-[class*=pv-tab-list] > :where(li) > a:hover, [class*=pv-tab-list] > :where(li) > a:focus-visible, [class*=pv-tab-list] > :where(li) > button:hover, [class*=pv-tab-list] > :where(li) > button:focus-visible {
+[class*=pv-tab-list] > :where(li) > a:hover, [class*=pv-tab-list] > :where(li) > a:focus-visible, [class*=pv-tab-list] > :where(li) > button:hover, [class*=pv-tab-list] > :where(li) > button:focus-visible, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:hover, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:focus-visible {
   text-decoration: none;
   color: var(--tab-list-hover-text-color, #121313);
   background-color: var(--tab-list-hover-background-color, #E8F2F4);
 }
-[class*=pv-tab-list] > :where(li) > a:active, [class*=pv-tab-list] > :where(li) > button:active {
+[class*=pv-tab-list] > :where(li) > a:active, [class*=pv-tab-list] > :where(li) > button:active, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:active {
+  background-color: var(--tab-list-pressed-background-color, #C7D8DB);
+}
+[class*=pv-tab-list] > :where(li) > a:disabled, [class*=pv-tab-list] > :where(li) > button:disabled, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:disabled {
+  color: var(--tab-list-disabled-text-color, #7D898D);
+  background-color: transparent;
+  cursor: unset;
+}
+[class*=pv-tab-list] > :where(li) > .pv-tab-overflow button, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:hover, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:focus-visible, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:active {
+  color: var(--tab-list-hover-text-color, #121313);
   background-color: var(--tab-list-pressed-background-color, #C7D8DB);
 }
 [class*=pv-tab-list] > :where(li) > .pv-tab-input {
@@ -3397,7 +3406,7 @@ button.pv-tag-secondary:active {
   line-height: var(--tab-list-line-height, 1.2857142857);
   background-color: transparent;
 }
-[class*=pv-tab-list] > :where(li) > a:after, [class*=pv-tab-list] > :where(li) > button:after, [class*=pv-tab-list] > :where(li) > .pv-tab-input:after {
+[class*=pv-tab-list] > :where(li) > a:after, [class*=pv-tab-list] > :where(li) > button:after, [class*=pv-tab-list] > :where(li) > .pv-tab-input:after, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:after {
   content: "";
   display: block;
   height: var(--tab-list-indicator-size, 2px);
@@ -3408,7 +3417,7 @@ button.pv-tag-secondary:active {
   right: 0;
   background-color: var(--tab-list-indicator-inactive-color, #8F939E);
 }
-[class*=pv-tab-list] > :where(li)[data-active] > a, [class*=pv-tab-list] > :where(li)[data-active] > button {
+[class*=pv-tab-list] > :where(li)[data-active] > a, [class*=pv-tab-list] > :where(li)[data-active] > button, [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-overflow button {
   color: var(--tab-list-active-text-color, #13595D);
 }
 [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input .pv-ghost-input input {
@@ -3417,12 +3426,23 @@ button.pv-tag-secondary:active {
 [class*=pv-tab-list] > :where(li)[data-active] .pv-tab-options .pv-button-ghost {
   color: var(--tab-list-active-text-color, #13595D);
 }
-[class*=pv-tab-list] > :where(li)[data-active] > a:after, [class*=pv-tab-list] > :where(li)[data-active] > button:after, [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input:after {
+[class*=pv-tab-list] > :where(li)[data-active] > a:after, [class*=pv-tab-list] > :where(li)[data-active] > button:after, [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input:after, [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-overflow button:after {
   border-radius: var(--tab-list-indicator-radius, 2px);
   background-color: var(--tab-list-indicator-color, #13595D);
 }
 
-.pv-tab-list-small > :where(li) > a, .pv-tab-list-small > :where(li) > button {
+.pv-tab-overflow .pv-popover-list a[aria-disabled=true] {
+  color: var(--tab-list-disabled-text-color, #7D898D);
+  background-color: transparent;
+  cursor: unset;
+}
+
+.pv-tab-list-collapsible {
+  width: 100%;
+  min-width: 0;
+}
+
+.pv-tab-list-small > :where(li) > a, .pv-tab-list-small > :where(li) > button, .pv-tab-list-small > :where(li) > .pv-tab-overflow button {
   padding: var(--tab-list-small-item-padding, 0.1875rem 0.5rem);
 }
 .pv-tab-list-small > :where(li) > .pv-tab-input {
@@ -5739,11 +5759,6 @@ body:has(> .pv-layout-primary) {
   padding: 1rem 0.5rem;
 }
 
-pv-sidebar {
-  display: flex;
-  min-height: 0;
-}
-
 .sidebar-layout {
   --layout-primary-sidebar-background-color: #02363D;
   --layout-primary-sidebar-text-color: #FFFFFF;
@@ -5873,6 +5888,7 @@ pv-sidebar {
   overflow-y: auto;
 }
 
+pv-sidebar .content-panel [data-grid-area=content] > [data-grid-area=main],
 pv-sidebar-v-2 .content-panel [data-grid-area=content] > [data-grid-area=main] {
   overflow-x: auto;
 }
@@ -6182,6 +6198,11 @@ pv-sidebar-v-2 .content-panel [data-grid-area=content] > [data-grid-area=main] {
 .pv-sidebar-nav .pv-sidebar-nav-nested a {
   border-radius: 8px;
 }
+.pv-sidebar-nav .pv-sidebar-nav-separator {
+  height: 1px;
+  margin-block: 0.75rem;
+  background-color: var(--sidebar-nav-nested-border);
+}
 .pv-sidebar-nav .pv-sidebar-nav-footer {
   margin-block-start: auto;
   padding-block: 0.5rem;

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

@@ -3363,7 +3363,7 @@ button.pv-tag-secondary:active {
   opacity: 1;
   pointer-events: auto;
 }
-[class*=pv-tab-list] > :where(li) > a, [class*=pv-tab-list] > :where(li) > button {
+[class*=pv-tab-list] > :where(li) > a, [class*=pv-tab-list] > :where(li) > button, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button {
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -3378,12 +3378,21 @@ button.pv-tag-secondary:active {
   background-color: transparent;
   cursor: pointer;
 }
-[class*=pv-tab-list] > :where(li) > a:hover, [class*=pv-tab-list] > :where(li) > a:focus-visible, [class*=pv-tab-list] > :where(li) > button:hover, [class*=pv-tab-list] > :where(li) > button:focus-visible {
+[class*=pv-tab-list] > :where(li) > a:hover, [class*=pv-tab-list] > :where(li) > a:focus-visible, [class*=pv-tab-list] > :where(li) > button:hover, [class*=pv-tab-list] > :where(li) > button:focus-visible, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:hover, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:focus-visible {
   text-decoration: none;
   color: var(--tab-list-hover-text-color, #1A3A39);
   background-color: var(--tab-list-hover-background-color, #F8F7F1);
 }
-[class*=pv-tab-list] > :where(li) > a:active, [class*=pv-tab-list] > :where(li) > button:active {
+[class*=pv-tab-list] > :where(li) > a:active, [class*=pv-tab-list] > :where(li) > button:active, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:active {
+  background-color: var(--tab-list-pressed-background-color, #C7D8DB);
+}
+[class*=pv-tab-list] > :where(li) > a:disabled, [class*=pv-tab-list] > :where(li) > button:disabled, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:disabled {
+  color: var(--tab-list-disabled-text-color, #A3B0B0);
+  background-color: transparent;
+  cursor: unset;
+}
+[class*=pv-tab-list] > :where(li) > .pv-tab-overflow button, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:hover, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:focus-visible, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:active {
+  color: var(--tab-list-hover-text-color, #1A3A39);
   background-color: var(--tab-list-pressed-background-color, #C7D8DB);
 }
 [class*=pv-tab-list] > :where(li) > .pv-tab-input {
@@ -3403,7 +3412,7 @@ button.pv-tag-secondary:active {
   line-height: var(--tab-list-line-height, 1.5);
   background-color: transparent;
 }
-[class*=pv-tab-list] > :where(li) > a:after, [class*=pv-tab-list] > :where(li) > button:after, [class*=pv-tab-list] > :where(li) > .pv-tab-input:after {
+[class*=pv-tab-list] > :where(li) > a:after, [class*=pv-tab-list] > :where(li) > button:after, [class*=pv-tab-list] > :where(li) > .pv-tab-input:after, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:after {
   content: "";
   display: block;
   height: var(--tab-list-indicator-size, 2px);
@@ -3414,7 +3423,7 @@ button.pv-tag-secondary:active {
   right: 0;
   background-color: var(--tab-list-indicator-inactive-color, #E8EBEB);
 }
-[class*=pv-tab-list] > :where(li)[data-active] > a, [class*=pv-tab-list] > :where(li)[data-active] > button {
+[class*=pv-tab-list] > :where(li)[data-active] > a, [class*=pv-tab-list] > :where(li)[data-active] > button, [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-overflow button {
   color: var(--tab-list-active-text-color, #147F85);
 }
 [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input .pv-ghost-input input {
@@ -3423,12 +3432,23 @@ button.pv-tag-secondary:active {
 [class*=pv-tab-list] > :where(li)[data-active] .pv-tab-options .pv-button-ghost {
   color: var(--tab-list-active-text-color, #147F85);
 }
-[class*=pv-tab-list] > :where(li)[data-active] > a:after, [class*=pv-tab-list] > :where(li)[data-active] > button:after, [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input:after {
+[class*=pv-tab-list] > :where(li)[data-active] > a:after, [class*=pv-tab-list] > :where(li)[data-active] > button:after, [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input:after, [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-overflow button:after {
   border-radius: var(--tab-list-indicator-radius, 2px);
   background-color: var(--tab-list-indicator-color, #147F85);
 }
 
-.pv-tab-list-small > :where(li) > a, .pv-tab-list-small > :where(li) > button {
+.pv-tab-overflow .pv-popover-list a[aria-disabled=true] {
+  color: var(--tab-list-disabled-text-color, #A3B0B0);
+  background-color: transparent;
+  cursor: unset;
+}
+
+.pv-tab-list-collapsible {
+  width: 100%;
+  min-width: 0;
+}
+
+.pv-tab-list-small > :where(li) > a, .pv-tab-list-small > :where(li) > button, .pv-tab-list-small > :where(li) > .pv-tab-overflow button {
   padding: var(--tab-list-small-item-padding, 0.1875rem 0.5rem);
 }
 .pv-tab-list-small > :where(li) > .pv-tab-input {

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

@@ -3059,7 +3059,7 @@
   opacity: 1;
   pointer-events: auto;
 }
-.pv-v2 [class*=pv-tab-list] > :where(li) > a, .pv-v2 [class*=pv-tab-list] > :where(li) > button {
+.pv-v2 [class*=pv-tab-list] > :where(li) > a, .pv-v2 [class*=pv-tab-list] > :where(li) > button, .pv-v2 [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button {
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -3074,12 +3074,21 @@
   background-color: transparent;
   cursor: pointer;
 }
-.pv-v2 [class*=pv-tab-list] > :where(li) > a:hover, .pv-v2 [class*=pv-tab-list] > :where(li) > a:focus-visible, .pv-v2 [class*=pv-tab-list] > :where(li) > button:hover, .pv-v2 [class*=pv-tab-list] > :where(li) > button:focus-visible {
+.pv-v2 [class*=pv-tab-list] > :where(li) > a:hover, .pv-v2 [class*=pv-tab-list] > :where(li) > a:focus-visible, .pv-v2 [class*=pv-tab-list] > :where(li) > button:hover, .pv-v2 [class*=pv-tab-list] > :where(li) > button:focus-visible, .pv-v2 [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:hover, .pv-v2 [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:focus-visible {
   text-decoration: none;
   color: var(--tab-list-hover-text-color, #121313);
   background-color: var(--tab-list-hover-background-color, #E8F2F4);
 }
-.pv-v2 [class*=pv-tab-list] > :where(li) > a:active, .pv-v2 [class*=pv-tab-list] > :where(li) > button:active {
+.pv-v2 [class*=pv-tab-list] > :where(li) > a:active, .pv-v2 [class*=pv-tab-list] > :where(li) > button:active, .pv-v2 [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:active {
+  background-color: var(--tab-list-pressed-background-color, #C7D8DB);
+}
+.pv-v2 [class*=pv-tab-list] > :where(li) > a:disabled, .pv-v2 [class*=pv-tab-list] > :where(li) > button:disabled, .pv-v2 [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:disabled {
+  color: var(--tab-list-disabled-text-color, #7D898D);
+  background-color: transparent;
+  cursor: unset;
+}
+.pv-v2 [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button, .pv-v2 [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:hover, .pv-v2 [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:focus-visible, .pv-v2 [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:active {
+  color: var(--tab-list-hover-text-color, #121313);
   background-color: var(--tab-list-pressed-background-color, #C7D8DB);
 }
 .pv-v2 [class*=pv-tab-list] > :where(li) > .pv-tab-input {
@@ -3099,7 +3108,7 @@
   line-height: var(--tab-list-line-height, 1.33333333);
   background-color: transparent;
 }
-.pv-v2 [class*=pv-tab-list] > :where(li) > a:after, .pv-v2 [class*=pv-tab-list] > :where(li) > button:after, .pv-v2 [class*=pv-tab-list] > :where(li) > .pv-tab-input:after {
+.pv-v2 [class*=pv-tab-list] > :where(li) > a:after, .pv-v2 [class*=pv-tab-list] > :where(li) > button:after, .pv-v2 [class*=pv-tab-list] > :where(li) > .pv-tab-input:after, .pv-v2 [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:after {
   content: "";
   display: block;
   height: var(--tab-list-indicator-size, 2px);
@@ -3110,7 +3119,7 @@
   right: 0;
   background-color: var(--tab-list-indicator-inactive-color, #E3E7EA);
 }
-.pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > a, .pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > button {
+.pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > a, .pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > button, .pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-overflow button {
   color: var(--tab-list-active-text-color, #16696D);
 }
 .pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input .pv-ghost-input input {
@@ -3119,11 +3128,20 @@
 .pv-v2 [class*=pv-tab-list] > :where(li)[data-active] .pv-tab-options .pv-button-ghost {
   color: var(--tab-list-active-text-color, #16696D);
 }
-.pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > a:after, .pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > button:after, .pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input:after {
+.pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > a:after, .pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > button:after, .pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input:after, .pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-overflow button:after {
   border-radius: var(--tab-list-indicator-radius, 2px);
   background-color: var(--tab-list-indicator-color, #16696D);
 }
-.pv-v2 .pv-tab-list-small > :where(li) > a, .pv-v2 .pv-tab-list-small > :where(li) > button {
+.pv-v2 .pv-tab-overflow .pv-popover-list a[aria-disabled=true] {
+  color: var(--tab-list-disabled-text-color, #7D898D);
+  background-color: transparent;
+  cursor: unset;
+}
+.pv-v2 .pv-tab-list-collapsible {
+  width: 100%;
+  min-width: 0;
+}
+.pv-v2 .pv-tab-list-small > :where(li) > a, .pv-v2 .pv-tab-list-small > :where(li) > button, .pv-v2 .pv-tab-list-small > :where(li) > .pv-tab-overflow button {
   padding: var(--tab-list-small-item-padding, 0.1875rem 0.5rem);
 }
 .pv-v2 .pv-tab-list-small > :where(li) > .pv-tab-input {

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

@@ -3357,7 +3357,7 @@ button.pv-tag-secondary:active {
   opacity: 1;
   pointer-events: auto;
 }
-[class*=pv-tab-list] > :where(li) > a, [class*=pv-tab-list] > :where(li) > button {
+[class*=pv-tab-list] > :where(li) > a, [class*=pv-tab-list] > :where(li) > button, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button {
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -3372,12 +3372,21 @@ button.pv-tag-secondary:active {
   background-color: transparent;
   cursor: pointer;
 }
-[class*=pv-tab-list] > :where(li) > a:hover, [class*=pv-tab-list] > :where(li) > a:focus-visible, [class*=pv-tab-list] > :where(li) > button:hover, [class*=pv-tab-list] > :where(li) > button:focus-visible {
+[class*=pv-tab-list] > :where(li) > a:hover, [class*=pv-tab-list] > :where(li) > a:focus-visible, [class*=pv-tab-list] > :where(li) > button:hover, [class*=pv-tab-list] > :where(li) > button:focus-visible, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:hover, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:focus-visible {
   text-decoration: none;
   color: var(--tab-list-hover-text-color, #121313);
   background-color: var(--tab-list-hover-background-color, #E8F2F4);
 }
-[class*=pv-tab-list] > :where(li) > a:active, [class*=pv-tab-list] > :where(li) > button:active {
+[class*=pv-tab-list] > :where(li) > a:active, [class*=pv-tab-list] > :where(li) > button:active, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:active {
+  background-color: var(--tab-list-pressed-background-color, #C7D8DB);
+}
+[class*=pv-tab-list] > :where(li) > a:disabled, [class*=pv-tab-list] > :where(li) > button:disabled, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:disabled {
+  color: var(--tab-list-disabled-text-color, #7D898D);
+  background-color: transparent;
+  cursor: unset;
+}
+[class*=pv-tab-list] > :where(li) > .pv-tab-overflow button, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:hover, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:focus-visible, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:active {
+  color: var(--tab-list-hover-text-color, #121313);
   background-color: var(--tab-list-pressed-background-color, #C7D8DB);
 }
 [class*=pv-tab-list] > :where(li) > .pv-tab-input {
@@ -3397,7 +3406,7 @@ button.pv-tag-secondary:active {
   line-height: var(--tab-list-line-height, 1.33333333);
   background-color: transparent;
 }
-[class*=pv-tab-list] > :where(li) > a:after, [class*=pv-tab-list] > :where(li) > button:after, [class*=pv-tab-list] > :where(li) > .pv-tab-input:after {
+[class*=pv-tab-list] > :where(li) > a:after, [class*=pv-tab-list] > :where(li) > button:after, [class*=pv-tab-list] > :where(li) > .pv-tab-input:after, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:after {
   content: "";
   display: block;
   height: var(--tab-list-indicator-size, 2px);
@@ -3408,7 +3417,7 @@ button.pv-tag-secondary:active {
   right: 0;
   background-color: var(--tab-list-indicator-inactive-color, #E3E7EA);
 }
-[class*=pv-tab-list] > :where(li)[data-active] > a, [class*=pv-tab-list] > :where(li)[data-active] > button {
+[class*=pv-tab-list] > :where(li)[data-active] > a, [class*=pv-tab-list] > :where(li)[data-active] > button, [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-overflow button {
   color: var(--tab-list-active-text-color, #16696D);
 }
 [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input .pv-ghost-input input {
@@ -3417,12 +3426,23 @@ button.pv-tag-secondary:active {
 [class*=pv-tab-list] > :where(li)[data-active] .pv-tab-options .pv-button-ghost {
   color: var(--tab-list-active-text-color, #16696D);
 }
-[class*=pv-tab-list] > :where(li)[data-active] > a:after, [class*=pv-tab-list] > :where(li)[data-active] > button:after, [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input:after {
+[class*=pv-tab-list] > :where(li)[data-active] > a:after, [class*=pv-tab-list] > :where(li)[data-active] > button:after, [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input:after, [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-overflow button:after {
   border-radius: var(--tab-list-indicator-radius, 2px);
   background-color: var(--tab-list-indicator-color, #16696D);
 }
 
-.pv-tab-list-small > :where(li) > a, .pv-tab-list-small > :where(li) > button {
+.pv-tab-overflow .pv-popover-list a[aria-disabled=true] {
+  color: var(--tab-list-disabled-text-color, #7D898D);
+  background-color: transparent;
+  cursor: unset;
+}
+
+.pv-tab-list-collapsible {
+  width: 100%;
+  min-width: 0;
+}
+
+.pv-tab-list-small > :where(li) > a, .pv-tab-list-small > :where(li) > button, .pv-tab-list-small > :where(li) > .pv-tab-overflow button {
   padding: var(--tab-list-small-item-padding, 0.1875rem 0.5rem);
 }
 .pv-tab-list-small > :where(li) > .pv-tab-input {
@@ -5739,11 +5759,6 @@ body:has(> .pv-layout-primary) {
   padding: 1rem 0.5rem;
 }
 
-pv-sidebar {
-  display: flex;
-  min-height: 0;
-}
-
 .sidebar-layout {
   --layout-primary-sidebar-background-color: #02363D;
   --layout-primary-sidebar-text-color: #FFFFFF;
@@ -5873,6 +5888,7 @@ pv-sidebar {
   overflow-y: auto;
 }
 
+pv-sidebar .content-panel [data-grid-area=content] > [data-grid-area=main],
 pv-sidebar-v-2 .content-panel [data-grid-area=content] > [data-grid-area=main] {
   overflow-x: auto;
 }
@@ -6182,6 +6198,11 @@ pv-sidebar-v-2 .content-panel [data-grid-area=content] > [data-grid-area=main] {
 .pv-sidebar-nav .pv-sidebar-nav-nested a {
   border-radius: 8px;
 }
+.pv-sidebar-nav .pv-sidebar-nav-separator {
+  height: 1px;
+  margin-block: 0.75rem;
+  background-color: var(--sidebar-nav-nested-border);
+}
 .pv-sidebar-nav .pv-sidebar-nav-footer {
   margin-block-start: auto;
   padding-block: 0.5rem;

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

@@ -3362,7 +3362,7 @@ button.pv-tag-secondary:active {
   opacity: 1;
   pointer-events: auto;
 }
-[class*=pv-tab-list] > :where(li) > a, [class*=pv-tab-list] > :where(li) > button {
+[class*=pv-tab-list] > :where(li) > a, [class*=pv-tab-list] > :where(li) > button, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button {
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -3377,12 +3377,21 @@ button.pv-tag-secondary:active {
   background-color: transparent;
   cursor: pointer;
 }
-[class*=pv-tab-list] > :where(li) > a:hover, [class*=pv-tab-list] > :where(li) > a:focus-visible, [class*=pv-tab-list] > :where(li) > button:hover, [class*=pv-tab-list] > :where(li) > button:focus-visible {
+[class*=pv-tab-list] > :where(li) > a:hover, [class*=pv-tab-list] > :where(li) > a:focus-visible, [class*=pv-tab-list] > :where(li) > button:hover, [class*=pv-tab-list] > :where(li) > button:focus-visible, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:hover, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:focus-visible {
   text-decoration: none;
   color: var(--tab-list-hover-text-color, #02363D);
   background-color: var(--tab-list-hover-background-color, transparent);
 }
-[class*=pv-tab-list] > :where(li) > a:active, [class*=pv-tab-list] > :where(li) > button:active {
+[class*=pv-tab-list] > :where(li) > a:active, [class*=pv-tab-list] > :where(li) > button:active, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:active {
+  background-color: var(--tab-list-pressed-background-color, transparent);
+}
+[class*=pv-tab-list] > :where(li) > a:disabled, [class*=pv-tab-list] > :where(li) > button:disabled, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:disabled {
+  color: var(--tab-list-disabled-text-color, #ADB5C0);
+  background-color: transparent;
+  cursor: unset;
+}
+[class*=pv-tab-list] > :where(li) > .pv-tab-overflow button, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:hover, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:focus-visible, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:active {
+  color: var(--tab-list-hover-text-color, #02363D);
   background-color: var(--tab-list-pressed-background-color, transparent);
 }
 [class*=pv-tab-list] > :where(li) > .pv-tab-input {
@@ -3402,7 +3411,7 @@ button.pv-tag-secondary:active {
   line-height: var(--tab-list-line-height, inherit);
   background-color: transparent;
 }
-[class*=pv-tab-list] > :where(li) > a:after, [class*=pv-tab-list] > :where(li) > button:after, [class*=pv-tab-list] > :where(li) > .pv-tab-input:after {
+[class*=pv-tab-list] > :where(li) > a:after, [class*=pv-tab-list] > :where(li) > button:after, [class*=pv-tab-list] > :where(li) > .pv-tab-input:after, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:after {
   content: "";
   display: block;
   height: var(--tab-list-indicator-size, 4px);
@@ -3413,7 +3422,7 @@ button.pv-tag-secondary:active {
   right: 0;
   background-color: var(--tab-list-indicator-inactive-color, transparent);
 }
-[class*=pv-tab-list] > :where(li)[data-active] > a, [class*=pv-tab-list] > :where(li)[data-active] > button {
+[class*=pv-tab-list] > :where(li)[data-active] > a, [class*=pv-tab-list] > :where(li)[data-active] > button, [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-overflow button {
   color: var(--tab-list-active-text-color, #176F6F);
 }
 [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input .pv-ghost-input input {
@@ -3422,12 +3431,23 @@ button.pv-tag-secondary:active {
 [class*=pv-tab-list] > :where(li)[data-active] .pv-tab-options .pv-button-ghost {
   color: var(--tab-list-active-text-color, #176F6F);
 }
-[class*=pv-tab-list] > :where(li)[data-active] > a:after, [class*=pv-tab-list] > :where(li)[data-active] > button:after, [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input:after {
+[class*=pv-tab-list] > :where(li)[data-active] > a:after, [class*=pv-tab-list] > :where(li)[data-active] > button:after, [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input:after, [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-overflow button:after {
   border-radius: var(--tab-list-indicator-radius, 4px 4px 0 0);
   background-color: var(--tab-list-indicator-color, #176F6F);
 }
 
-.pv-tab-list-small > :where(li) > a, .pv-tab-list-small > :where(li) > button {
+.pv-tab-overflow .pv-popover-list a[aria-disabled=true] {
+  color: var(--tab-list-disabled-text-color, #ADB5C0);
+  background-color: transparent;
+  cursor: unset;
+}
+
+.pv-tab-list-collapsible {
+  width: 100%;
+  min-width: 0;
+}
+
+.pv-tab-list-small > :where(li) > a, .pv-tab-list-small > :where(li) > button, .pv-tab-list-small > :where(li) > .pv-tab-overflow button {
   padding: var(--tab-list-small-item-padding, 0 0 0.75rem 0);
 }
 .pv-tab-list-small > :where(li) > .pv-tab-input {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turquoisehealth/pit-viper",
-  "version": "2.252.1",
+  "version": "2.254.0",
   "description": "Turquoise Health's design system.",
   "main": "README.md",
   "publishConfig": {