@turquoisehealth/pit-viper 2.244.0 → 2.244.2

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

@@ -5177,13 +5177,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;
 }
 
@@ -5199,6 +5201,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, #0D6614);
+}
+
+[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.875rem);
+  font-weight: var(--button-font-weight, 500);
+  line-height: var(--button-line-height, 1.2857142857);
+  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, #4B595C);
+}
+.pv-stepper-button-inactive:hover {
+  background-color: var(--stepper-button-inactive-background-color, #E8F2F4);
+  color: var(--stepper-button-inactive-text-color, #4B595C);
+}
+.pv-stepper-button-inactive:active {
+  background-color: var(--stepper-button-inactive-active-background-color, #C7D8DB);
+  color: var(--stepper-button-inactive-text-color, #4B595C);
+}
+
 .pv-step-list {
   list-style: none;
   margin: 0;

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

@@ -5183,13 +5183,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 +5207,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

@@ -4733,13 +4733,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 +4754,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

@@ -5199,13 +5199,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 +5223,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;

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

@@ -5182,13 +5182,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;
 }
 
@@ -5204,6 +5206,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, 12px);
+  border: 1px solid transparent;
+  font-family: inherit;
+  font-size: var(--button-font-size, 1rem);
+  font-weight: var(--button-font-weight, 600);
+  line-height: var(--button-line-height, inherit);
+  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;