@turquoisehealth/pit-viper 2.233.0 → 2.234.1

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

@@ -3332,7 +3332,7 @@ button.pv-tag-secondary:active {
 }
 
 [class*=pv-modal] {
-  --max-height: auto;
+  --max-height: 100%;
   --max-width: 100%;
   --top: 2rem;
   border: none;
@@ -4145,9 +4145,6 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   border-radius: var(--card-radius, 8px);
   background-color: var(--card-background-color, #FFFFFF);
   overflow: clip;
-  transition-duration: 0.125s;
-  transition-timing-function: ease-in;
-  transition-property: border-color;
 }
 .pv-card:hover, .pv-card:focus-visible {
   border-color: var(--card-hover-border-color, #8F939E);
@@ -4195,7 +4192,7 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   font-weight: inherit;
   transition-duration: 0.125s;
   transition-timing-function: ease-in;
-  transition-property: border-color, box-shadow, color;
+  transition-property: box-shadow, color;
 }
 .pv-card:is(a, button):hover:not(:has(button:hover, a:hover, [role=button]:hover)), .pv-card:is(a, button):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)),
 .pv-card:has(.pv-overlay-link):hover:not(:has(button:hover, a:hover, [role=button]:hover)),
@@ -4225,6 +4222,28 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   background-color: var(--card-secondary-background-color, #F0F2F2);
 }
 
+.pv-card-hover-action {
+  border-radius: var(--card-hover-action-radius, 8px);
+  border-color: var(--card-background-color, #FFFFFF);
+}
+.pv-card-hover-action:hover, .pv-card-hover-action:focus-visible {
+  background-color: var(--card-hover-background-color, #E8F2F4);
+  border-color: var(--card-hover-background-color, #E8F2F4);
+}
+
+.pv-card-hover-action-secondary {
+  background-color: var(--color-background-accent, #F0F2F2);
+  border-color: var(--color-background-accent, #F0F2F2);
+}
+
+.pv-card-hover-action__action.pv-flex {
+  display: none;
+}
+
+.pv-card-hover-action:hover .pv-card-hover-action__action.pv-flex {
+  display: flex;
+}
+
 .pv-card-select {
   --unselected: "Apply to Table";
   --selected: "Applied";
@@ -4248,14 +4267,12 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   flex-direction: column;
   transition-duration: 0.125s;
   transition-timing-function: ease-in;
-  transition-property: border-color, color;
+  transition-property: color;
 }
 .pv-card-select > label > :first-child {
   flex: 1;
   border-bottom: 1px solid #8F939E;
   transition-duration: 0.125s;
-  transition-timing-function: ease-in;
-  transition-property: border-color;
 }
 .pv-card-select > label > :last-child {
   padding: 1rem 1.5rem;

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

@@ -3338,7 +3338,7 @@ button.pv-tag-secondary:active {
 }
 
 [class*=pv-modal] {
-  --max-height: auto;
+  --max-height: 100%;
   --max-width: 100%;
   --top: 2rem;
   border: none;
@@ -4151,9 +4151,6 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   border-radius: var(--card-radius, 8px);
   background-color: var(--card-background-color, #FFFFFF);
   overflow: clip;
-  transition-duration: 0.125s;
-  transition-timing-function: ease-in;
-  transition-property: border-color;
 }
 .pv-card:hover, .pv-card:focus-visible {
   border-color: var(--card-hover-border-color, #E8EBEB);
@@ -4201,7 +4198,7 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   font-weight: inherit;
   transition-duration: 0.125s;
   transition-timing-function: ease-in;
-  transition-property: border-color, box-shadow, color;
+  transition-property: box-shadow, color;
 }
 .pv-card:is(a, button):hover:not(:has(button:hover, a:hover, [role=button]:hover)), .pv-card:is(a, button):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)),
 .pv-card:has(.pv-overlay-link):hover:not(:has(button:hover, a:hover, [role=button]:hover)),
@@ -4231,6 +4228,28 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   background-color: var(--card-secondary-background-color, #F7F8F8);
 }
 
+.pv-card-hover-action {
+  border-radius: var(--card-hover-action-radius, 8px);
+  border-color: var(--card-background-color, #FFFFFF);
+}
+.pv-card-hover-action:hover, .pv-card-hover-action:focus-visible {
+  background-color: var(--card-hover-background-color, #F8F7F1);
+  border-color: var(--card-hover-background-color, #F8F7F1);
+}
+
+.pv-card-hover-action-secondary {
+  background-color: var(--color-background-accent, #F7F8F8);
+  border-color: var(--color-background-accent, #F7F8F8);
+}
+
+.pv-card-hover-action__action.pv-flex {
+  display: none;
+}
+
+.pv-card-hover-action:hover .pv-card-hover-action__action.pv-flex {
+  display: flex;
+}
+
 .pv-card-select {
   --unselected: "Apply to Table";
   --selected: "Applied";
@@ -4254,14 +4273,12 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   flex-direction: column;
   transition-duration: 0.125s;
   transition-timing-function: ease-in;
-  transition-property: border-color, color;
+  transition-property: color;
 }
 .pv-card-select > label > :first-child {
   flex: 1;
   border-bottom: 1px solid #E8EBEB;
   transition-duration: 0.125s;
-  transition-timing-function: ease-in;
-  transition-property: border-color;
 }
 .pv-card-select > label > :last-child {
   padding: 1rem 1.5rem;

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

@@ -3041,7 +3041,7 @@
   background-position: 50% 50%;
 }
 .pv-v2 [class*=pv-modal] {
-  --max-height: auto;
+  --max-height: 100%;
   --max-width: 100%;
   --top: 2rem;
   border: none;
@@ -3800,9 +3800,6 @@
   border-radius: var(--card-radius, 8px);
   background-color: var(--card-background-color, #FFFFFF);
   overflow: clip;
-  transition-duration: 0.125s;
-  transition-timing-function: ease-in;
-  transition-property: border-color;
 }
 .pv-v2 .pv-card:hover, .pv-v2 .pv-card:focus-visible {
   border-color: var(--card-hover-border-color, #E3E7EA);
@@ -3845,7 +3842,7 @@
   font-weight: inherit;
   transition-duration: 0.125s;
   transition-timing-function: ease-in;
-  transition-property: border-color, box-shadow, color;
+  transition-property: box-shadow, color;
 }
 .pv-v2 .pv-card:is(a, button):hover:not(:has(button:hover, a:hover, [role=button]:hover)), .pv-v2 .pv-card:is(a, button):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)),
 .pv-v2 .pv-card:has(.pv-overlay-link):hover:not(:has(button:hover, a:hover, [role=button]:hover)),
@@ -3872,6 +3869,24 @@
 .pv-v2 .pv-card-secondary:is(button) {
   background-color: var(--card-secondary-background-color, #F7F8F8);
 }
+.pv-v2 .pv-card-hover-action {
+  border-radius: var(--card-hover-action-radius, 8px);
+  border-color: var(--card-background-color, #FFFFFF);
+}
+.pv-v2 .pv-card-hover-action:hover, .pv-v2 .pv-card-hover-action:focus-visible {
+  background-color: var(--card-hover-background-color, #E8F2F4);
+  border-color: var(--card-hover-background-color, #E8F2F4);
+}
+.pv-v2 .pv-card-hover-action-secondary {
+  background-color: var(--color-background-accent, #F7F8F8);
+  border-color: var(--color-background-accent, #F7F8F8);
+}
+.pv-v2 .pv-card-hover-action__action.pv-flex {
+  display: none;
+}
+.pv-v2 .pv-card-hover-action:hover .pv-card-hover-action__action.pv-flex {
+  display: flex;
+}
 .pv-v2 .pv-card-select {
   --unselected: "Apply to Table";
   --selected: "Applied";
@@ -3895,14 +3910,12 @@
   flex-direction: column;
   transition-duration: 0.125s;
   transition-timing-function: ease-in;
-  transition-property: border-color, color;
+  transition-property: color;
 }
 .pv-v2 .pv-card-select > label > :first-child {
   flex: 1;
   border-bottom: 1px solid #E3E7EA;
   transition-duration: 0.125s;
-  transition-timing-function: ease-in;
-  transition-property: border-color;
 }
 .pv-v2 .pv-card-select > label > :last-child {
   padding: 1rem 1.5rem;

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

@@ -3332,7 +3332,7 @@ button.pv-tag-secondary:active {
 }
 
 [class*=pv-modal] {
-  --max-height: auto;
+  --max-height: 100%;
   --max-width: 100%;
   --top: 2rem;
   border: none;
@@ -4165,9 +4165,6 @@ pv-header [slot=left] h3.pv-heading-3 {
   border-radius: var(--card-radius, 8px);
   background-color: var(--card-background-color, #FFFFFF);
   overflow: clip;
-  transition-duration: 0.125s;
-  transition-timing-function: ease-in;
-  transition-property: border-color;
 }
 .pv-card:hover, .pv-card:focus-visible {
   border-color: var(--card-hover-border-color, #E3E7EA);
@@ -4215,7 +4212,7 @@ pv-header [slot=left] h3.pv-heading-3 {
   font-weight: inherit;
   transition-duration: 0.125s;
   transition-timing-function: ease-in;
-  transition-property: border-color, box-shadow, color;
+  transition-property: box-shadow, color;
 }
 .pv-card:is(a, button):hover:not(:has(button:hover, a:hover, [role=button]:hover)), .pv-card:is(a, button):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)),
 .pv-card:has(.pv-overlay-link):hover:not(:has(button:hover, a:hover, [role=button]:hover)),
@@ -4247,6 +4244,28 @@ pv-header [slot=left] h3.pv-heading-3 {
   background-color: var(--card-secondary-background-color, #F7F8F8);
 }
 
+.pv-card-hover-action {
+  border-radius: var(--card-hover-action-radius, 8px);
+  border-color: var(--card-background-color, #FFFFFF);
+}
+.pv-card-hover-action:hover, .pv-card-hover-action:focus-visible {
+  background-color: var(--card-hover-background-color, #E8F2F4);
+  border-color: var(--card-hover-background-color, #E8F2F4);
+}
+
+.pv-card-hover-action-secondary {
+  background-color: var(--color-background-accent, #F7F8F8);
+  border-color: var(--color-background-accent, #F7F8F8);
+}
+
+.pv-card-hover-action__action.pv-flex {
+  display: none;
+}
+
+.pv-card-hover-action:hover .pv-card-hover-action__action.pv-flex {
+  display: flex;
+}
+
 .pv-card-select {
   --unselected: "Apply to Table";
   --selected: "Applied";
@@ -4270,14 +4289,12 @@ pv-header [slot=left] h3.pv-heading-3 {
   flex-direction: column;
   transition-duration: 0.125s;
   transition-timing-function: ease-in;
-  transition-property: border-color, color;
+  transition-property: color;
 }
 .pv-card-select > label > :first-child {
   flex: 1;
   border-bottom: 1px solid #E3E7EA;
   transition-duration: 0.125s;
-  transition-timing-function: ease-in;
-  transition-property: border-color;
 }
 .pv-card-select > label > :last-child {
   padding: 1rem 1.5rem;
@@ -5547,7 +5564,7 @@ pv-sidebar {
   overflow: auto;
   color: #121313;
   background-color: #FFFFFF;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.24);
+  box-shadow: 8px 0px 32px -8px rgba(0, 0, 0, 0.24);
   transition: opacity 0.125s, transform 0.125s;
 }
 @starting-style {

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

@@ -3337,7 +3337,7 @@ button.pv-tag-secondary:active {
 }
 
 [class*=pv-modal] {
-  --max-height: auto;
+  --max-height: 100%;
   --max-width: 100%;
   --top: 2rem;
   border: none;
@@ -4150,9 +4150,6 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   border-radius: var(--card-radius, 5px);
   background-color: var(--card-background-color, #FFFFFF);
   overflow: clip;
-  transition-duration: 0.125s;
-  transition-timing-function: ease-in;
-  transition-property: border-color;
 }
 .pv-card:hover, .pv-card:focus-visible {
   border-color: var(--card-hover-border-color, #176F6F);
@@ -4200,7 +4197,7 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   font-weight: inherit;
   transition-duration: 0.125s;
   transition-timing-function: ease-in;
-  transition-property: border-color, box-shadow, color;
+  transition-property: box-shadow, color;
 }
 .pv-card:is(a, button):hover:not(:has(button:hover, a:hover, [role=button]:hover)), .pv-card:is(a, button):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)),
 .pv-card:has(.pv-overlay-link):hover:not(:has(button:hover, a:hover, [role=button]:hover)),
@@ -4230,6 +4227,28 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   background-color: var(--card-secondary-background-color, #F8F8FA);
 }
 
+.pv-card-hover-action {
+  border-radius: var(--card-hover-action-radius, 8px);
+  border-color: var(--card-background-color, #FFFFFF);
+}
+.pv-card-hover-action:hover, .pv-card-hover-action:focus-visible {
+  background-color: var(--card-hover-background-color, #FFFFFF);
+  border-color: var(--card-hover-background-color, #FFFFFF);
+}
+
+.pv-card-hover-action-secondary {
+  background-color: var(--color-background-accent, #F8F8FA);
+  border-color: var(--color-background-accent, #F8F8FA);
+}
+
+.pv-card-hover-action__action.pv-flex {
+  display: none;
+}
+
+.pv-card-hover-action:hover .pv-card-hover-action__action.pv-flex {
+  display: flex;
+}
+
 .pv-card-select {
   --unselected: "Apply to Table";
   --selected: "Applied";
@@ -4253,14 +4272,12 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   flex-direction: column;
   transition-duration: 0.125s;
   transition-timing-function: ease-in;
-  transition-property: border-color, color;
+  transition-property: color;
 }
 .pv-card-select > label > :first-child {
   flex: 1;
   border-bottom: 1px solid #DCDFE4;
   transition-duration: 0.125s;
-  transition-timing-function: ease-in;
-  transition-property: border-color;
 }
 .pv-card-select > label > :last-child {
   padding: 1rem 1.5rem;

package/package.json

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