@turquoisehealth/pit-viper 2.236.1 → 2.237.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 (22) hide show
  1. package/_site/assets/css/pit-viper-a11y.css +65 -0
  2. package/_site/assets/css/pit-viper-consumer.css +65 -0
  3. package/_site/assets/css/pit-viper-v2-scoped.css +64 -0
  4. package/_site/assets/css/pit-viper-v2.css +65 -0
  5. package/_site/assets/css/pit-viper.css +65 -0
  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-filter-panel-stats.html +1 -1
  10. package/pv-components/dist/stats/web/pv-header-stats.html +1 -1
  11. package/pv-components/dist/vue/ai/components/base/PvHeader/PvHeader.vue.d.ts +8 -14
  12. package/pv-components/dist/vue/ai/components/base/PvHeader/types.d.ts +10 -0
  13. package/pv-components/dist/vue/base/components/base/PvHeader/PvHeader.vue.d.ts +8 -14
  14. package/pv-components/dist/vue/base/components/base/PvHeader/types.d.ts +10 -0
  15. package/pv-components/dist/vue/base/pv-components-base.mjs +30 -26
  16. package/pv-components/dist/vue/base/pv-components-base.mjs.map +1 -1
  17. package/pv-components/dist/vue/visualizations/components/base/PvHeader/PvHeader.vue.d.ts +8 -14
  18. package/pv-components/dist/vue/visualizations/components/base/PvHeader/types.d.ts +10 -0
  19. package/pv-components/dist/web/components/pv-filter-panel/pv-filter-panel.js +3 -3
  20. package/pv-components/dist/web/components/pv-header/pv-header.js +430 -423
  21. package/pv-components/dist/web/pv-components.iife.js +2 -2
  22. package/pv-components/dist/web/pv-components.iife.js.map +1 -1
package/_site/assets/css/pit-viper-a11y.css CHANGED
@@ -6390,6 +6390,71 @@ svg.pv-text-inherit {
6390
6390
  z-index: 10;
6391
6391
  }
6392
6392
 
6393
+ .pv-overlay-region,
6394
+ [data-overlay-region] {
6395
+ --offset: 1rem;
6396
+ --gap: 0.75rem;
6397
+ position: fixed;
6398
+ top: var(--offset);
6399
+ right: var(--offset);
6400
+ bottom: auto;
6401
+ left: auto;
6402
+ z-index: var(--layer, 60);
6403
+ display: flex;
6404
+ flex-direction: column;
6405
+ gap: var(--gap);
6406
+ max-width: calc(100% - var(--offset) * 2);
6407
+ pointer-events: none;
6408
+ }
6409
+ .pv-overlay-region > *,
6410
+ [data-overlay-region] > * {
6411
+ pointer-events: auto;
6412
+ }
6413
+ .pv-overlay-region[data-position^=top],
6414
+ [data-overlay-region][data-position^=top] {
6415
+ top: var(--offset);
6416
+ bottom: auto;
6417
+ }
6418
+ .pv-overlay-region[data-position^=bottom],
6419
+ [data-overlay-region][data-position^=bottom] {
6420
+ top: auto;
6421
+ bottom: var(--offset);
6422
+ }
6423
+ .pv-overlay-region[data-position$=left],
6424
+ [data-overlay-region][data-position$=left] {
6425
+ right: auto;
6426
+ left: var(--offset);
6427
+ }
6428
+ .pv-overlay-region[data-position$=right],
6429
+ [data-overlay-region][data-position$=right] {
6430
+ right: var(--offset);
6431
+ left: auto;
6432
+ }
6433
+ .pv-overlay-region[data-position=top], .pv-overlay-region[data-position=bottom], .pv-overlay-region[data-position$=center],
6434
+ [data-overlay-region][data-position=top],
6435
+ [data-overlay-region][data-position=bottom],
6436
+ [data-overlay-region][data-position$=center] {
6437
+ right: auto;
6438
+ left: 50%;
6439
+ align-items: center;
6440
+ transform: translateX(-50%);
6441
+ }
6442
+ .pv-overlay-region[popover],
6443
+ [data-overlay-region][popover] {
6444
+ width: auto;
6445
+ height: auto;
6446
+ margin: 0;
6447
+ padding: 0;
6448
+ overflow: visible;
6449
+ color: inherit;
6450
+ background: transparent;
6451
+ border: none;
6452
+ }
6453
+ .pv-overlay-region[popover]:not(:popover-open),
6454
+ [data-overlay-region][popover]:not(:popover-open) {
6455
+ display: none;
6456
+ }
6457
+
6393
6458
  .pv-nowrap {
6394
6459
  white-space: nowrap;
6395
6460
  }
package/_site/assets/css/pit-viper-consumer.css CHANGED
@@ -6210,6 +6210,71 @@ svg.pv-text-inherit {
6210
6210
  z-index: 10;
6211
6211
  }
6212
6212
 
6213
+ .pv-overlay-region,
6214
+ [data-overlay-region] {
6215
+ --offset: 1rem;
6216
+ --gap: 0.75rem;
6217
+ position: fixed;
6218
+ top: var(--offset);
6219
+ right: var(--offset);
6220
+ bottom: auto;
6221
+ left: auto;
6222
+ z-index: var(--layer, 60);
6223
+ display: flex;
6224
+ flex-direction: column;
6225
+ gap: var(--gap);
6226
+ max-width: calc(100% - var(--offset) * 2);
6227
+ pointer-events: none;
6228
+ }
6229
+ .pv-overlay-region > *,
6230
+ [data-overlay-region] > * {
6231
+ pointer-events: auto;
6232
+ }
6233
+ .pv-overlay-region[data-position^=top],
6234
+ [data-overlay-region][data-position^=top] {
6235
+ top: var(--offset);
6236
+ bottom: auto;
6237
+ }
6238
+ .pv-overlay-region[data-position^=bottom],
6239
+ [data-overlay-region][data-position^=bottom] {
6240
+ top: auto;
6241
+ bottom: var(--offset);
6242
+ }
6243
+ .pv-overlay-region[data-position$=left],
6244
+ [data-overlay-region][data-position$=left] {
6245
+ right: auto;
6246
+ left: var(--offset);
6247
+ }
6248
+ .pv-overlay-region[data-position$=right],
6249
+ [data-overlay-region][data-position$=right] {
6250
+ right: var(--offset);
6251
+ left: auto;
6252
+ }
6253
+ .pv-overlay-region[data-position=top], .pv-overlay-region[data-position=bottom], .pv-overlay-region[data-position$=center],
6254
+ [data-overlay-region][data-position=top],
6255
+ [data-overlay-region][data-position=bottom],
6256
+ [data-overlay-region][data-position$=center] {
6257
+ right: auto;
6258
+ left: 50%;
6259
+ align-items: center;
6260
+ transform: translateX(-50%);
6261
+ }
6262
+ .pv-overlay-region[popover],
6263
+ [data-overlay-region][popover] {
6264
+ width: auto;
6265
+ height: auto;
6266
+ margin: 0;
6267
+ padding: 0;
6268
+ overflow: visible;
6269
+ color: inherit;
6270
+ background: transparent;
6271
+ border: none;
6272
+ }
6273
+ .pv-overlay-region[popover]:not(:popover-open),
6274
+ [data-overlay-region][popover]:not(:popover-open) {
6275
+ display: none;
6276
+ }
6277
+
6213
6278
  .pv-nowrap {
6214
6279
  white-space: nowrap;
6215
6280
  }
package/_site/assets/css/pit-viper-v2-scoped.css CHANGED
@@ -5601,6 +5601,70 @@
5601
5601
  top: var(--top);
5602
5602
  z-index: 10;
5603
5603
  }
5604
+ .pv-v2 .pv-overlay-region,
5605
+ .pv-v2 [data-overlay-region] {
5606
+ --offset: 1rem;
5607
+ --gap: 0.75rem;
5608
+ position: fixed;
5609
+ top: var(--offset);
5610
+ right: var(--offset);
5611
+ bottom: auto;
5612
+ left: auto;
5613
+ z-index: var(--layer, 60);
5614
+ display: flex;
5615
+ flex-direction: column;
5616
+ gap: var(--gap);
5617
+ max-width: calc(100% - var(--offset) * 2);
5618
+ pointer-events: none;
5619
+ }
5620
+ .pv-v2 .pv-overlay-region > *,
5621
+ .pv-v2 [data-overlay-region] > * {
5622
+ pointer-events: auto;
5623
+ }
5624
+ .pv-v2 .pv-overlay-region[data-position^=top],
5625
+ .pv-v2 [data-overlay-region][data-position^=top] {
5626
+ top: var(--offset);
5627
+ bottom: auto;
5628
+ }
5629
+ .pv-v2 .pv-overlay-region[data-position^=bottom],
5630
+ .pv-v2 [data-overlay-region][data-position^=bottom] {
5631
+ top: auto;
5632
+ bottom: var(--offset);
5633
+ }
5634
+ .pv-v2 .pv-overlay-region[data-position$=left],
5635
+ .pv-v2 [data-overlay-region][data-position$=left] {
5636
+ right: auto;
5637
+ left: var(--offset);
5638
+ }
5639
+ .pv-v2 .pv-overlay-region[data-position$=right],
5640
+ .pv-v2 [data-overlay-region][data-position$=right] {
5641
+ right: var(--offset);
5642
+ left: auto;
5643
+ }
5644
+ .pv-v2 .pv-overlay-region[data-position=top], .pv-v2 .pv-overlay-region[data-position=bottom], .pv-v2 .pv-overlay-region[data-position$=center],
5645
+ .pv-v2 [data-overlay-region][data-position=top],
5646
+ .pv-v2 [data-overlay-region][data-position=bottom],
5647
+ .pv-v2 [data-overlay-region][data-position$=center] {
5648
+ right: auto;
5649
+ left: 50%;
5650
+ align-items: center;
5651
+ transform: translateX(-50%);
5652
+ }
5653
+ .pv-v2 .pv-overlay-region[popover],
5654
+ .pv-v2 [data-overlay-region][popover] {
5655
+ width: auto;
5656
+ height: auto;
5657
+ margin: 0;
5658
+ padding: 0;
5659
+ overflow: visible;
5660
+ color: inherit;
5661
+ background: transparent;
5662
+ border: none;
5663
+ }
5664
+ .pv-v2 .pv-overlay-region[popover]:not(:popover-open),
5665
+ .pv-v2 [data-overlay-region][popover]:not(:popover-open) {
5666
+ display: none;
5667
+ }
5604
5668
  .pv-v2 .pv-nowrap {
5605
5669
  white-space: nowrap;
5606
5670
  }
package/_site/assets/css/pit-viper-v2.css CHANGED
@@ -6728,6 +6728,71 @@ svg.pv-text-inherit {
6728
6728
  z-index: 10;
6729
6729
  }
6730
6730
 
6731
+ .pv-overlay-region,
6732
+ [data-overlay-region] {
6733
+ --offset: 1rem;
6734
+ --gap: 0.75rem;
6735
+ position: fixed;
6736
+ top: var(--offset);
6737
+ right: var(--offset);
6738
+ bottom: auto;
6739
+ left: auto;
6740
+ z-index: var(--layer, 60);
6741
+ display: flex;
6742
+ flex-direction: column;
6743
+ gap: var(--gap);
6744
+ max-width: calc(100% - var(--offset) * 2);
6745
+ pointer-events: none;
6746
+ }
6747
+ .pv-overlay-region > *,
6748
+ [data-overlay-region] > * {
6749
+ pointer-events: auto;
6750
+ }
6751
+ .pv-overlay-region[data-position^=top],
6752
+ [data-overlay-region][data-position^=top] {
6753
+ top: var(--offset);
6754
+ bottom: auto;
6755
+ }
6756
+ .pv-overlay-region[data-position^=bottom],
6757
+ [data-overlay-region][data-position^=bottom] {
6758
+ top: auto;
6759
+ bottom: var(--offset);
6760
+ }
6761
+ .pv-overlay-region[data-position$=left],
6762
+ [data-overlay-region][data-position$=left] {
6763
+ right: auto;
6764
+ left: var(--offset);
6765
+ }
6766
+ .pv-overlay-region[data-position$=right],
6767
+ [data-overlay-region][data-position$=right] {
6768
+ right: var(--offset);
6769
+ left: auto;
6770
+ }
6771
+ .pv-overlay-region[data-position=top], .pv-overlay-region[data-position=bottom], .pv-overlay-region[data-position$=center],
6772
+ [data-overlay-region][data-position=top],
6773
+ [data-overlay-region][data-position=bottom],
6774
+ [data-overlay-region][data-position$=center] {
6775
+ right: auto;
6776
+ left: 50%;
6777
+ align-items: center;
6778
+ transform: translateX(-50%);
6779
+ }
6780
+ .pv-overlay-region[popover],
6781
+ [data-overlay-region][popover] {
6782
+ width: auto;
6783
+ height: auto;
6784
+ margin: 0;
6785
+ padding: 0;
6786
+ overflow: visible;
6787
+ color: inherit;
6788
+ background: transparent;
6789
+ border: none;
6790
+ }
6791
+ .pv-overlay-region[popover]:not(:popover-open),
6792
+ [data-overlay-region][popover]:not(:popover-open) {
6793
+ display: none;
6794
+ }
6795
+
6731
6796
  .pv-nowrap {
6732
6797
  white-space: nowrap;
6733
6798
  }
package/_site/assets/css/pit-viper.css CHANGED
@@ -6209,6 +6209,71 @@ svg.pv-text-inherit {
6209
6209
  z-index: 10;
6210
6210
  }
6211
6211
 
6212
+ .pv-overlay-region,
6213
+ [data-overlay-region] {
6214
+ --offset: 1rem;
6215
+ --gap: 0.75rem;
6216
+ position: fixed;
6217
+ top: var(--offset);
6218
+ right: var(--offset);
6219
+ bottom: auto;
6220
+ left: auto;
6221
+ z-index: var(--layer, 60);
6222
+ display: flex;
6223
+ flex-direction: column;
6224
+ gap: var(--gap);
6225
+ max-width: calc(100% - var(--offset) * 2);
6226
+ pointer-events: none;
6227
+ }
6228
+ .pv-overlay-region > *,
6229
+ [data-overlay-region] > * {
6230
+ pointer-events: auto;
6231
+ }
6232
+ .pv-overlay-region[data-position^=top],
6233
+ [data-overlay-region][data-position^=top] {
6234
+ top: var(--offset);
6235
+ bottom: auto;
6236
+ }
6237
+ .pv-overlay-region[data-position^=bottom],
6238
+ [data-overlay-region][data-position^=bottom] {
6239
+ top: auto;
6240
+ bottom: var(--offset);
6241
+ }
6242
+ .pv-overlay-region[data-position$=left],
6243
+ [data-overlay-region][data-position$=left] {
6244
+ right: auto;
6245
+ left: var(--offset);
6246
+ }
6247
+ .pv-overlay-region[data-position$=right],
6248
+ [data-overlay-region][data-position$=right] {
6249
+ right: var(--offset);
6250
+ left: auto;
6251
+ }
6252
+ .pv-overlay-region[data-position=top], .pv-overlay-region[data-position=bottom], .pv-overlay-region[data-position$=center],
6253
+ [data-overlay-region][data-position=top],
6254
+ [data-overlay-region][data-position=bottom],
6255
+ [data-overlay-region][data-position$=center] {
6256
+ right: auto;
6257
+ left: 50%;
6258
+ align-items: center;
6259
+ transform: translateX(-50%);
6260
+ }
6261
+ .pv-overlay-region[popover],
6262
+ [data-overlay-region][popover] {
6263
+ width: auto;
6264
+ height: auto;
6265
+ margin: 0;
6266
+ padding: 0;
6267
+ overflow: visible;
6268
+ color: inherit;
6269
+ background: transparent;
6270
+ border: none;
6271
+ }
6272
+ .pv-overlay-region[popover]:not(:popover-open),
6273
+ [data-overlay-region][popover]:not(:popover-open) {
6274
+ display: none;
6275
+ }
6276
+
6212
6277
  .pv-nowrap {
6213
6278
  white-space: nowrap;
6214
6279
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@turquoisehealth/pit-viper",
3
- "version": "2.236.1",
3
+ "version": "2.237.0",
4
4
  "description": "Turquoise Health's design system.",
5
5
  "main": "README.md",
6
6
  "publishConfig": {