@turquoisehealth/pit-viper 2.244.1 → 2.244.3

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

@@ -1582,6 +1582,14 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 .pv-ghost-input {
   display: flex;
   align-items: center;
+  border: 1px solid transparent;
+  border-radius: var(--ghost-input-radius, 6px);
+}
+.pv-ghost-input:focus-within {
+  border-color: var(--ghost-input-focus-border-color, #36C5BA);
+}
+.pv-ghost-input[data-invalid] {
+  border-color: var(--ghost-input-error-border-color, #FF471A);
 }
 .pv-ghost-input input {
   padding: 0.25rem 0.125rem;
@@ -3320,13 +3328,34 @@ button.pv-tag-secondary:active {
   padding-block-start: var(--tab-list-padding-top, 0);
   border-block-end: var(--tab-list-border-width, 2px) solid var(--tab-list-border-color, #E8EBEB);
 }
-[class*=pv-tab-list] :where(li) {
+[class*=pv-tab-list] > :where(li) {
   position: relative;
+  display: flex;
+  align-items: center;
   white-space: nowrap;
   transition-duration: 0.125s;
   transition-property: color;
 }
-[class*=pv-tab-list] :where(li) a, [class*=pv-tab-list] :where(li) button {
+[class*=pv-tab-list] > :where(li) .pv-tab-options {
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  background-color: var(--tab-list-hover-background-color, #F8F7F1);
+  opacity: 0;
+  pointer-events: none;
+  transition-duration: 0.125s;
+  transition-property: opacity;
+}
+[class*=pv-tab-list] > :where(li) .pv-tab-options .pv-button-ghost {
+  color: var(--tab-list-hover-text-color, #1A3A39);
+}
+[class*=pv-tab-list] > :where(li):hover .pv-tab-options,
+[class*=pv-tab-list] > :where(li) .pv-tab-options:focus-within {
+  opacity: 1;
+  pointer-events: auto;
+}
+[class*=pv-tab-list] > :where(li) > a, [class*=pv-tab-list] > :where(li) > button {
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -3341,15 +3370,32 @@ 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 {
   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 {
   background-color: var(--tab-list-pressed-background-color, #C7D8DB);
 }
-[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 {
+  align-items: center;
+  padding: 7px 8px;
+  border-radius: var(--tab-list-item-radius, 6px) var(--tab-list-item-radius, 6px) 0 0;
+  background-color: var(--tab-list-hover-background-color, #F8F7F1);
+}
+[class*=pv-tab-list] > :where(li) > .pv-tab-input .pv-ghost-input {
+  height: 16px;
+  padding: 3px 2px;
+}
+[class*=pv-tab-list] > :where(li) > .pv-tab-input .pv-ghost-input input {
+  color: var(--tab-list-text-color, #768988);
+  font-weight: var(--tab-list-font-weight, 500);
+  font-size: var(--tab-list-font-size, 1rem);
+  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 {
   content: "";
   display: block;
   height: var(--tab-list-indicator-size, 2px);
@@ -3360,22 +3406,31 @@ 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 {
+  color: var(--tab-list-active-text-color, #147F85);
+}
+[class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input .pv-ghost-input input {
+  color: var(--tab-list-active-text-color, #147F85);
+}
+[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] > a:after, [class*=pv-tab-list] > :where(li)[data-active] > button:after, [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input: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-list-small > :where(li) > a, .pv-tab-list-small > :where(li) > button {
   padding: var(--tab-list-small-item-padding, 0.1875rem 0.5rem);
 }
+.pv-tab-list-small > :where(li) > .pv-tab-input {
+  padding: 3px 8px;
+}
 
 :where(ol.pv-tab-list) {
   counter-reset: item;
 }
-:where(ol.pv-tab-list) :where(li) > a:before {
+:where(ol.pv-tab-list) > :where(li) > a:before {
   counter-increment: item;
   content: counter(item);
   display: inline-block;
@@ -5183,13 +5238,15 @@ pv-data-grid.ag-theme-pv {
   padding-block: 0;
 }
 
-[class*=pv-stepper] {
+.pv-stepper-active,
+.pv-stepper-inactive {
   height: 8px;
   flex-shrink: 0;
   cursor: default;
   transition: width 0.15s ease-in-out, background-color 0.15s ease-in-out, border-radius 0.15s ease-in-out;
 }
-[class*=pv-stepper][data-clickable=true] {
+.pv-stepper-active[data-clickable=true],
+.pv-stepper-inactive[data-clickable=true] {
   cursor: pointer;
 }
 
@@ -5205,6 +5262,58 @@ pv-data-grid.ag-theme-pv {
   background-color: var(--stepper-inactive-background-color, #E0E5E4);
 }
 
+.pv-stepper-progress-divider {
+  flex: 1 1 auto;
+  height: 1px;
+  align-self: center;
+}
+
+.pv-stepper-progress-divider-default {
+  background-color: var(--stepper-progress-divider-color, #E0E5E4);
+}
+
+.pv-stepper-progress-divider-success {
+  background-color: var(--stepper-progress-divider-success-color, #0E8019);
+}
+
+[class*=pv-stepper-button] {
+  padding: var(--button-large-padding, calc(1rem - 1px) 1.5rem);
+  border-radius: var(--stepper-button-radius, 8px);
+  border: 1px solid transparent;
+  font-family: inherit;
+  font-size: var(--button-font-size, 1rem);
+  font-weight: var(--button-font-weight, 500);
+  line-height: var(--button-line-height, 1.25);
+  cursor: pointer;
+  transition-duration: 0.125s;
+  transition-property: background-color, color;
+}
+[class*=pv-stepper-button][data-clickable=false] {
+  cursor: default;
+}
+
+.pv-stepper-button-active {
+  background-color: var(--stepper-button-active-background-color, #F3F1EB);
+  color: var(--stepper-button-active-text-color, #1A3A39);
+}
+.pv-stepper-button-active:hover, .pv-stepper-button-active:active {
+  background-color: var(--stepper-button-active-background-color, #F3F1EB);
+  color: var(--stepper-button-active-text-color, #1A3A39);
+}
+
+.pv-stepper-button-inactive {
+  background-color: transparent;
+  color: var(--stepper-button-inactive-text-color, #768988);
+}
+.pv-stepper-button-inactive:hover {
+  background-color: var(--stepper-button-inactive-background-color, #F8F7F1);
+  color: var(--stepper-button-inactive-text-color, #768988);
+}
+.pv-stepper-button-inactive:active {
+  background-color: var(--stepper-button-inactive-active-background-color, #C7D8DB);
+  color: var(--stepper-button-inactive-text-color, #768988);
+}
+
 .pv-step-list {
   list-style: none;
   margin: 0;

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

@@ -1450,6 +1450,14 @@
 .pv-v2 .pv-ghost-input {
   display: flex;
   align-items: center;
+  border: 1px solid transparent;
+  border-radius: var(--ghost-input-radius, 4px);
+}
+.pv-v2 .pv-ghost-input:focus-within {
+  border-color: var(--ghost-input-focus-border-color, #36C5BA);
+}
+.pv-v2 .pv-ghost-input[data-invalid] {
+  border-color: var(--ghost-input-error-border-color, #FF471A);
 }
 .pv-v2 .pv-ghost-input input {
   padding: 0.25rem 0.125rem;
@@ -3017,13 +3025,34 @@
   padding-block-start: var(--tab-list-padding-top, 0);
   border-block-end: var(--tab-list-border-width, 2px) solid var(--tab-list-border-color, #E3E7EA);
 }
-.pv-v2 [class*=pv-tab-list] :where(li) {
+.pv-v2 [class*=pv-tab-list] > :where(li) {
   position: relative;
+  display: flex;
+  align-items: center;
   white-space: nowrap;
   transition-duration: 0.125s;
   transition-property: color;
 }
-.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-options {
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  background-color: var(--tab-list-hover-background-color, #E8F2F4);
+  opacity: 0;
+  pointer-events: none;
+  transition-duration: 0.125s;
+  transition-property: opacity;
+}
+.pv-v2 [class*=pv-tab-list] > :where(li) .pv-tab-options .pv-button-ghost {
+  color: var(--tab-list-hover-text-color, #121313);
+}
+.pv-v2 [class*=pv-tab-list] > :where(li):hover .pv-tab-options,
+.pv-v2 [class*=pv-tab-list] > :where(li) .pv-tab-options:focus-within {
+  opacity: 1;
+  pointer-events: auto;
+}
+.pv-v2 [class*=pv-tab-list] > :where(li) > a, .pv-v2 [class*=pv-tab-list] > :where(li) > button {
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -3038,15 +3067,32 @@
   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 {
   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 {
   background-color: var(--tab-list-pressed-background-color, #C7D8DB);
 }
-.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 {
+  align-items: center;
+  padding: 7px 8px;
+  border-radius: var(--tab-list-item-radius, 4px) var(--tab-list-item-radius, 4px) 0 0;
+  background-color: var(--tab-list-hover-background-color, #E8F2F4);
+}
+.pv-v2 [class*=pv-tab-list] > :where(li) > .pv-tab-input .pv-ghost-input {
+  height: 16px;
+  padding: 3px 2px;
+}
+.pv-v2 [class*=pv-tab-list] > :where(li) > .pv-tab-input .pv-ghost-input input {
+  color: var(--tab-list-text-color, #6E8081);
+  font-weight: var(--tab-list-font-weight, 500);
+  font-size: var(--tab-list-font-size, 0.75rem);
+  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 {
   content: "";
   display: block;
   height: var(--tab-list-indicator-size, 2px);
@@ -3057,20 +3103,29 @@
   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 {
+  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 {
   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-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 {
   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-list-small > :where(li) > a, .pv-v2 .pv-tab-list-small > :where(li) > button {
   padding: var(--tab-list-small-item-padding, 0.1875rem 0.5rem);
 }
+.pv-v2 .pv-tab-list-small > :where(li) > .pv-tab-input {
+  padding: 3px 8px;
+}
 .pv-v2 :where(ol.pv-tab-list) {
   counter-reset: item;
 }
-.pv-v2 :where(ol.pv-tab-list) :where(li) > a:before {
+.pv-v2 :where(ol.pv-tab-list) > :where(li) > a:before {
   counter-increment: item;
   content: counter(item);
   display: inline-block;
@@ -4733,13 +4788,15 @@
   min-width: 16px;
   padding-block: 0;
 }
-.pv-v2 [class*=pv-stepper] {
+.pv-v2 .pv-stepper-active,
+.pv-v2 .pv-stepper-inactive {
   height: 8px;
   flex-shrink: 0;
   cursor: default;
   transition: width 0.15s ease-in-out, background-color 0.15s ease-in-out, border-radius 0.15s ease-in-out;
 }
-.pv-v2 [class*=pv-stepper][data-clickable=true] {
+.pv-v2 .pv-stepper-active[data-clickable=true],
+.pv-v2 .pv-stepper-inactive[data-clickable=true] {
   cursor: pointer;
 }
 .pv-v2 .pv-stepper-active {
@@ -4752,6 +4809,52 @@
   border-radius: 50%;
   background-color: var(--stepper-inactive-background-color, #E0E5E4);
 }
+.pv-v2 .pv-stepper-progress-divider {
+  flex: 1 1 auto;
+  height: 1px;
+  align-self: center;
+}
+.pv-v2 .pv-stepper-progress-divider-default {
+  background-color: var(--stepper-progress-divider-color, #E0E5E4);
+}
+.pv-v2 .pv-stepper-progress-divider-success {
+  background-color: var(--stepper-progress-divider-success-color, #0E8019);
+}
+.pv-v2 [class*=pv-stepper-button] {
+  padding: var(--button-large-padding, calc(0.5rem - 1px) 0.75rem);
+  border-radius: var(--stepper-button-radius, 8px);
+  border: 1px solid transparent;
+  font-family: inherit;
+  font-size: var(--button-font-size, 0.75rem);
+  font-weight: var(--button-font-weight, 500);
+  line-height: var(--button-line-height, 1.33333333);
+  cursor: pointer;
+  transition-duration: 0.125s;
+  transition-property: background-color, color;
+}
+.pv-v2 [class*=pv-stepper-button][data-clickable=false] {
+  cursor: default;
+}
+.pv-v2 .pv-stepper-button-active {
+  background-color: var(--stepper-button-active-background-color, #F3F1EB);
+  color: var(--stepper-button-active-text-color, #121313);
+}
+.pv-v2 .pv-stepper-button-active:hover, .pv-v2 .pv-stepper-button-active:active {
+  background-color: var(--stepper-button-active-background-color, #F3F1EB);
+  color: var(--stepper-button-active-text-color, #121313);
+}
+.pv-v2 .pv-stepper-button-inactive {
+  background-color: transparent;
+  color: var(--stepper-button-inactive-text-color, #6E8081);
+}
+.pv-v2 .pv-stepper-button-inactive:hover {
+  background-color: var(--stepper-button-inactive-background-color, #E8F2F4);
+  color: var(--stepper-button-inactive-text-color, #6E8081);
+}
+.pv-v2 .pv-stepper-button-inactive:active {
+  background-color: var(--stepper-button-inactive-active-background-color, #C7D8DB);
+  color: var(--stepper-button-inactive-text-color, #6E8081);
+}
 .pv-v2 .pv-step-list {
   list-style: none;
   margin: 0;

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

@@ -1576,6 +1576,14 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 .pv-ghost-input {
   display: flex;
   align-items: center;
+  border: 1px solid transparent;
+  border-radius: var(--ghost-input-radius, 4px);
+}
+.pv-ghost-input:focus-within {
+  border-color: var(--ghost-input-focus-border-color, #36C5BA);
+}
+.pv-ghost-input[data-invalid] {
+  border-color: var(--ghost-input-error-border-color, #FF471A);
 }
 .pv-ghost-input input {
   padding: 0.25rem 0.125rem;
@@ -3314,13 +3322,34 @@ button.pv-tag-secondary:active {
   padding-block-start: var(--tab-list-padding-top, 0);
   border-block-end: var(--tab-list-border-width, 2px) solid var(--tab-list-border-color, #E3E7EA);
 }
-[class*=pv-tab-list] :where(li) {
+[class*=pv-tab-list] > :where(li) {
   position: relative;
+  display: flex;
+  align-items: center;
   white-space: nowrap;
   transition-duration: 0.125s;
   transition-property: color;
 }
-[class*=pv-tab-list] :where(li) a, [class*=pv-tab-list] :where(li) button {
+[class*=pv-tab-list] > :where(li) .pv-tab-options {
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  background-color: var(--tab-list-hover-background-color, #E8F2F4);
+  opacity: 0;
+  pointer-events: none;
+  transition-duration: 0.125s;
+  transition-property: opacity;
+}
+[class*=pv-tab-list] > :where(li) .pv-tab-options .pv-button-ghost {
+  color: var(--tab-list-hover-text-color, #121313);
+}
+[class*=pv-tab-list] > :where(li):hover .pv-tab-options,
+[class*=pv-tab-list] > :where(li) .pv-tab-options:focus-within {
+  opacity: 1;
+  pointer-events: auto;
+}
+[class*=pv-tab-list] > :where(li) > a, [class*=pv-tab-list] > :where(li) > button {
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -3335,15 +3364,32 @@ 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 {
   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 {
   background-color: var(--tab-list-pressed-background-color, #C7D8DB);
 }
-[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 {
+  align-items: center;
+  padding: 7px 8px;
+  border-radius: var(--tab-list-item-radius, 4px) var(--tab-list-item-radius, 4px) 0 0;
+  background-color: var(--tab-list-hover-background-color, #E8F2F4);
+}
+[class*=pv-tab-list] > :where(li) > .pv-tab-input .pv-ghost-input {
+  height: 16px;
+  padding: 3px 2px;
+}
+[class*=pv-tab-list] > :where(li) > .pv-tab-input .pv-ghost-input input {
+  color: var(--tab-list-text-color, #6E8081);
+  font-weight: var(--tab-list-font-weight, 500);
+  font-size: var(--tab-list-font-size, 0.75rem);
+  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 {
   content: "";
   display: block;
   height: var(--tab-list-indicator-size, 2px);
@@ -3354,22 +3400,31 @@ 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 {
+  color: var(--tab-list-active-text-color, #16696D);
+}
+[class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input .pv-ghost-input input {
+  color: var(--tab-list-active-text-color, #16696D);
+}
+[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] > a:after, [class*=pv-tab-list] > :where(li)[data-active] > button:after, [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input: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-list-small > :where(li) > a, .pv-tab-list-small > :where(li) > button {
   padding: var(--tab-list-small-item-padding, 0.1875rem 0.5rem);
 }
+.pv-tab-list-small > :where(li) > .pv-tab-input {
+  padding: 3px 8px;
+}
 
 :where(ol.pv-tab-list) {
   counter-reset: item;
 }
-:where(ol.pv-tab-list) :where(li) > a:before {
+:where(ol.pv-tab-list) > :where(li) > a:before {
   counter-increment: item;
   content: counter(item);
   display: inline-block;
@@ -5199,13 +5254,15 @@ pv-data-grid.ag-theme-pv {
   padding-block: 0;
 }
 
-[class*=pv-stepper] {
+.pv-stepper-active,
+.pv-stepper-inactive {
   height: 8px;
   flex-shrink: 0;
   cursor: default;
   transition: width 0.15s ease-in-out, background-color 0.15s ease-in-out, border-radius 0.15s ease-in-out;
 }
-[class*=pv-stepper][data-clickable=true] {
+.pv-stepper-active[data-clickable=true],
+.pv-stepper-inactive[data-clickable=true] {
   cursor: pointer;
 }
 
@@ -5221,6 +5278,58 @@ pv-data-grid.ag-theme-pv {
   background-color: var(--stepper-inactive-background-color, #E0E5E4);
 }
 
+.pv-stepper-progress-divider {
+  flex: 1 1 auto;
+  height: 1px;
+  align-self: center;
+}
+
+.pv-stepper-progress-divider-default {
+  background-color: var(--stepper-progress-divider-color, #E0E5E4);
+}
+
+.pv-stepper-progress-divider-success {
+  background-color: var(--stepper-progress-divider-success-color, #0E8019);
+}
+
+[class*=pv-stepper-button] {
+  padding: var(--button-large-padding, calc(0.5rem - 1px) 0.75rem);
+  border-radius: var(--stepper-button-radius, 8px);
+  border: 1px solid transparent;
+  font-family: inherit;
+  font-size: var(--button-font-size, 0.75rem);
+  font-weight: var(--button-font-weight, 500);
+  line-height: var(--button-line-height, 1.33333333);
+  cursor: pointer;
+  transition-duration: 0.125s;
+  transition-property: background-color, color;
+}
+[class*=pv-stepper-button][data-clickable=false] {
+  cursor: default;
+}
+
+.pv-stepper-button-active {
+  background-color: var(--stepper-button-active-background-color, #F3F1EB);
+  color: var(--stepper-button-active-text-color, #121313);
+}
+.pv-stepper-button-active:hover, .pv-stepper-button-active:active {
+  background-color: var(--stepper-button-active-background-color, #F3F1EB);
+  color: var(--stepper-button-active-text-color, #121313);
+}
+
+.pv-stepper-button-inactive {
+  background-color: transparent;
+  color: var(--stepper-button-inactive-text-color, #6E8081);
+}
+.pv-stepper-button-inactive:hover {
+  background-color: var(--stepper-button-inactive-background-color, #E8F2F4);
+  color: var(--stepper-button-inactive-text-color, #6E8081);
+}
+.pv-stepper-button-inactive:active {
+  background-color: var(--stepper-button-inactive-active-background-color, #C7D8DB);
+  color: var(--stepper-button-inactive-text-color, #6E8081);
+}
+
 .pv-step-list {
   list-style: none;
   margin: 0;