@turquoisehealth/pit-viper 2.252.1 → 2.253.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.
Files changed (30) hide show
  1. package/_site/assets/css/pit-viper-a11y.css +27 -7
  2. package/_site/assets/css/pit-viper-consumer.css +27 -7
  3. package/_site/assets/css/pit-viper-v2-scoped.css +25 -7
  4. package/_site/assets/css/pit-viper-v2.css +27 -7
  5. package/_site/assets/css/pit-viper.css +27 -7
  6. package/package.json +1 -1
  7. package/pv-components/dist/stats/vue/base/stats.html +1 -1
  8. package/pv-components/dist/stats/vue/visualizations/stats.html +1 -1
  9. package/pv-components/dist/stats/web/pv-drawer-stats.html +1 -1
  10. package/pv-components/dist/stats/web/pv-tabs-stats.html +1 -1
  11. package/pv-components/dist/vue/ai/components/base/PvDrawer/PvDrawer.vue.d.ts +2 -0
  12. package/pv-components/dist/vue/ai/components/base/PvTabs/PvTabs.vue.d.ts +5 -1
  13. package/pv-components/dist/vue/ai/components/base/PvTabs/types.d.ts +4 -0
  14. package/pv-components/dist/vue/base/components/base/PvDrawer/PvDrawer.vue.d.ts +2 -0
  15. package/pv-components/dist/vue/base/components/base/PvTabs/PvTabs.vue.d.ts +5 -1
  16. package/pv-components/dist/vue/base/components/base/PvTabs/types.d.ts +4 -0
  17. package/pv-components/dist/vue/base/pv-components-base.mjs +951 -860
  18. package/pv-components/dist/vue/base/pv-components-base.mjs.map +1 -1
  19. package/pv-components/dist/vue/visualizations/components/base/PvDrawer/PvDrawer.vue.d.ts +2 -0
  20. package/pv-components/dist/vue/visualizations/components/base/PvTabs/PvTabs.vue.d.ts +5 -1
  21. package/pv-components/dist/vue/visualizations/components/base/PvTabs/types.d.ts +4 -0
  22. package/pv-components/dist/vue/visualizations/components/tables/PvDataTable/table-components/FilterPanel.vue.d.ts +5 -1
  23. package/pv-components/dist/vue/visualizations/components/tables/PvDataTable/table-components/horizontalFilterFit.d.ts +17 -0
  24. package/pv-components/dist/vue/visualizations/components/tables/PvDataTable/types.d.ts +9 -2
  25. package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs +2296 -2258
  26. package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs.map +1 -1
  27. package/pv-components/dist/web/components/pv-drawer/pv-drawer.js +5 -3
  28. package/pv-components/dist/web/components/pv-tabs/pv-tabs.js +1310 -1185
  29. package/pv-components/dist/web/pv-components.iife.js +13 -13
  30. package/pv-components/dist/web/pv-components.iife.js.map +1 -1
package/_site/assets/css/pit-viper-a11y.css CHANGED
@@ -3357,7 +3357,7 @@ button.pv-tag-secondary:active {
3357
3357
  opacity: 1;
3358
3358
  pointer-events: auto;
3359
3359
  }
3360
- [class*=pv-tab-list] > :where(li) > a, [class*=pv-tab-list] > :where(li) > button {
3360
+ [class*=pv-tab-list] > :where(li) > a, [class*=pv-tab-list] > :where(li) > button, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button {
3361
3361
  display: flex;
3362
3362
  align-items: center;
3363
3363
  gap: 0.25rem;
@@ -3372,12 +3372,21 @@ button.pv-tag-secondary:active {
3372
3372
  background-color: transparent;
3373
3373
  cursor: pointer;
3374
3374
  }
3375
- [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 {
3375
+ [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 {
3376
3376
  text-decoration: none;
3377
3377
  color: var(--tab-list-hover-text-color, #121313);
3378
3378
  background-color: var(--tab-list-hover-background-color, #E8F2F4);
3379
3379
  }
3380
- [class*=pv-tab-list] > :where(li) > a:active, [class*=pv-tab-list] > :where(li) > button:active {
3380
+ [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 {
3381
+ background-color: var(--tab-list-pressed-background-color, #C7D8DB);
3382
+ }
3383
+ [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 {
3384
+ color: var(--tab-list-disabled-text-color, #7D898D);
3385
+ background-color: transparent;
3386
+ cursor: unset;
3387
+ }
3388
+ [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 {
3389
+ color: var(--tab-list-hover-text-color, #121313);
3381
3390
  background-color: var(--tab-list-pressed-background-color, #C7D8DB);
3382
3391
  }
3383
3392
  [class*=pv-tab-list] > :where(li) > .pv-tab-input {
@@ -3397,7 +3406,7 @@ button.pv-tag-secondary:active {
3397
3406
  line-height: var(--tab-list-line-height, 1.2857142857);
3398
3407
  background-color: transparent;
3399
3408
  }
3400
- [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 {
3409
+ [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 {
3401
3410
  content: "";
3402
3411
  display: block;
3403
3412
  height: var(--tab-list-indicator-size, 2px);
@@ -3408,7 +3417,7 @@ button.pv-tag-secondary:active {
3408
3417
  right: 0;
3409
3418
  background-color: var(--tab-list-indicator-inactive-color, #8F939E);
3410
3419
  }
3411
- [class*=pv-tab-list] > :where(li)[data-active] > a, [class*=pv-tab-list] > :where(li)[data-active] > button {
3420
+ [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 {
3412
3421
  color: var(--tab-list-active-text-color, #13595D);
3413
3422
  }
3414
3423
  [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input .pv-ghost-input input {
@@ -3417,12 +3426,23 @@ button.pv-tag-secondary:active {
3417
3426
  [class*=pv-tab-list] > :where(li)[data-active] .pv-tab-options .pv-button-ghost {
3418
3427
  color: var(--tab-list-active-text-color, #13595D);
3419
3428
  }
3420
- [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 {
3429
+ [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 {
3421
3430
  border-radius: var(--tab-list-indicator-radius, 2px);
3422
3431
  background-color: var(--tab-list-indicator-color, #13595D);
3423
3432
  }
3424
3433
 
3425
- .pv-tab-list-small > :where(li) > a, .pv-tab-list-small > :where(li) > button {
3434
+ .pv-tab-overflow .pv-popover-list a[aria-disabled=true] {
3435
+ color: var(--tab-list-disabled-text-color, #7D898D);
3436
+ background-color: transparent;
3437
+ cursor: unset;
3438
+ }
3439
+
3440
+ .pv-tab-list-collapsible {
3441
+ width: 100%;
3442
+ min-width: 0;
3443
+ }
3444
+
3445
+ .pv-tab-list-small > :where(li) > a, .pv-tab-list-small > :where(li) > button, .pv-tab-list-small > :where(li) > .pv-tab-overflow button {
3426
3446
  padding: var(--tab-list-small-item-padding, 0.1875rem 0.5rem);
3427
3447
  }
3428
3448
  .pv-tab-list-small > :where(li) > .pv-tab-input {
package/_site/assets/css/pit-viper-consumer.css CHANGED
@@ -3363,7 +3363,7 @@ button.pv-tag-secondary:active {
3363
3363
  opacity: 1;
3364
3364
  pointer-events: auto;
3365
3365
  }
3366
- [class*=pv-tab-list] > :where(li) > a, [class*=pv-tab-list] > :where(li) > button {
3366
+ [class*=pv-tab-list] > :where(li) > a, [class*=pv-tab-list] > :where(li) > button, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button {
3367
3367
  display: flex;
3368
3368
  align-items: center;
3369
3369
  gap: 0.25rem;
@@ -3378,12 +3378,21 @@ button.pv-tag-secondary:active {
3378
3378
  background-color: transparent;
3379
3379
  cursor: pointer;
3380
3380
  }
3381
- [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 {
3381
+ [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 {
3382
3382
  text-decoration: none;
3383
3383
  color: var(--tab-list-hover-text-color, #1A3A39);
3384
3384
  background-color: var(--tab-list-hover-background-color, #F8F7F1);
3385
3385
  }
3386
- [class*=pv-tab-list] > :where(li) > a:active, [class*=pv-tab-list] > :where(li) > button:active {
3386
+ [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 {
3387
+ background-color: var(--tab-list-pressed-background-color, #C7D8DB);
3388
+ }
3389
+ [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 {
3390
+ color: var(--tab-list-disabled-text-color, #A3B0B0);
3391
+ background-color: transparent;
3392
+ cursor: unset;
3393
+ }
3394
+ [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 {
3395
+ color: var(--tab-list-hover-text-color, #1A3A39);
3387
3396
  background-color: var(--tab-list-pressed-background-color, #C7D8DB);
3388
3397
  }
3389
3398
  [class*=pv-tab-list] > :where(li) > .pv-tab-input {
@@ -3403,7 +3412,7 @@ button.pv-tag-secondary:active {
3403
3412
  line-height: var(--tab-list-line-height, 1.5);
3404
3413
  background-color: transparent;
3405
3414
  }
3406
- [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 {
3415
+ [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 {
3407
3416
  content: "";
3408
3417
  display: block;
3409
3418
  height: var(--tab-list-indicator-size, 2px);
@@ -3414,7 +3423,7 @@ button.pv-tag-secondary:active {
3414
3423
  right: 0;
3415
3424
  background-color: var(--tab-list-indicator-inactive-color, #E8EBEB);
3416
3425
  }
3417
- [class*=pv-tab-list] > :where(li)[data-active] > a, [class*=pv-tab-list] > :where(li)[data-active] > button {
3426
+ [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 {
3418
3427
  color: var(--tab-list-active-text-color, #147F85);
3419
3428
  }
3420
3429
  [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input .pv-ghost-input input {
@@ -3423,12 +3432,23 @@ button.pv-tag-secondary:active {
3423
3432
  [class*=pv-tab-list] > :where(li)[data-active] .pv-tab-options .pv-button-ghost {
3424
3433
  color: var(--tab-list-active-text-color, #147F85);
3425
3434
  }
3426
- [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 {
3435
+ [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 {
3427
3436
  border-radius: var(--tab-list-indicator-radius, 2px);
3428
3437
  background-color: var(--tab-list-indicator-color, #147F85);
3429
3438
  }
3430
3439
 
3431
- .pv-tab-list-small > :where(li) > a, .pv-tab-list-small > :where(li) > button {
3440
+ .pv-tab-overflow .pv-popover-list a[aria-disabled=true] {
3441
+ color: var(--tab-list-disabled-text-color, #A3B0B0);
3442
+ background-color: transparent;
3443
+ cursor: unset;
3444
+ }
3445
+
3446
+ .pv-tab-list-collapsible {
3447
+ width: 100%;
3448
+ min-width: 0;
3449
+ }
3450
+
3451
+ .pv-tab-list-small > :where(li) > a, .pv-tab-list-small > :where(li) > button, .pv-tab-list-small > :where(li) > .pv-tab-overflow button {
3432
3452
  padding: var(--tab-list-small-item-padding, 0.1875rem 0.5rem);
3433
3453
  }
3434
3454
  .pv-tab-list-small > :where(li) > .pv-tab-input {
package/_site/assets/css/pit-viper-v2-scoped.css CHANGED
@@ -3059,7 +3059,7 @@
3059
3059
  opacity: 1;
3060
3060
  pointer-events: auto;
3061
3061
  }
3062
- .pv-v2 [class*=pv-tab-list] > :where(li) > a, .pv-v2 [class*=pv-tab-list] > :where(li) > button {
3062
+ .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 {
3063
3063
  display: flex;
3064
3064
  align-items: center;
3065
3065
  gap: 0.25rem;
@@ -3074,12 +3074,21 @@
3074
3074
  background-color: transparent;
3075
3075
  cursor: pointer;
3076
3076
  }
3077
- .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 {
3077
+ .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 {
3078
3078
  text-decoration: none;
3079
3079
  color: var(--tab-list-hover-text-color, #121313);
3080
3080
  background-color: var(--tab-list-hover-background-color, #E8F2F4);
3081
3081
  }
3082
- .pv-v2 [class*=pv-tab-list] > :where(li) > a:active, .pv-v2 [class*=pv-tab-list] > :where(li) > button:active {
3082
+ .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 {
3083
+ background-color: var(--tab-list-pressed-background-color, #C7D8DB);
3084
+ }
3085
+ .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 {
3086
+ color: var(--tab-list-disabled-text-color, #7D898D);
3087
+ background-color: transparent;
3088
+ cursor: unset;
3089
+ }
3090
+ .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 {
3091
+ color: var(--tab-list-hover-text-color, #121313);
3083
3092
  background-color: var(--tab-list-pressed-background-color, #C7D8DB);
3084
3093
  }
3085
3094
  .pv-v2 [class*=pv-tab-list] > :where(li) > .pv-tab-input {
@@ -3099,7 +3108,7 @@
3099
3108
  line-height: var(--tab-list-line-height, 1.33333333);
3100
3109
  background-color: transparent;
3101
3110
  }
3102
- .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 {
3111
+ .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 {
3103
3112
  content: "";
3104
3113
  display: block;
3105
3114
  height: var(--tab-list-indicator-size, 2px);
@@ -3110,7 +3119,7 @@
3110
3119
  right: 0;
3111
3120
  background-color: var(--tab-list-indicator-inactive-color, #E3E7EA);
3112
3121
  }
3113
- .pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > a, .pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > button {
3122
+ .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 {
3114
3123
  color: var(--tab-list-active-text-color, #16696D);
3115
3124
  }
3116
3125
  .pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input .pv-ghost-input input {
@@ -3119,11 +3128,20 @@
3119
3128
  .pv-v2 [class*=pv-tab-list] > :where(li)[data-active] .pv-tab-options .pv-button-ghost {
3120
3129
  color: var(--tab-list-active-text-color, #16696D);
3121
3130
  }
3122
- .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 {
3131
+ .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 {
3123
3132
  border-radius: var(--tab-list-indicator-radius, 2px);
3124
3133
  background-color: var(--tab-list-indicator-color, #16696D);
3125
3134
  }
3126
- .pv-v2 .pv-tab-list-small > :where(li) > a, .pv-v2 .pv-tab-list-small > :where(li) > button {
3135
+ .pv-v2 .pv-tab-overflow .pv-popover-list a[aria-disabled=true] {
3136
+ color: var(--tab-list-disabled-text-color, #7D898D);
3137
+ background-color: transparent;
3138
+ cursor: unset;
3139
+ }
3140
+ .pv-v2 .pv-tab-list-collapsible {
3141
+ width: 100%;
3142
+ min-width: 0;
3143
+ }
3144
+ .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 {
3127
3145
  padding: var(--tab-list-small-item-padding, 0.1875rem 0.5rem);
3128
3146
  }
3129
3147
  .pv-v2 .pv-tab-list-small > :where(li) > .pv-tab-input {
package/_site/assets/css/pit-viper-v2.css CHANGED
@@ -3357,7 +3357,7 @@ button.pv-tag-secondary:active {
3357
3357
  opacity: 1;
3358
3358
  pointer-events: auto;
3359
3359
  }
3360
- [class*=pv-tab-list] > :where(li) > a, [class*=pv-tab-list] > :where(li) > button {
3360
+ [class*=pv-tab-list] > :where(li) > a, [class*=pv-tab-list] > :where(li) > button, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button {
3361
3361
  display: flex;
3362
3362
  align-items: center;
3363
3363
  gap: 0.25rem;
@@ -3372,12 +3372,21 @@ button.pv-tag-secondary:active {
3372
3372
  background-color: transparent;
3373
3373
  cursor: pointer;
3374
3374
  }
3375
- [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 {
3375
+ [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 {
3376
3376
  text-decoration: none;
3377
3377
  color: var(--tab-list-hover-text-color, #121313);
3378
3378
  background-color: var(--tab-list-hover-background-color, #E8F2F4);
3379
3379
  }
3380
- [class*=pv-tab-list] > :where(li) > a:active, [class*=pv-tab-list] > :where(li) > button:active {
3380
+ [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 {
3381
+ background-color: var(--tab-list-pressed-background-color, #C7D8DB);
3382
+ }
3383
+ [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 {
3384
+ color: var(--tab-list-disabled-text-color, #7D898D);
3385
+ background-color: transparent;
3386
+ cursor: unset;
3387
+ }
3388
+ [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 {
3389
+ color: var(--tab-list-hover-text-color, #121313);
3381
3390
  background-color: var(--tab-list-pressed-background-color, #C7D8DB);
3382
3391
  }
3383
3392
  [class*=pv-tab-list] > :where(li) > .pv-tab-input {
@@ -3397,7 +3406,7 @@ button.pv-tag-secondary:active {
3397
3406
  line-height: var(--tab-list-line-height, 1.33333333);
3398
3407
  background-color: transparent;
3399
3408
  }
3400
- [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 {
3409
+ [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 {
3401
3410
  content: "";
3402
3411
  display: block;
3403
3412
  height: var(--tab-list-indicator-size, 2px);
@@ -3408,7 +3417,7 @@ button.pv-tag-secondary:active {
3408
3417
  right: 0;
3409
3418
  background-color: var(--tab-list-indicator-inactive-color, #E3E7EA);
3410
3419
  }
3411
- [class*=pv-tab-list] > :where(li)[data-active] > a, [class*=pv-tab-list] > :where(li)[data-active] > button {
3420
+ [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 {
3412
3421
  color: var(--tab-list-active-text-color, #16696D);
3413
3422
  }
3414
3423
  [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input .pv-ghost-input input {
@@ -3417,12 +3426,23 @@ button.pv-tag-secondary:active {
3417
3426
  [class*=pv-tab-list] > :where(li)[data-active] .pv-tab-options .pv-button-ghost {
3418
3427
  color: var(--tab-list-active-text-color, #16696D);
3419
3428
  }
3420
- [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 {
3429
+ [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 {
3421
3430
  border-radius: var(--tab-list-indicator-radius, 2px);
3422
3431
  background-color: var(--tab-list-indicator-color, #16696D);
3423
3432
  }
3424
3433
 
3425
- .pv-tab-list-small > :where(li) > a, .pv-tab-list-small > :where(li) > button {
3434
+ .pv-tab-overflow .pv-popover-list a[aria-disabled=true] {
3435
+ color: var(--tab-list-disabled-text-color, #7D898D);
3436
+ background-color: transparent;
3437
+ cursor: unset;
3438
+ }
3439
+
3440
+ .pv-tab-list-collapsible {
3441
+ width: 100%;
3442
+ min-width: 0;
3443
+ }
3444
+
3445
+ .pv-tab-list-small > :where(li) > a, .pv-tab-list-small > :where(li) > button, .pv-tab-list-small > :where(li) > .pv-tab-overflow button {
3426
3446
  padding: var(--tab-list-small-item-padding, 0.1875rem 0.5rem);
3427
3447
  }
3428
3448
  .pv-tab-list-small > :where(li) > .pv-tab-input {
package/_site/assets/css/pit-viper.css CHANGED
@@ -3362,7 +3362,7 @@ button.pv-tag-secondary:active {
3362
3362
  opacity: 1;
3363
3363
  pointer-events: auto;
3364
3364
  }
3365
- [class*=pv-tab-list] > :where(li) > a, [class*=pv-tab-list] > :where(li) > button {
3365
+ [class*=pv-tab-list] > :where(li) > a, [class*=pv-tab-list] > :where(li) > button, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button {
3366
3366
  display: flex;
3367
3367
  align-items: center;
3368
3368
  gap: 0.25rem;
@@ -3377,12 +3377,21 @@ button.pv-tag-secondary:active {
3377
3377
  background-color: transparent;
3378
3378
  cursor: pointer;
3379
3379
  }
3380
- [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 {
3380
+ [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 {
3381
3381
  text-decoration: none;
3382
3382
  color: var(--tab-list-hover-text-color, #02363D);
3383
3383
  background-color: var(--tab-list-hover-background-color, transparent);
3384
3384
  }
3385
- [class*=pv-tab-list] > :where(li) > a:active, [class*=pv-tab-list] > :where(li) > button:active {
3385
+ [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 {
3386
+ background-color: var(--tab-list-pressed-background-color, transparent);
3387
+ }
3388
+ [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 {
3389
+ color: var(--tab-list-disabled-text-color, #ADB5C0);
3390
+ background-color: transparent;
3391
+ cursor: unset;
3392
+ }
3393
+ [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 {
3394
+ color: var(--tab-list-hover-text-color, #02363D);
3386
3395
  background-color: var(--tab-list-pressed-background-color, transparent);
3387
3396
  }
3388
3397
  [class*=pv-tab-list] > :where(li) > .pv-tab-input {
@@ -3402,7 +3411,7 @@ button.pv-tag-secondary:active {
3402
3411
  line-height: var(--tab-list-line-height, inherit);
3403
3412
  background-color: transparent;
3404
3413
  }
3405
- [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 {
3414
+ [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 {
3406
3415
  content: "";
3407
3416
  display: block;
3408
3417
  height: var(--tab-list-indicator-size, 4px);
@@ -3413,7 +3422,7 @@ button.pv-tag-secondary:active {
3413
3422
  right: 0;
3414
3423
  background-color: var(--tab-list-indicator-inactive-color, transparent);
3415
3424
  }
3416
- [class*=pv-tab-list] > :where(li)[data-active] > a, [class*=pv-tab-list] > :where(li)[data-active] > button {
3425
+ [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 {
3417
3426
  color: var(--tab-list-active-text-color, #176F6F);
3418
3427
  }
3419
3428
  [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input .pv-ghost-input input {
@@ -3422,12 +3431,23 @@ button.pv-tag-secondary:active {
3422
3431
  [class*=pv-tab-list] > :where(li)[data-active] .pv-tab-options .pv-button-ghost {
3423
3432
  color: var(--tab-list-active-text-color, #176F6F);
3424
3433
  }
3425
- [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 {
3434
+ [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 {
3426
3435
  border-radius: var(--tab-list-indicator-radius, 4px 4px 0 0);
3427
3436
  background-color: var(--tab-list-indicator-color, #176F6F);
3428
3437
  }
3429
3438
 
3430
- .pv-tab-list-small > :where(li) > a, .pv-tab-list-small > :where(li) > button {
3439
+ .pv-tab-overflow .pv-popover-list a[aria-disabled=true] {
3440
+ color: var(--tab-list-disabled-text-color, #ADB5C0);
3441
+ background-color: transparent;
3442
+ cursor: unset;
3443
+ }
3444
+
3445
+ .pv-tab-list-collapsible {
3446
+ width: 100%;
3447
+ min-width: 0;
3448
+ }
3449
+
3450
+ .pv-tab-list-small > :where(li) > a, .pv-tab-list-small > :where(li) > button, .pv-tab-list-small > :where(li) > .pv-tab-overflow button {
3431
3451
  padding: var(--tab-list-small-item-padding, 0 0 0.75rem 0);
3432
3452
  }
3433
3453
  .pv-tab-list-small > :where(li) > .pv-tab-input {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@turquoisehealth/pit-viper",
3
- "version": "2.252.1",
3
+ "version": "2.253.0",
4
4
  "description": "Turquoise Health's design system.",
5
5
  "main": "README.md",
6
6
  "publishConfig": {