@turquoisehealth/pit-viper 2.57.1 → 2.58.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3226,20 +3226,20 @@
3226
3226
  transition-timing-function: ease-in;
3227
3227
  transition-property: border-color, box-shadow, color;
3228
3228
  }
3229
- .pv-v2 .pv-card:is(a, button):hover, .pv-v2 .pv-card:is(a, button):focus-visible,
3230
- .pv-v2 .pv-card:has(.pv-overlay-link):hover,
3231
- .pv-v2 .pv-card:has(.pv-overlay-link):focus-visible {
3229
+ .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)),
3230
+ .pv-v2 .pv-card:has(.pv-overlay-link):hover:not(:has(button:hover, a:hover, [role=button]:hover)),
3231
+ .pv-v2 .pv-card:has(.pv-overlay-link):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)) {
3232
3232
  background-color: var(--card-hover-background-color, #E8F2F4);
3233
3233
  color: var(--card-hover-text-color, unset);
3234
3234
  text-decoration: none;
3235
3235
  }
3236
- .pv-v2 .pv-card:is(a, button):hover .pv-text-subdued, .pv-v2 .pv-card:is(a, button):focus-visible .pv-text-subdued,
3237
- .pv-v2 .pv-card:has(.pv-overlay-link):hover .pv-text-subdued,
3238
- .pv-v2 .pv-card:has(.pv-overlay-link):focus-visible .pv-text-subdued {
3236
+ .pv-v2 .pv-card:is(a, button):hover:not(:has(button:hover, a:hover, [role=button]:hover)) .pv-text-subdued, .pv-v2 .pv-card:is(a, button):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)) .pv-text-subdued,
3237
+ .pv-v2 .pv-card:has(.pv-overlay-link):hover:not(:has(button:hover, a:hover, [role=button]:hover)) .pv-text-subdued,
3238
+ .pv-v2 .pv-card:has(.pv-overlay-link):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)) .pv-text-subdued {
3239
3239
  color: var(--card-hover-text-color, unset);
3240
3240
  }
3241
- .pv-v2 .pv-card:is(a, button):active,
3242
- .pv-v2 .pv-card:has(.pv-overlay-link):active {
3241
+ .pv-v2 .pv-card:is(a, button):active:not(:has(button:active, a:active, [role=button]:active)),
3242
+ .pv-v2 .pv-card:has(.pv-overlay-link):active:not(:has(button:active, a:active, [role=button]:active)) {
3243
3243
  background-color: var(--card-pressed-background-color, #C7D8DB);
3244
3244
  }
3245
3245
  .pv-v2 .pv-card:is(button) {
@@ -3247,6 +3247,10 @@
3247
3247
  background-color: #FFFFFF;
3248
3248
  cursor: pointer;
3249
3249
  }
3250
+ .pv-v2 .pv-card-secondary,
3251
+ .pv-v2 .pv-card-secondary:is(button) {
3252
+ background-color: var(--card-secondary-background-color, #F7F8F8);
3253
+ }
3250
3254
  .pv-v2 .pv-card-select {
3251
3255
  --unselected: "Apply to Table";
3252
3256
  --selected: "Applied";
@@ -3462,7 +3466,7 @@
3462
3466
  }
3463
3467
  .pv-v2 .pv-rating meter {
3464
3468
  aspect-ratio: 220/40;
3465
- position: relative;
3469
+ position: absolute;
3466
3470
  width: auto;
3467
3471
  height: var(--height);
3468
3472
  background: none;
@@ -3958,26 +3962,29 @@
3958
3962
  }
3959
3963
  .pv-v2 [class*=pv-spinner] {
3960
3964
  --size: 2rem;
3961
- display: inline-block;
3962
3965
  width: var(--size);
3963
- aspect-ratio: 1;
3964
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 24 24'%3E%3Cg transform='rotate(90 12 12)'%3E%3CclipPath id='a'%3E%3Cpath d='M24 12a12 12 0 1 1-24 0 12 12 0 0 1 24 0ZM2.74 12a9.26 9.26 0 1 0 18.52 0 9.26 9.26 0 0 0-18.52 0Z' clip-rule='nonzero'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cuse xlink:href='%23b' width='24' height='24' transform='rotate(-90 12 12)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACvElEQVRIia2UQa4kNRBE46Vd3fxBI7Fgwym4AGdD4hqI63AADjAbWLBhgZiBT3eVM1hkubp7dv2FJcsuZTkyMjJsfvr1w/dDbumaQ6rV7sPu27Hmsn8v9/v537D7A47dLEUHZTMSqmHLEkgJypAyJWNZd8MSlkg55rQdaUVKYSmG3XoTY2DNJJZo0rAUtjJlIxlwJTeWsAvQ1jGH1VKfVRAwZCnR5IgRIY20A5FU+L6Cnb0i5RhyG/IDeO1ngqPq+50xhAukyTIz4gIvSW66P4K7pRS9wUBySDHukliBlaQUYRIxY6W7d9ZWe2j0nuCQqIkNqilSsZyJLEgpBuoNDcDO0n867TNHtWF3azbb0RtsVEMDlCklmnKErCSJtuEFyZYYUrtZ1svqPB3sb40OS/QGWwiMI02knIETO2Vb5dFY4YSUltmcy+o8rZnna+Z53oc74Eg7Zg+2e1cYtrRbw1u3t6uUkrTZyyuMtNqaeb5kvlxyvKz2ZN8nqHf2lugdVktIYIRtDKTdEkWDtcMqSa85vrw6z/+M8f7vsb2/Zn5xY16aS8IWZTqpd2KdH+UReLipjshwe2n9kyT98tef3/1xvXxzdZ6znIKtqDM+zk64XSIEN4tWk5m+d4OxRFy+ff/Vzz/+9uEHPTH6LB9uoECGlAGjw3oiLu9a//j16fT7M+BHBYBj2hOyiRFoNGJb4HqO9vqutY9LxOXpBD1i3W9y3jNvsHViPRGXc8TrKeLf0PGsPJGgbnKGSNDOvqTpxLpEXJaIa4ctIJ9OUBJVgmJe0jSxLcG17zaN/c36HxIwmth6sJZMbAEj9Dx7Sep1+NB9hEr/UO1nHMoEb6hAEygP8L3J+1Oe8PBcPzXiHjzQCJRtX4MZ29nzhgqmvuX7XZaaibSDY71BnllBFnOSanQGHLJQ1jRvYC9J/wGOKYIXUBu/7wAAAABJRU5ErkJggg==' id='b' width='24' height='24'/%3E%3C/defs%3E%3C/svg%3E");
3965
- animation: spinner 1s linear infinite;
3966
- }
3967
- .pv-v2 .pv-spinner-dark {
3968
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 24 24'%3E%3Cg transform='rotate(90 12 12)'%3E%3CclipPath id='a'%3E%3Cpath d='M24 12a12 12 0 1 1-24 0 12 12 0 0 1 24 0ZM2.74 12a9.26 9.26 0 1 0 18.52 0 9.26 9.26 0 0 0-18.52 0Z' clip-rule='nonzero'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cuse xlink:href='%23b' width='24' height='24' transform='rotate(-90 12 12)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABa0lEQVRIia2V603EMBCEP+cSHkIUQC9UQUF0SQ0UANJx5MUPdk6TPQfuApZGThx7vt21kxTgGdhV1CZ11ndpTMoeTQtMnLYS49IcynMK0PygXQuMlYVjTHDz2Z6vGVczECAbOGRimUGG1Eq8CnATN8hZ/Ga+AMwxeS3KqWK+diBOAINFU6t3EwsViAPy6dLYcV8yoHZqSizsDODmHXBVix4oApQKxMvShMkUc2V6HeoMsDhZDhBkiIlDSO9JF2XaheltSNG3ybwog94ALkXThwDuwvw+dFOJ3D1wgFqx3jf0PcYfgYcA7WxOXnu8eIprP6Jz0ggcgFfghQuaMsim2uQxnh+AtwBc1LTJMlU/hgbgE9gH4LAF0KeoBRgs+j3wwemH8ewMsrlKI8AnyyO7GeClUXkE0qfi3wC9gcYt0QugxSNLgN/X/gkXARwypH6zOXy/gTmDqdKv/ZfPziCXyI03myuDHGk2/hPgC0JUwSk2PGmnAAAAAElFTkSuQmCC' id='b' width='24' height='24'/%3E%3C/defs%3E%3C/svg%3E");
3969
- }
3970
- .pv-v2 .pv-spinner-light {
3971
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 24 24'%3E%3Cg transform='rotate(90 12 12)'%3E%3CclipPath id='a'%3E%3Cpath d='M24 12a12 12 0 1 1-24 0 12 12 0 0 1 24 0ZM2.74 12a9.26 9.26 0 1 0 18.52 0 9.26 9.26 0 0 0-18.52 0Z' clip-rule='nonzero'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cuse xlink:href='%23b' width='24' height='24' transform='rotate(-90 12 12)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABb0lEQVRIia2V203EMBBFj/PgIUQB9EIVFLRdUgMFgLTsJo752Bl0M3FgE7B05cSx75kZO0kqpRyAtqIuqJe+D2Ou6NF0wMSyJRt3FVOck4DmB7UdkCsLs01Q8yLP14yrGTggGihkYp5BhNRKvApQEzWIWfxmPgMUm7wW5VQxXzsQC8Ao0dTq3dhCD0QB8XT52Pe+REDt1CRb2AtAzXvgphY9kByQKhAtS2Mmk81101tTL4DZyVKAQ0abOJr8PemtTK2Z3ps8+i6YJ89gEIDKoxlMAA9m/mi6q0SuHijAW5JeN/TDxp+BJwO1MieuvVyUUl7sWo9oCcrACXgDXtnQPINo6puc7fkJeDfApuab7KbeZ9MInIGjAU57AEOI2gGjRH8EPll+GK/OIJp7aRxwZn5kdwO0NF4eB/mn4t8Ag4Dynugd4Iszc4De1/4JmwAKGUO/2xwub2DMYKr0a//lqzOIJVLj3eaeQYw0Gv8J8AX7zMcj8g3mzgAAAABJRU5ErkJggg==' id='b' width='24' height='24'/%3E%3C/defs%3E%3C/svg%3E");
3966
+ height: var(--size);
3967
+ border-radius: 50%;
3968
+ background: conic-gradient(white, rgba(54, 197, 186, 0.3), #36C5BA);
3969
+ -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), black calc(100% - 3px));
3970
+ mask: radial-gradient(farthest-side, transparent calc(100% - 3px), black calc(100% - 3px));
3971
+ animation: rotation 1s linear infinite;
3972
+ display: inline-block;
3972
3973
  }
3973
- @keyframes spinner {
3974
- from {
3974
+ @keyframes rotation {
3975
+ 0% {
3975
3976
  transform: rotate(0deg);
3976
3977
  }
3977
- to {
3978
+ 100% {
3978
3979
  transform: rotate(360deg);
3979
3980
  }
3980
3981
  }
3982
+ .pv-v2 .pv-spinner-dark {
3983
+ background: conic-gradient(white, rgba(18, 19, 19, 0.3), #121313);
3984
+ }
3985
+ .pv-v2 .pv-spinner-light {
3986
+ background: conic-gradient(black, rgba(255, 255, 255, 0.3), #FFFFFF);
3987
+ }
3981
3988
  .pv-v2 .pv-layout-primary,
3982
3989
  .pv-v2 .pv-layout-primary[data-collapsed] {
3983
3990
  font-family: var(--layout-primary-sidebar-font-family, Inter, sans-serif);
@@ -3492,20 +3492,20 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
3492
3492
  transition-timing-function: ease-in;
3493
3493
  transition-property: border-color, box-shadow, color;
3494
3494
  }
3495
- .pv-card:is(a, button):hover, .pv-card:is(a, button):focus-visible,
3496
- .pv-card:has(.pv-overlay-link):hover,
3497
- .pv-card:has(.pv-overlay-link):focus-visible {
3495
+ .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)),
3496
+ .pv-card:has(.pv-overlay-link):hover:not(:has(button:hover, a:hover, [role=button]:hover)),
3497
+ .pv-card:has(.pv-overlay-link):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)) {
3498
3498
  background-color: var(--card-hover-background-color, #E8F2F4);
3499
3499
  color: var(--card-hover-text-color, unset);
3500
3500
  text-decoration: none;
3501
3501
  }
3502
- .pv-card:is(a, button):hover .pv-text-subdued, .pv-card:is(a, button):focus-visible .pv-text-subdued,
3503
- .pv-card:has(.pv-overlay-link):hover .pv-text-subdued,
3504
- .pv-card:has(.pv-overlay-link):focus-visible .pv-text-subdued {
3502
+ .pv-card:is(a, button):hover:not(:has(button:hover, a:hover, [role=button]:hover)) .pv-text-subdued, .pv-card:is(a, button):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)) .pv-text-subdued,
3503
+ .pv-card:has(.pv-overlay-link):hover:not(:has(button:hover, a:hover, [role=button]:hover)) .pv-text-subdued,
3504
+ .pv-card:has(.pv-overlay-link):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)) .pv-text-subdued {
3505
3505
  color: var(--card-hover-text-color, unset);
3506
3506
  }
3507
- .pv-card:is(a, button):active,
3508
- .pv-card:has(.pv-overlay-link):active {
3507
+ .pv-card:is(a, button):active:not(:has(button:active, a:active, [role=button]:active)),
3508
+ .pv-card:has(.pv-overlay-link):active:not(:has(button:active, a:active, [role=button]:active)) {
3509
3509
  background-color: var(--card-pressed-background-color, #C7D8DB);
3510
3510
  }
3511
3511
 
@@ -3515,6 +3515,11 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
3515
3515
  cursor: pointer;
3516
3516
  }
3517
3517
 
3518
+ .pv-card-secondary,
3519
+ .pv-card-secondary:is(button) {
3520
+ background-color: var(--card-secondary-background-color, #F7F8F8);
3521
+ }
3522
+
3518
3523
  .pv-card-select {
3519
3524
  --unselected: "Apply to Table";
3520
3525
  --selected: "Applied";
@@ -3745,7 +3750,7 @@ div.pv-drawer[open] {
3745
3750
 
3746
3751
  .pv-rating meter {
3747
3752
  aspect-ratio: 220/40;
3748
- position: relative;
3753
+ position: absolute;
3749
3754
  width: auto;
3750
3755
  height: var(--height);
3751
3756
  background: none;
@@ -4294,29 +4299,32 @@ pv-data-grid.ag-theme-pv {
4294
4299
 
4295
4300
  [class*=pv-spinner] {
4296
4301
  --size: 2rem;
4297
- display: inline-block;
4298
4302
  width: var(--size);
4299
- aspect-ratio: 1;
4300
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 24 24'%3E%3Cg transform='rotate(90 12 12)'%3E%3CclipPath id='a'%3E%3Cpath d='M24 12a12 12 0 1 1-24 0 12 12 0 0 1 24 0ZM2.74 12a9.26 9.26 0 1 0 18.52 0 9.26 9.26 0 0 0-18.52 0Z' clip-rule='nonzero'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cuse xlink:href='%23b' width='24' height='24' transform='rotate(-90 12 12)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACvElEQVRIia2UQa4kNRBE46Vd3fxBI7Fgwym4AGdD4hqI63AADjAbWLBhgZiBT3eVM1hkubp7dv2FJcsuZTkyMjJsfvr1w/dDbumaQ6rV7sPu27Hmsn8v9/v537D7A47dLEUHZTMSqmHLEkgJypAyJWNZd8MSlkg55rQdaUVKYSmG3XoTY2DNJJZo0rAUtjJlIxlwJTeWsAvQ1jGH1VKfVRAwZCnR5IgRIY20A5FU+L6Cnb0i5RhyG/IDeO1ngqPq+50xhAukyTIz4gIvSW66P4K7pRS9wUBySDHukliBlaQUYRIxY6W7d9ZWe2j0nuCQqIkNqilSsZyJLEgpBuoNDcDO0n867TNHtWF3azbb0RtsVEMDlCklmnKErCSJtuEFyZYYUrtZ1svqPB3sb40OS/QGWwiMI02knIETO2Vb5dFY4YSUltmcy+o8rZnna+Z53oc74Eg7Zg+2e1cYtrRbw1u3t6uUkrTZyyuMtNqaeb5kvlxyvKz2ZN8nqHf2lugdVktIYIRtDKTdEkWDtcMqSa85vrw6z/+M8f7vsb2/Zn5xY16aS8IWZTqpd2KdH+UReLipjshwe2n9kyT98tef3/1xvXxzdZ6znIKtqDM+zk64XSIEN4tWk5m+d4OxRFy+ff/Vzz/+9uEHPTH6LB9uoECGlAGjw3oiLu9a//j16fT7M+BHBYBj2hOyiRFoNGJb4HqO9vqutY9LxOXpBD1i3W9y3jNvsHViPRGXc8TrKeLf0PGsPJGgbnKGSNDOvqTpxLpEXJaIa4ctIJ9OUBJVgmJe0jSxLcG17zaN/c36HxIwmth6sJZMbAEj9Dx7Sep1+NB9hEr/UO1nHMoEb6hAEygP8L3J+1Oe8PBcPzXiHjzQCJRtX4MZ29nzhgqmvuX7XZaaibSDY71BnllBFnOSanQGHLJQ1jRvYC9J/wGOKYIXUBu/7wAAAABJRU5ErkJggg==' id='b' width='24' height='24'/%3E%3C/defs%3E%3C/svg%3E");
4301
- animation: spinner 1s linear infinite;
4303
+ height: var(--size);
4304
+ border-radius: 50%;
4305
+ background: conic-gradient(white, rgba(54, 197, 186, 0.3), #36C5BA);
4306
+ -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), black calc(100% - 3px));
4307
+ mask: radial-gradient(farthest-side, transparent calc(100% - 3px), black calc(100% - 3px));
4308
+ animation: rotation 1s linear infinite;
4309
+ display: inline-block;
4310
+ }
4311
+ @keyframes rotation {
4312
+ 0% {
4313
+ transform: rotate(0deg);
4314
+ }
4315
+ 100% {
4316
+ transform: rotate(360deg);
4317
+ }
4302
4318
  }
4303
4319
 
4304
4320
  .pv-spinner-dark {
4305
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 24 24'%3E%3Cg transform='rotate(90 12 12)'%3E%3CclipPath id='a'%3E%3Cpath d='M24 12a12 12 0 1 1-24 0 12 12 0 0 1 24 0ZM2.74 12a9.26 9.26 0 1 0 18.52 0 9.26 9.26 0 0 0-18.52 0Z' clip-rule='nonzero'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cuse xlink:href='%23b' width='24' height='24' transform='rotate(-90 12 12)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABa0lEQVRIia2V603EMBCEP+cSHkIUQC9UQUF0SQ0UANJx5MUPdk6TPQfuApZGThx7vt21kxTgGdhV1CZ11ndpTMoeTQtMnLYS49IcynMK0PygXQuMlYVjTHDz2Z6vGVczECAbOGRimUGG1Eq8CnATN8hZ/Ga+AMwxeS3KqWK+diBOAINFU6t3EwsViAPy6dLYcV8yoHZqSizsDODmHXBVix4oApQKxMvShMkUc2V6HeoMsDhZDhBkiIlDSO9JF2XaheltSNG3ybwog94ALkXThwDuwvw+dFOJ3D1wgFqx3jf0PcYfgYcA7WxOXnu8eIprP6Jz0ggcgFfghQuaMsim2uQxnh+AtwBc1LTJMlU/hgbgE9gH4LAF0KeoBRgs+j3wwemH8ewMsrlKI8AnyyO7GeClUXkE0qfi3wC9gcYt0QugxSNLgN/X/gkXARwypH6zOXy/gTmDqdKv/ZfPziCXyI03myuDHGk2/hPgC0JUwSk2PGmnAAAAAElFTkSuQmCC' id='b' width='24' height='24'/%3E%3C/defs%3E%3C/svg%3E");
4321
+ background: conic-gradient(white, rgba(18, 19, 19, 0.3), #121313);
4306
4322
  }
4307
4323
 
4308
4324
  .pv-spinner-light {
4309
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 24 24'%3E%3Cg transform='rotate(90 12 12)'%3E%3CclipPath id='a'%3E%3Cpath d='M24 12a12 12 0 1 1-24 0 12 12 0 0 1 24 0ZM2.74 12a9.26 9.26 0 1 0 18.52 0 9.26 9.26 0 0 0-18.52 0Z' clip-rule='nonzero'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cuse xlink:href='%23b' width='24' height='24' transform='rotate(-90 12 12)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABb0lEQVRIia2V203EMBBFj/PgIUQB9EIVFLRdUgMFgLTsJo752Bl0M3FgE7B05cSx75kZO0kqpRyAtqIuqJe+D2Ou6NF0wMSyJRt3FVOck4DmB7UdkCsLs01Q8yLP14yrGTggGihkYp5BhNRKvApQEzWIWfxmPgMUm7wW5VQxXzsQC8Ao0dTq3dhCD0QB8XT52Pe+REDt1CRb2AtAzXvgphY9kByQKhAtS2Mmk81101tTL4DZyVKAQ0abOJr8PemtTK2Z3ps8+i6YJ89gEIDKoxlMAA9m/mi6q0SuHijAW5JeN/TDxp+BJwO1MieuvVyUUl7sWo9oCcrACXgDXtnQPINo6puc7fkJeDfApuab7KbeZ9MInIGjAU57AEOI2gGjRH8EPll+GK/OIJp7aRxwZn5kdwO0NF4eB/mn4t8Ag4Dynugd4Iszc4De1/4JmwAKGUO/2xwub2DMYKr0a//lqzOIJVLj3eaeQYw0Gv8J8AX7zMcj8g3mzgAAAABJRU5ErkJggg==' id='b' width='24' height='24'/%3E%3C/defs%3E%3C/svg%3E");
4325
+ background: conic-gradient(black, rgba(255, 255, 255, 0.3), #FFFFFF);
4310
4326
  }
4311
4327
 
4312
- @keyframes spinner {
4313
- from {
4314
- transform: rotate(0deg);
4315
- }
4316
- to {
4317
- transform: rotate(360deg);
4318
- }
4319
- }
4320
4328
  .pv-layout-primary,
4321
4329
  .pv-layout-primary[data-collapsed] {
4322
4330
  font-family: var(--layout-primary-sidebar-font-family, Inter, sans-serif);
@@ -3497,20 +3497,20 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
3497
3497
  transition-timing-function: ease-in;
3498
3498
  transition-property: border-color, box-shadow, color;
3499
3499
  }
3500
- .pv-card:is(a, button):hover, .pv-card:is(a, button):focus-visible,
3501
- .pv-card:has(.pv-overlay-link):hover,
3502
- .pv-card:has(.pv-overlay-link):focus-visible {
3500
+ .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)),
3501
+ .pv-card:has(.pv-overlay-link):hover:not(:has(button:hover, a:hover, [role=button]:hover)),
3502
+ .pv-card:has(.pv-overlay-link):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)) {
3503
3503
  background-color: var(--card-hover-background-color, #FFFFFF);
3504
3504
  color: var(--card-hover-text-color, #176F6F);
3505
3505
  text-decoration: none;
3506
3506
  }
3507
- .pv-card:is(a, button):hover .pv-text-subdued, .pv-card:is(a, button):focus-visible .pv-text-subdued,
3508
- .pv-card:has(.pv-overlay-link):hover .pv-text-subdued,
3509
- .pv-card:has(.pv-overlay-link):focus-visible .pv-text-subdued {
3507
+ .pv-card:is(a, button):hover:not(:has(button:hover, a:hover, [role=button]:hover)) .pv-text-subdued, .pv-card:is(a, button):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)) .pv-text-subdued,
3508
+ .pv-card:has(.pv-overlay-link):hover:not(:has(button:hover, a:hover, [role=button]:hover)) .pv-text-subdued,
3509
+ .pv-card:has(.pv-overlay-link):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)) .pv-text-subdued {
3510
3510
  color: var(--card-hover-text-color, #176F6F);
3511
3511
  }
3512
- .pv-card:is(a, button):active,
3513
- .pv-card:has(.pv-overlay-link):active {
3512
+ .pv-card:is(a, button):active:not(:has(button:active, a:active, [role=button]:active)),
3513
+ .pv-card:has(.pv-overlay-link):active:not(:has(button:active, a:active, [role=button]:active)) {
3514
3514
  background-color: var(--card-pressed-background-color, #FFFFFF);
3515
3515
  }
3516
3516
 
@@ -3520,6 +3520,11 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
3520
3520
  cursor: pointer;
3521
3521
  }
3522
3522
 
3523
+ .pv-card-secondary,
3524
+ .pv-card-secondary:is(button) {
3525
+ background-color: var(--card-secondary-background-color, #F8F8FA);
3526
+ }
3527
+
3523
3528
  .pv-card-select {
3524
3529
  --unselected: "Apply to Table";
3525
3530
  --selected: "Applied";
@@ -3750,7 +3755,7 @@ div.pv-drawer[open] {
3750
3755
 
3751
3756
  .pv-rating meter {
3752
3757
  aspect-ratio: 220/40;
3753
- position: relative;
3758
+ position: absolute;
3754
3759
  width: auto;
3755
3760
  height: var(--height);
3756
3761
  background: none;
@@ -4299,29 +4304,32 @@ pv-data-grid.ag-theme-pv {
4299
4304
 
4300
4305
  [class*=pv-spinner] {
4301
4306
  --size: 2rem;
4302
- display: inline-block;
4303
4307
  width: var(--size);
4304
- aspect-ratio: 1;
4305
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 24 24'%3E%3Cg transform='rotate(90 12 12)'%3E%3CclipPath id='a'%3E%3Cpath d='M24 12a12 12 0 1 1-24 0 12 12 0 0 1 24 0ZM2.74 12a9.26 9.26 0 1 0 18.52 0 9.26 9.26 0 0 0-18.52 0Z' clip-rule='nonzero'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cuse xlink:href='%23b' width='24' height='24' transform='rotate(-90 12 12)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACvElEQVRIia2UQa4kNRBE46Vd3fxBI7Fgwym4AGdD4hqI63AADjAbWLBhgZiBT3eVM1hkubp7dv2FJcsuZTkyMjJsfvr1w/dDbumaQ6rV7sPu27Hmsn8v9/v537D7A47dLEUHZTMSqmHLEkgJypAyJWNZd8MSlkg55rQdaUVKYSmG3XoTY2DNJJZo0rAUtjJlIxlwJTeWsAvQ1jGH1VKfVRAwZCnR5IgRIY20A5FU+L6Cnb0i5RhyG/IDeO1ngqPq+50xhAukyTIz4gIvSW66P4K7pRS9wUBySDHukliBlaQUYRIxY6W7d9ZWe2j0nuCQqIkNqilSsZyJLEgpBuoNDcDO0n867TNHtWF3azbb0RtsVEMDlCklmnKErCSJtuEFyZYYUrtZ1svqPB3sb40OS/QGWwiMI02knIETO2Vb5dFY4YSUltmcy+o8rZnna+Z53oc74Eg7Zg+2e1cYtrRbw1u3t6uUkrTZyyuMtNqaeb5kvlxyvKz2ZN8nqHf2lugdVktIYIRtDKTdEkWDtcMqSa85vrw6z/+M8f7vsb2/Zn5xY16aS8IWZTqpd2KdH+UReLipjshwe2n9kyT98tef3/1xvXxzdZ6znIKtqDM+zk64XSIEN4tWk5m+d4OxRFy+ff/Vzz/+9uEHPTH6LB9uoECGlAGjw3oiLu9a//j16fT7M+BHBYBj2hOyiRFoNGJb4HqO9vqutY9LxOXpBD1i3W9y3jNvsHViPRGXc8TrKeLf0PGsPJGgbnKGSNDOvqTpxLpEXJaIa4ctIJ9OUBJVgmJe0jSxLcG17zaN/c36HxIwmth6sJZMbAEj9Dx7Sep1+NB9hEr/UO1nHMoEb6hAEygP8L3J+1Oe8PBcPzXiHjzQCJRtX4MZ29nzhgqmvuX7XZaaibSDY71BnllBFnOSanQGHLJQ1jRvYC9J/wGOKYIXUBu/7wAAAABJRU5ErkJggg==' id='b' width='24' height='24'/%3E%3C/defs%3E%3C/svg%3E");
4306
- animation: spinner 1s linear infinite;
4308
+ height: var(--size);
4309
+ border-radius: 50%;
4310
+ background: conic-gradient(white, rgba(54, 197, 186, 0.3), #36C5BA);
4311
+ -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), black calc(100% - 3px));
4312
+ mask: radial-gradient(farthest-side, transparent calc(100% - 3px), black calc(100% - 3px));
4313
+ animation: rotation 1s linear infinite;
4314
+ display: inline-block;
4315
+ }
4316
+ @keyframes rotation {
4317
+ 0% {
4318
+ transform: rotate(0deg);
4319
+ }
4320
+ 100% {
4321
+ transform: rotate(360deg);
4322
+ }
4307
4323
  }
4308
4324
 
4309
4325
  .pv-spinner-dark {
4310
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 24 24'%3E%3Cg transform='rotate(90 12 12)'%3E%3CclipPath id='a'%3E%3Cpath d='M24 12a12 12 0 1 1-24 0 12 12 0 0 1 24 0ZM2.74 12a9.26 9.26 0 1 0 18.52 0 9.26 9.26 0 0 0-18.52 0Z' clip-rule='nonzero'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cuse xlink:href='%23b' width='24' height='24' transform='rotate(-90 12 12)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABa0lEQVRIia2V603EMBCEP+cSHkIUQC9UQUF0SQ0UANJx5MUPdk6TPQfuApZGThx7vt21kxTgGdhV1CZ11ndpTMoeTQtMnLYS49IcynMK0PygXQuMlYVjTHDz2Z6vGVczECAbOGRimUGG1Eq8CnATN8hZ/Ga+AMwxeS3KqWK+diBOAINFU6t3EwsViAPy6dLYcV8yoHZqSizsDODmHXBVix4oApQKxMvShMkUc2V6HeoMsDhZDhBkiIlDSO9JF2XaheltSNG3ybwog94ALkXThwDuwvw+dFOJ3D1wgFqx3jf0PcYfgYcA7WxOXnu8eIprP6Jz0ggcgFfghQuaMsim2uQxnh+AtwBc1LTJMlU/hgbgE9gH4LAF0KeoBRgs+j3wwemH8ewMsrlKI8AnyyO7GeClUXkE0qfi3wC9gcYt0QugxSNLgN/X/gkXARwypH6zOXy/gTmDqdKv/ZfPziCXyI03myuDHGk2/hPgC0JUwSk2PGmnAAAAAElFTkSuQmCC' id='b' width='24' height='24'/%3E%3C/defs%3E%3C/svg%3E");
4326
+ background: conic-gradient(white, rgba(18, 19, 19, 0.3), #121313);
4311
4327
  }
4312
4328
 
4313
4329
  .pv-spinner-light {
4314
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 24 24'%3E%3Cg transform='rotate(90 12 12)'%3E%3CclipPath id='a'%3E%3Cpath d='M24 12a12 12 0 1 1-24 0 12 12 0 0 1 24 0ZM2.74 12a9.26 9.26 0 1 0 18.52 0 9.26 9.26 0 0 0-18.52 0Z' clip-rule='nonzero'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cuse xlink:href='%23b' width='24' height='24' transform='rotate(-90 12 12)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABb0lEQVRIia2V203EMBBFj/PgIUQB9EIVFLRdUgMFgLTsJo752Bl0M3FgE7B05cSx75kZO0kqpRyAtqIuqJe+D2Ou6NF0wMSyJRt3FVOck4DmB7UdkCsLs01Q8yLP14yrGTggGihkYp5BhNRKvApQEzWIWfxmPgMUm7wW5VQxXzsQC8Ao0dTq3dhCD0QB8XT52Pe+REDt1CRb2AtAzXvgphY9kByQKhAtS2Mmk81101tTL4DZyVKAQ0abOJr8PemtTK2Z3ps8+i6YJ89gEIDKoxlMAA9m/mi6q0SuHijAW5JeN/TDxp+BJwO1MieuvVyUUl7sWo9oCcrACXgDXtnQPINo6puc7fkJeDfApuab7KbeZ9MInIGjAU57AEOI2gGjRH8EPll+GK/OIJp7aRxwZn5kdwO0NF4eB/mn4t8Ag4Dynugd4Iszc4De1/4JmwAKGUO/2xwub2DMYKr0a//lqzOIJVLj3eaeQYw0Gv8J8AX7zMcj8g3mzgAAAABJRU5ErkJggg==' id='b' width='24' height='24'/%3E%3C/defs%3E%3C/svg%3E");
4330
+ background: conic-gradient(black, rgba(255, 255, 255, 0.3), #FFFFFF);
4315
4331
  }
4316
4332
 
4317
- @keyframes spinner {
4318
- from {
4319
- transform: rotate(0deg);
4320
- }
4321
- to {
4322
- transform: rotate(360deg);
4323
- }
4324
- }
4325
4333
  .pv-layout-primary,
4326
4334
  .pv-layout-primary[data-collapsed] {
4327
4335
  font-family: var(--layout-primary-sidebar-font-family, HK Grotesk, sans-serif);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@turquoisehealth/pit-viper",
3
- "version": "2.57.1",
3
+ "version": "2.58.0",
4
4
  "description": "Turquoise Health's design system.",
5
5
  "main": "README.md",
6
6
  "publishConfig": {
@@ -73,6 +73,8 @@ type: PvInputType;
73
73
  id: string;
74
74
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
75
75
 
76
+ declare const __VLS_component_8: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
77
+
76
78
  declare type __VLS_Props = PvSearchInputProps;
77
79
 
78
80
  declare type __VLS_Props_2 = PvDatePickerProps;
@@ -196,6 +198,15 @@ declare function __VLS_template_7(): {
196
198
  rootEl: any;
197
199
  };
198
200
 
201
+ declare function __VLS_template_8(): {
202
+ attrs: Partial<{}>;
203
+ slots: {
204
+ default?(_: {}): any;
205
+ };
206
+ refs: {};
207
+ rootEl: any;
208
+ };
209
+
199
210
  declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
200
211
 
201
212
  declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
@@ -210,6 +221,8 @@ declare type __VLS_TemplateResult_6 = ReturnType<typeof __VLS_template_6>;
210
221
 
211
222
  declare type __VLS_TemplateResult_7 = ReturnType<typeof __VLS_template_7>;
212
223
 
224
+ declare type __VLS_TemplateResult_8 = ReturnType<typeof __VLS_template_8>;
225
+
213
226
  declare type __VLS_WithTemplateSlots<T, S> = T & {
214
227
  new (): {
215
228
  $slots: S;
@@ -234,6 +247,12 @@ declare type __VLS_WithTemplateSlots_12<T, S> = T & {
234
247
  };
235
248
  };
236
249
 
250
+ declare type __VLS_WithTemplateSlots_13<T, S> = T & {
251
+ new (): {
252
+ $slots: S;
253
+ };
254
+ };
255
+
237
256
  declare type __VLS_WithTemplateSlots_2<T, S> = T & {
238
257
  new (): {
239
258
  $slots: S;
@@ -838,6 +857,28 @@ declare const PvInputVariants: readonly ["h1", "h2", "h3", "h4", "text-md", "tex
838
857
 
839
858
  declare type PvInputVariants = (typeof PvInputVariants)[number];
840
859
 
860
+ export declare const PvInsightCard: DefineComponent<PvInsightCardProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
861
+ click: () => any;
862
+ "icon-click": () => any;
863
+ }, string, PublicProps, Readonly<PvInsightCardProps> & Readonly<{
864
+ onClick?: (() => any) | undefined;
865
+ "onIcon-click"?: (() => any) | undefined;
866
+ }>, {
867
+ icon: string;
868
+ interactive: boolean;
869
+ showButton: boolean;
870
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
871
+
872
+ declare interface PvInsightCardProps {
873
+ icon: string;
874
+ insight: string;
875
+ upperLabel?: string;
876
+ title?: string;
877
+ description?: string;
878
+ showButton?: boolean;
879
+ interactive?: boolean;
880
+ }
881
+
841
882
  export declare const PvModal: __VLS_WithTemplateSlots_3<DefineComponent< {
842
883
  modelValue: boolean;
843
884
  } & ModalProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -1281,6 +1322,25 @@ declare interface PvPopoverProps {
1281
1322
  isSortable?: boolean;
1282
1323
  }
1283
1324
 
1325
+ export declare const PvRating: DefineComponent<PvRatingProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PvRatingProps> & Readonly<{}>, {
1326
+ size: PvRatingSize;
1327
+ variant: PvRatingVariant;
1328
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
1329
+
1330
+ declare interface PvRatingProps {
1331
+ variant?: PvRatingVariant;
1332
+ value: number;
1333
+ size?: PvRatingSize;
1334
+ }
1335
+
1336
+ declare type PvRatingSize = (typeof PvRatingSizes)[number];
1337
+
1338
+ declare const PvRatingSizes: readonly [12, 16, 20, 24, 32, 64];
1339
+
1340
+ declare type PvRatingVariant = (typeof PvRatingVariants)[number];
1341
+
1342
+ declare const PvRatingVariants: string[];
1343
+
1284
1344
  export declare const PvReleaseBadge: DefineComponent<PvBadgeProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PvBadgeProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
1285
1345
 
1286
1346
  export declare const PvSearchInput: DefineComponent<__VLS_PublicProps, {
@@ -1777,6 +1837,8 @@ declare const PvVariants: readonly ["primary", "secondary", "tertiary", "ghost",
1777
1837
 
1778
1838
  declare type PvVariants = (typeof PvVariants)[number];
1779
1839
 
1840
+ export declare const PvWidget: __VLS_WithTemplateSlots_13<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
1841
+
1780
1842
  export declare interface Tab {
1781
1843
  counter?: number;
1782
1844
  label: string;