@turquoisehealth/pit-viper 2.150.1-dev.0 → 2.151.1-dev.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 (37) hide show
  1. package/_site/assets/css/pit-viper-a11y.css +21 -3
  2. package/_site/assets/css/pit-viper-consumer.css +25 -7
  3. package/_site/assets/css/pit-viper-v2-scoped.css +21 -3
  4. package/_site/assets/css/pit-viper-v2.css +21 -3
  5. package/_site/assets/css/pit-viper.css +21 -3
  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-accordion-stats.html +1 -1
  10. package/pv-components/dist/stats/web/pv-menu-stats.html +4949 -0
  11. package/pv-components/dist/stats/web/pv-multi-select-button-stats.html +1 -1
  12. package/pv-components/dist/stats/web/pv-query-builder-input-stats.html +1 -1
  13. package/pv-components/dist/stats/web/pv-segmented-control-stats.html +1 -1
  14. package/pv-components/dist/stats/web/pv-select-button-stats.html +1 -1
  15. package/pv-components/dist/stats/web/pv-toggle-group-stats.html +1 -1
  16. package/pv-components/dist/stats/web/pv-tooltip-v2-stats.html +1 -1
  17. package/pv-components/dist/stats/web/pv-tree-stats.html +1 -1
  18. package/pv-components/dist/vue/base/components/base/PvAccordion/PvAccordion.vue.d.ts +1 -0
  19. package/pv-components/dist/vue/base/components/base/PvMenu/PvMenu.vue.d.ts +15 -182
  20. package/pv-components/dist/vue/base/components/base/PvMenu/types.d.ts +10 -0
  21. package/pv-components/dist/vue/base/components/base/index.d.ts +2 -0
  22. package/pv-components/dist/vue/base/pv-components-base.mjs +2411 -2418
  23. package/pv-components/dist/vue/base/pv-components-base.mjs.map +1 -1
  24. package/pv-components/dist/vue/visualizations/components/base/PvAccordion/PvAccordion.vue.d.ts +1 -0
  25. package/pv-components/dist/vue/visualizations/components/base/PvMenu/PvMenu.vue.d.ts +15 -182
  26. package/pv-components/dist/vue/visualizations/components/base/PvMenu/types.d.ts +10 -0
  27. package/pv-components/dist/vue/visualizations/components/base/index.d.ts +2 -0
  28. package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs +2588 -2600
  29. package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs.map +1 -1
  30. package/pv-components/dist/web/components/pv-accordion/pv-accordion.js +59 -50
  31. package/pv-components/dist/web/components/pv-menu/pv-menu.js +6607 -0
  32. package/pv-components/dist/web/components/pv-multi-select-button/pv-multi-select-button.js +1520 -1489
  33. package/pv-components/dist/web/components/pv-query-builder-input/pv-query-builder-input.js +1146 -1180
  34. package/pv-components/dist/web/components/pv-select-button/pv-select-button.js +1986 -1941
  35. package/pv-components/dist/web/components/pv-tree/pv-tree.js +149 -140
  36. package/pv-components/dist/web/pv-components.iife.js +49 -49
  37. package/pv-components/dist/web/pv-components.iife.js.map +1 -1
@@ -1219,6 +1219,21 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
1219
1219
  position: relative;
1220
1220
  border-radius: 50%;
1221
1221
  }
1222
+ .pv-radio:not(:checked):not(:disabled):hover, .pv-radio:not(:checked):not(:disabled):focus-visible {
1223
+ background-color: transparent;
1224
+ }
1225
+ .pv-radio:not(:checked):not(:disabled):hover:after, .pv-radio:not(:checked):not(:disabled):focus-visible:after {
1226
+ content: "";
1227
+ display: block;
1228
+ width: var(--radio-checked-after-size, 8px);
1229
+ height: var(--radio-checked-after-size, 8px);
1230
+ background-color: var(--radio-checked-after-background-color, #13595D);
1231
+ position: absolute;
1232
+ top: 50%;
1233
+ left: 50%;
1234
+ transform: translate(-50%, -50%);
1235
+ border-radius: 50%;
1236
+ }
1222
1237
  .pv-radio:indeterminate {
1223
1238
  background-color: unset;
1224
1239
  border-color: var(--color-border, #8F939E);
@@ -4603,8 +4618,8 @@ pv-data-grid.ag-theme-pv {
4603
4618
  display: grid;
4604
4619
  grid-template-columns: 81px 1fr;
4605
4620
  grid-template-areas: "sidebar content";
4606
- height: 100%;
4607
- max-height: 100dvh;
4621
+ flex: 1;
4622
+ min-height: 0;
4608
4623
  }
4609
4624
  .pv-layout-primary > [data-grid-area=sidebar],
4610
4625
  .pv-layout-primary[data-collapsed] > [data-grid-area=sidebar] {
@@ -4616,7 +4631,7 @@ pv-data-grid.ag-theme-pv {
4616
4631
  grid-template-rows: auto 1fr;
4617
4632
  position: sticky;
4618
4633
  top: 0;
4619
- height: 100dvh;
4634
+ height: 100%;
4620
4635
  z-index: 10;
4621
4636
  border-inline-end: 1px solid var(--layout-primary-sidebar-border-color, #8F939E);
4622
4637
  }
@@ -4667,6 +4682,9 @@ pv-data-grid.ag-theme-pv {
4667
4682
 
4668
4683
  body:has(.pv-layout-primary) {
4669
4684
  overflow-y: clip;
4685
+ display: flex;
4686
+ flex-direction: column;
4687
+ height: 100dvh;
4670
4688
  }
4671
4689
 
4672
4690
  [data-grid-area=sidebar] > footer {
@@ -1,25 +1,25 @@
1
1
  @charset "UTF-8";
2
2
  @font-face {
3
3
  font-family: "GT Standard M";
4
- src: url(/assets/fonts/GT-Standard-M-Regular.woff2) format("woff2");
4
+ src: url(https://static.turquoise.health/static/fonts/GT-Standard-M-Standard-Regular.woff2) format("woff2");
5
5
  font-weight: 400;
6
6
  font-style: normal;
7
7
  }
8
8
  @font-face {
9
9
  font-family: "GT Standard M";
10
- src: url(/assets/fonts/GT-Standard-M-Medium.woff2) format("woff2");
10
+ src: url(https://static.turquoise.health/static/fonts/GT-Standard-M-Standard-Medium.woff2) format("woff2");
11
11
  font-weight: 500;
12
12
  font-style: normal;
13
13
  }
14
14
  @font-face {
15
15
  font-family: "GT Standard L";
16
- src: url(/assets/fonts/GT-Standard-L-Medium.woff2) format("woff2");
16
+ src: url(https://static.turquoise.health/static/fonts/GT-Standard-L-Standard-Medium.woff2) format("woff2");
17
17
  font-weight: 500;
18
18
  font-style: normal;
19
19
  }
20
20
  @font-face {
21
21
  font-family: "GT Standard M";
22
- src: url(/assets/fonts/GT-Standard-M-Semibold.woff2) format("woff2");
22
+ src: url(https://static.turquoise.health/static/fonts/GT-Standard-M-Standard-Semibold.woff2) format("woff2");
23
23
  font-weight: 600;
24
24
  font-style: normal;
25
25
  }
@@ -1225,6 +1225,21 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
1225
1225
  position: relative;
1226
1226
  border-radius: 50%;
1227
1227
  }
1228
+ .pv-radio:not(:checked):not(:disabled):hover, .pv-radio:not(:checked):not(:disabled):focus-visible {
1229
+ background-color: transparent;
1230
+ }
1231
+ .pv-radio:not(:checked):not(:disabled):hover:after, .pv-radio:not(:checked):not(:disabled):focus-visible:after {
1232
+ content: "";
1233
+ display: block;
1234
+ width: var(--radio-checked-after-size, 8px);
1235
+ height: var(--radio-checked-after-size, 8px);
1236
+ background-color: var(--radio-checked-after-background-color, #147F85);
1237
+ position: absolute;
1238
+ top: 50%;
1239
+ left: 50%;
1240
+ transform: translate(-50%, -50%);
1241
+ border-radius: 50%;
1242
+ }
1228
1243
  .pv-radio:indeterminate {
1229
1244
  background-color: unset;
1230
1245
  border-color: var(--color-border, #E8EBEB);
@@ -4609,8 +4624,8 @@ pv-data-grid.ag-theme-pv {
4609
4624
  display: grid;
4610
4625
  grid-template-columns: 81px 1fr;
4611
4626
  grid-template-areas: "sidebar content";
4612
- height: 100%;
4613
- max-height: 100dvh;
4627
+ flex: 1;
4628
+ min-height: 0;
4614
4629
  }
4615
4630
  .pv-layout-primary > [data-grid-area=sidebar],
4616
4631
  .pv-layout-primary[data-collapsed] > [data-grid-area=sidebar] {
@@ -4622,7 +4637,7 @@ pv-data-grid.ag-theme-pv {
4622
4637
  grid-template-rows: auto 1fr;
4623
4638
  position: sticky;
4624
4639
  top: 0;
4625
- height: 100dvh;
4640
+ height: 100%;
4626
4641
  z-index: 10;
4627
4642
  border-inline-end: 1px solid var(--layout-primary-sidebar-border-color, #E8EBEB);
4628
4643
  }
@@ -4673,6 +4688,9 @@ pv-data-grid.ag-theme-pv {
4673
4688
 
4674
4689
  body:has(.pv-layout-primary) {
4675
4690
  overflow-y: clip;
4691
+ display: flex;
4692
+ flex-direction: column;
4693
+ height: 100dvh;
4676
4694
  }
4677
4695
 
4678
4696
  [data-grid-area=sidebar] > footer {
@@ -1120,6 +1120,21 @@
1120
1120
  position: relative;
1121
1121
  border-radius: 50%;
1122
1122
  }
1123
+ .pv-v2 .pv-radio:not(:checked):not(:disabled):hover, .pv-v2 .pv-radio:not(:checked):not(:disabled):focus-visible {
1124
+ background-color: transparent;
1125
+ }
1126
+ .pv-v2 .pv-radio:not(:checked):not(:disabled):hover:after, .pv-v2 .pv-radio:not(:checked):not(:disabled):focus-visible:after {
1127
+ content: "";
1128
+ display: block;
1129
+ width: var(--radio-checked-after-size, 8px);
1130
+ height: var(--radio-checked-after-size, 8px);
1131
+ background-color: var(--radio-checked-after-background-color, #16696D);
1132
+ position: absolute;
1133
+ top: 50%;
1134
+ left: 50%;
1135
+ transform: translate(-50%, -50%);
1136
+ border-radius: 50%;
1137
+ }
1123
1138
  .pv-v2 .pv-radio:indeterminate {
1124
1139
  background-color: unset;
1125
1140
  border-color: var(--color-border, #E3E7EA);
@@ -4235,8 +4250,8 @@
4235
4250
  display: grid;
4236
4251
  grid-template-columns: 81px 1fr;
4237
4252
  grid-template-areas: "sidebar content";
4238
- height: 100%;
4239
- max-height: 100dvh;
4253
+ flex: 1;
4254
+ min-height: 0;
4240
4255
  }
4241
4256
  .pv-v2 .pv-layout-primary > [data-grid-area=sidebar],
4242
4257
  .pv-v2 .pv-layout-primary[data-collapsed] > [data-grid-area=sidebar] {
@@ -4248,7 +4263,7 @@
4248
4263
  grid-template-rows: auto 1fr;
4249
4264
  position: sticky;
4250
4265
  top: 0;
4251
- height: 100dvh;
4266
+ height: 100%;
4252
4267
  z-index: 10;
4253
4268
  border-inline-end: 1px solid var(--layout-primary-sidebar-border-color, #E3E7EA);
4254
4269
  }
@@ -4295,6 +4310,9 @@
4295
4310
  }
4296
4311
  .pv-v2 body:has(.pv-layout-primary) {
4297
4312
  overflow-y: clip;
4313
+ display: flex;
4314
+ flex-direction: column;
4315
+ height: 100dvh;
4298
4316
  }
4299
4317
  .pv-v2 [data-grid-area=sidebar] > footer {
4300
4318
  display: grid;
@@ -1219,6 +1219,21 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
1219
1219
  position: relative;
1220
1220
  border-radius: 50%;
1221
1221
  }
1222
+ .pv-radio:not(:checked):not(:disabled):hover, .pv-radio:not(:checked):not(:disabled):focus-visible {
1223
+ background-color: transparent;
1224
+ }
1225
+ .pv-radio:not(:checked):not(:disabled):hover:after, .pv-radio:not(:checked):not(:disabled):focus-visible:after {
1226
+ content: "";
1227
+ display: block;
1228
+ width: var(--radio-checked-after-size, 8px);
1229
+ height: var(--radio-checked-after-size, 8px);
1230
+ background-color: var(--radio-checked-after-background-color, #16696D);
1231
+ position: absolute;
1232
+ top: 50%;
1233
+ left: 50%;
1234
+ transform: translate(-50%, -50%);
1235
+ border-radius: 50%;
1236
+ }
1222
1237
  .pv-radio:indeterminate {
1223
1238
  background-color: unset;
1224
1239
  border-color: var(--color-border, #E3E7EA);
@@ -4603,8 +4618,8 @@ pv-data-grid.ag-theme-pv {
4603
4618
  display: grid;
4604
4619
  grid-template-columns: 81px 1fr;
4605
4620
  grid-template-areas: "sidebar content";
4606
- height: 100%;
4607
- max-height: 100dvh;
4621
+ flex: 1;
4622
+ min-height: 0;
4608
4623
  }
4609
4624
  .pv-layout-primary > [data-grid-area=sidebar],
4610
4625
  .pv-layout-primary[data-collapsed] > [data-grid-area=sidebar] {
@@ -4616,7 +4631,7 @@ pv-data-grid.ag-theme-pv {
4616
4631
  grid-template-rows: auto 1fr;
4617
4632
  position: sticky;
4618
4633
  top: 0;
4619
- height: 100dvh;
4634
+ height: 100%;
4620
4635
  z-index: 10;
4621
4636
  border-inline-end: 1px solid var(--layout-primary-sidebar-border-color, #E3E7EA);
4622
4637
  }
@@ -4667,6 +4682,9 @@ pv-data-grid.ag-theme-pv {
4667
4682
 
4668
4683
  body:has(.pv-layout-primary) {
4669
4684
  overflow-y: clip;
4685
+ display: flex;
4686
+ flex-direction: column;
4687
+ height: 100dvh;
4670
4688
  }
4671
4689
 
4672
4690
  [data-grid-area=sidebar] > footer {
@@ -1224,6 +1224,21 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
1224
1224
  position: relative;
1225
1225
  border-radius: 50%;
1226
1226
  }
1227
+ .pv-radio:not(:checked):not(:disabled):hover, .pv-radio:not(:checked):not(:disabled):focus-visible {
1228
+ background-color: transparent;
1229
+ }
1230
+ .pv-radio:not(:checked):not(:disabled):hover:after, .pv-radio:not(:checked):not(:disabled):focus-visible:after {
1231
+ content: "";
1232
+ display: block;
1233
+ width: var(--radio-checked-after-size, 6px);
1234
+ height: var(--radio-checked-after-size, 6px);
1235
+ background-color: var(--radio-checked-after-background-color, #FFFFFF);
1236
+ position: absolute;
1237
+ top: 50%;
1238
+ left: 50%;
1239
+ transform: translate(-50%, -50%);
1240
+ border-radius: 50%;
1241
+ }
1227
1242
  .pv-radio:indeterminate {
1228
1243
  background-color: unset;
1229
1244
  border-color: var(--color-border, #DCDFE4);
@@ -4608,8 +4623,8 @@ pv-data-grid.ag-theme-pv {
4608
4623
  display: grid;
4609
4624
  grid-template-columns: 81px 1fr;
4610
4625
  grid-template-areas: "sidebar content";
4611
- height: 100%;
4612
- max-height: 100dvh;
4626
+ flex: 1;
4627
+ min-height: 0;
4613
4628
  }
4614
4629
  .pv-layout-primary > [data-grid-area=sidebar],
4615
4630
  .pv-layout-primary[data-collapsed] > [data-grid-area=sidebar] {
@@ -4621,7 +4636,7 @@ pv-data-grid.ag-theme-pv {
4621
4636
  grid-template-rows: auto 1fr;
4622
4637
  position: sticky;
4623
4638
  top: 0;
4624
- height: 100dvh;
4639
+ height: 100%;
4625
4640
  z-index: 10;
4626
4641
  border-inline-end: 1px solid var(--layout-primary-sidebar-border-color, transparent);
4627
4642
  }
@@ -4672,6 +4687,9 @@ pv-data-grid.ag-theme-pv {
4672
4687
 
4673
4688
  body:has(.pv-layout-primary) {
4674
4689
  overflow-y: clip;
4690
+ display: flex;
4691
+ flex-direction: column;
4692
+ height: 100dvh;
4675
4693
  }
4676
4694
 
4677
4695
  [data-grid-area=sidebar] > footer {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@turquoisehealth/pit-viper",
3
- "version": "2.150.1-dev.0",
3
+ "version": "2.151.1-dev.0",
4
4
  "description": "Turquoise Health's design system.",
5
5
  "main": "README.md",
6
6
  "publishConfig": {