@turquoisehealth/pit-viper 2.255.1 → 2.256.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.
@@ -5010,14 +5010,14 @@ pv-header [slot=left] h3.pv-heading-3 {
5010
5010
  overflow: hidden;
5011
5011
  }
5012
5012
 
5013
- .pv-filter-panel-actions,
5014
- .pv-filter-panel-header,
5015
- .pv-filter-panel-suggestion-tags {
5013
+ .pv-flex.pv-filter-panel-actions,
5014
+ .pv-flex.pv-filter-panel-header,
5015
+ .pv-flex.pv-filter-panel-suggestion-tags {
5016
5016
  --flex-gap: 0.5rem;
5017
5017
  }
5018
5018
 
5019
- .pv-filter-panel-body,
5020
- .pv-filter-panel-filters-view {
5019
+ .pv-flex-vertical.pv-filter-panel-body,
5020
+ .pv-flex-vertical.pv-filter-panel-filters-view {
5021
5021
  --flex-align: stretch;
5022
5022
  --flex-gap: 0;
5023
5023
  }
@@ -5055,17 +5055,23 @@ pv-header [slot=left] h3.pv-heading-3 {
5055
5055
  }
5056
5056
 
5057
5057
  .pv-filter-panel-filter-list {
5058
+ padding-block: 0.5rem;
5059
+ }
5060
+
5061
+ .pv-flex-vertical.pv-filter-panel-filter-list {
5058
5062
  --flex-align: stretch;
5059
5063
  --flex-gap: 0.5rem;
5060
- padding-block: 0.5rem;
5061
5064
  }
5062
5065
 
5063
5066
  .pv-filter-panel-collapsed-filters-toggle {
5064
5067
  align-self: flex-start;
5065
5068
  }
5066
5069
 
5067
- .pv-filter-panel-footer {
5070
+ .pv-flex.pv-filter-panel-footer {
5068
5071
  --flex-justify: flex-end;
5072
+ }
5073
+
5074
+ .pv-filter-panel-footer {
5069
5075
  background: var(--color-background-body, #FDFDFC);
5070
5076
  bottom: 0;
5071
5077
  flex: 0 0 auto;
@@ -5075,16 +5081,19 @@ pv-header [slot=left] h3.pv-heading-3 {
5075
5081
  }
5076
5082
 
5077
5083
  .pv-filter-panel-header {
5078
- --flex-align: center;
5079
5084
  padding: 0.75rem;
5080
5085
  }
5081
5086
 
5087
+ .pv-flex.pv-filter-panel-header {
5088
+ --flex-align: center;
5089
+ }
5090
+
5082
5091
  .pv-filter-panel-mode-control {
5083
5092
  flex: 1 1 auto;
5084
5093
  min-width: 0;
5085
5094
  }
5086
5095
 
5087
- .pv-filter-panel-modal-footer {
5096
+ .pv-flex.pv-filter-panel-modal-footer {
5088
5097
  --flex-justify: flex-end;
5089
5098
  }
5090
5099
 
@@ -5096,11 +5105,11 @@ pv-header [slot=left] h3.pv-heading-3 {
5096
5105
  margin: 0;
5097
5106
  }
5098
5107
 
5099
- .pv-filter-panel-suggestions {
5108
+ .pv-flex-vertical.pv-filter-panel-suggestions {
5100
5109
  --flex-align: stretch;
5101
5110
  }
5102
5111
 
5103
- .pv-filter-panel-suggestion-tags {
5112
+ .pv-flex.pv-filter-panel-suggestion-tags {
5104
5113
  --flex-wrap: wrap;
5105
5114
  }
5106
5115
 
@@ -5010,14 +5010,14 @@ pv-header [slot=left] h3.pv-heading-3 {
5010
5010
  overflow: hidden;
5011
5011
  }
5012
5012
 
5013
- .pv-filter-panel-actions,
5014
- .pv-filter-panel-header,
5015
- .pv-filter-panel-suggestion-tags {
5013
+ .pv-flex.pv-filter-panel-actions,
5014
+ .pv-flex.pv-filter-panel-header,
5015
+ .pv-flex.pv-filter-panel-suggestion-tags {
5016
5016
  --flex-gap: 0.5rem;
5017
5017
  }
5018
5018
 
5019
- .pv-filter-panel-body,
5020
- .pv-filter-panel-filters-view {
5019
+ .pv-flex-vertical.pv-filter-panel-body,
5020
+ .pv-flex-vertical.pv-filter-panel-filters-view {
5021
5021
  --flex-align: stretch;
5022
5022
  --flex-gap: 0;
5023
5023
  }
@@ -5055,17 +5055,23 @@ pv-header [slot=left] h3.pv-heading-3 {
5055
5055
  }
5056
5056
 
5057
5057
  .pv-filter-panel-filter-list {
5058
+ padding-block: 0.5rem;
5059
+ }
5060
+
5061
+ .pv-flex-vertical.pv-filter-panel-filter-list {
5058
5062
  --flex-align: stretch;
5059
5063
  --flex-gap: 0.5rem;
5060
- padding-block: 0.5rem;
5061
5064
  }
5062
5065
 
5063
5066
  .pv-filter-panel-collapsed-filters-toggle {
5064
5067
  align-self: flex-start;
5065
5068
  }
5066
5069
 
5067
- .pv-filter-panel-footer {
5070
+ .pv-flex.pv-filter-panel-footer {
5068
5071
  --flex-justify: flex-end;
5072
+ }
5073
+
5074
+ .pv-filter-panel-footer {
5069
5075
  background: var(--color-background-body, #FFFFFF);
5070
5076
  bottom: 0;
5071
5077
  flex: 0 0 auto;
@@ -5075,16 +5081,19 @@ pv-header [slot=left] h3.pv-heading-3 {
5075
5081
  }
5076
5082
 
5077
5083
  .pv-filter-panel-header {
5078
- --flex-align: center;
5079
5084
  padding: 0.75rem;
5080
5085
  }
5081
5086
 
5087
+ .pv-flex.pv-filter-panel-header {
5088
+ --flex-align: center;
5089
+ }
5090
+
5082
5091
  .pv-filter-panel-mode-control {
5083
5092
  flex: 1 1 auto;
5084
5093
  min-width: 0;
5085
5094
  }
5086
5095
 
5087
- .pv-filter-panel-modal-footer {
5096
+ .pv-flex.pv-filter-panel-modal-footer {
5088
5097
  --flex-justify: flex-end;
5089
5098
  }
5090
5099
 
@@ -5096,11 +5105,11 @@ pv-header [slot=left] h3.pv-heading-3 {
5096
5105
  margin: 0;
5097
5106
  }
5098
5107
 
5099
- .pv-filter-panel-suggestions {
5108
+ .pv-flex-vertical.pv-filter-panel-suggestions {
5100
5109
  --flex-align: stretch;
5101
5110
  }
5102
5111
 
5103
- .pv-filter-panel-suggestion-tags {
5112
+ .pv-flex.pv-filter-panel-suggestion-tags {
5104
5113
  --flex-wrap: wrap;
5105
5114
  }
5106
5115
 
@@ -4994,14 +4994,14 @@ pv-resize-handle {
4994
4994
  overflow: hidden;
4995
4995
  }
4996
4996
 
4997
- .pv-filter-panel-actions,
4998
- .pv-filter-panel-header,
4999
- .pv-filter-panel-suggestion-tags {
4997
+ .pv-flex.pv-filter-panel-actions,
4998
+ .pv-flex.pv-filter-panel-header,
4999
+ .pv-flex.pv-filter-panel-suggestion-tags {
5000
5000
  --flex-gap: 0.5rem;
5001
5001
  }
5002
5002
 
5003
- .pv-filter-panel-body,
5004
- .pv-filter-panel-filters-view {
5003
+ .pv-flex-vertical.pv-filter-panel-body,
5004
+ .pv-flex-vertical.pv-filter-panel-filters-view {
5005
5005
  --flex-align: stretch;
5006
5006
  --flex-gap: 0;
5007
5007
  }
@@ -5039,17 +5039,23 @@ pv-resize-handle {
5039
5039
  }
5040
5040
 
5041
5041
  .pv-filter-panel-filter-list {
5042
+ padding-block: 0.5rem;
5043
+ }
5044
+
5045
+ .pv-flex-vertical.pv-filter-panel-filter-list {
5042
5046
  --flex-align: stretch;
5043
5047
  --flex-gap: 0.5rem;
5044
- padding-block: 0.5rem;
5045
5048
  }
5046
5049
 
5047
5050
  .pv-filter-panel-collapsed-filters-toggle {
5048
5051
  align-self: flex-start;
5049
5052
  }
5050
5053
 
5051
- .pv-filter-panel-footer {
5054
+ .pv-flex.pv-filter-panel-footer {
5052
5055
  --flex-justify: flex-end;
5056
+ }
5057
+
5058
+ .pv-filter-panel-footer {
5053
5059
  background: var(--color-background-body, #FFFFFF);
5054
5060
  bottom: 0;
5055
5061
  flex: 0 0 auto;
@@ -5059,16 +5065,19 @@ pv-resize-handle {
5059
5065
  }
5060
5066
 
5061
5067
  .pv-filter-panel-header {
5062
- --flex-align: center;
5063
5068
  padding: 0.75rem;
5064
5069
  }
5065
5070
 
5071
+ .pv-flex.pv-filter-panel-header {
5072
+ --flex-align: center;
5073
+ }
5074
+
5066
5075
  .pv-filter-panel-mode-control {
5067
5076
  flex: 1 1 auto;
5068
5077
  min-width: 0;
5069
5078
  }
5070
5079
 
5071
- .pv-filter-panel-modal-footer {
5080
+ .pv-flex.pv-filter-panel-modal-footer {
5072
5081
  --flex-justify: flex-end;
5073
5082
  }
5074
5083
 
@@ -5080,11 +5089,11 @@ pv-resize-handle {
5080
5089
  margin: 0;
5081
5090
  }
5082
5091
 
5083
- .pv-filter-panel-suggestions {
5092
+ .pv-flex-vertical.pv-filter-panel-suggestions {
5084
5093
  --flex-align: stretch;
5085
5094
  }
5086
5095
 
5087
- .pv-filter-panel-suggestion-tags {
5096
+ .pv-flex.pv-filter-panel-suggestion-tags {
5088
5097
  --flex-wrap: wrap;
5089
5098
  }
5090
5099
 
@@ -4561,13 +4561,13 @@
4561
4561
  min-height: 0;
4562
4562
  overflow: hidden;
4563
4563
  }
4564
- .pv-v2 .pv-filter-panel-actions,
4565
- .pv-v2 .pv-filter-panel-header,
4566
- .pv-v2 .pv-filter-panel-suggestion-tags {
4564
+ .pv-v2 .pv-flex.pv-filter-panel-actions,
4565
+ .pv-v2 .pv-flex.pv-filter-panel-header,
4566
+ .pv-v2 .pv-flex.pv-filter-panel-suggestion-tags {
4567
4567
  --flex-gap: 0.5rem;
4568
4568
  }
4569
- .pv-v2 .pv-filter-panel-body,
4570
- .pv-v2 .pv-filter-panel-filters-view {
4569
+ .pv-v2 .pv-flex-vertical.pv-filter-panel-body,
4570
+ .pv-v2 .pv-flex-vertical.pv-filter-panel-filters-view {
4571
4571
  --flex-align: stretch;
4572
4572
  --flex-gap: 0;
4573
4573
  }
@@ -4598,15 +4598,19 @@
4598
4598
  padding: 0.75rem;
4599
4599
  }
4600
4600
  .pv-v2 .pv-filter-panel-filter-list {
4601
+ padding-block: 0.5rem;
4602
+ }
4603
+ .pv-v2 .pv-flex-vertical.pv-filter-panel-filter-list {
4601
4604
  --flex-align: stretch;
4602
4605
  --flex-gap: 0.5rem;
4603
- padding-block: 0.5rem;
4604
4606
  }
4605
4607
  .pv-v2 .pv-filter-panel-collapsed-filters-toggle {
4606
4608
  align-self: flex-start;
4607
4609
  }
4608
- .pv-v2 .pv-filter-panel-footer {
4610
+ .pv-v2 .pv-flex.pv-filter-panel-footer {
4609
4611
  --flex-justify: flex-end;
4612
+ }
4613
+ .pv-v2 .pv-filter-panel-footer {
4610
4614
  background: var(--color-background-body, #FFFFFF);
4611
4615
  bottom: 0;
4612
4616
  flex: 0 0 auto;
@@ -4615,14 +4619,16 @@
4615
4619
  z-index: 1;
4616
4620
  }
4617
4621
  .pv-v2 .pv-filter-panel-header {
4618
- --flex-align: center;
4619
4622
  padding: 0.75rem;
4620
4623
  }
4624
+ .pv-v2 .pv-flex.pv-filter-panel-header {
4625
+ --flex-align: center;
4626
+ }
4621
4627
  .pv-v2 .pv-filter-panel-mode-control {
4622
4628
  flex: 1 1 auto;
4623
4629
  min-width: 0;
4624
4630
  }
4625
- .pv-v2 .pv-filter-panel-modal-footer {
4631
+ .pv-v2 .pv-flex.pv-filter-panel-modal-footer {
4626
4632
  --flex-justify: flex-end;
4627
4633
  }
4628
4634
  .pv-v2 .pv-filter-panel-search {
@@ -4631,10 +4637,10 @@
4631
4637
  .pv-v2 .pv-filter-panel-section-title {
4632
4638
  margin: 0;
4633
4639
  }
4634
- .pv-v2 .pv-filter-panel-suggestions {
4640
+ .pv-v2 .pv-flex-vertical.pv-filter-panel-suggestions {
4635
4641
  --flex-align: stretch;
4636
4642
  }
4637
- .pv-v2 .pv-filter-panel-suggestion-tags {
4643
+ .pv-v2 .pv-flex.pv-filter-panel-suggestion-tags {
4638
4644
  --flex-wrap: wrap;
4639
4645
  }
4640
4646
  .pv-v2 .pv-question {
@@ -5010,14 +5010,14 @@ pv-header [slot=left] h3.pv-heading-3 {
5010
5010
  overflow: hidden;
5011
5011
  }
5012
5012
 
5013
- .pv-filter-panel-actions,
5014
- .pv-filter-panel-header,
5015
- .pv-filter-panel-suggestion-tags {
5013
+ .pv-flex.pv-filter-panel-actions,
5014
+ .pv-flex.pv-filter-panel-header,
5015
+ .pv-flex.pv-filter-panel-suggestion-tags {
5016
5016
  --flex-gap: 0.5rem;
5017
5017
  }
5018
5018
 
5019
- .pv-filter-panel-body,
5020
- .pv-filter-panel-filters-view {
5019
+ .pv-flex-vertical.pv-filter-panel-body,
5020
+ .pv-flex-vertical.pv-filter-panel-filters-view {
5021
5021
  --flex-align: stretch;
5022
5022
  --flex-gap: 0;
5023
5023
  }
@@ -5055,17 +5055,23 @@ pv-header [slot=left] h3.pv-heading-3 {
5055
5055
  }
5056
5056
 
5057
5057
  .pv-filter-panel-filter-list {
5058
+ padding-block: 0.5rem;
5059
+ }
5060
+
5061
+ .pv-flex-vertical.pv-filter-panel-filter-list {
5058
5062
  --flex-align: stretch;
5059
5063
  --flex-gap: 0.5rem;
5060
- padding-block: 0.5rem;
5061
5064
  }
5062
5065
 
5063
5066
  .pv-filter-panel-collapsed-filters-toggle {
5064
5067
  align-self: flex-start;
5065
5068
  }
5066
5069
 
5067
- .pv-filter-panel-footer {
5070
+ .pv-flex.pv-filter-panel-footer {
5068
5071
  --flex-justify: flex-end;
5072
+ }
5073
+
5074
+ .pv-filter-panel-footer {
5069
5075
  background: var(--color-background-body, #FFFFFF);
5070
5076
  bottom: 0;
5071
5077
  flex: 0 0 auto;
@@ -5075,16 +5081,19 @@ pv-header [slot=left] h3.pv-heading-3 {
5075
5081
  }
5076
5082
 
5077
5083
  .pv-filter-panel-header {
5078
- --flex-align: center;
5079
5084
  padding: 0.75rem;
5080
5085
  }
5081
5086
 
5087
+ .pv-flex.pv-filter-panel-header {
5088
+ --flex-align: center;
5089
+ }
5090
+
5082
5091
  .pv-filter-panel-mode-control {
5083
5092
  flex: 1 1 auto;
5084
5093
  min-width: 0;
5085
5094
  }
5086
5095
 
5087
- .pv-filter-panel-modal-footer {
5096
+ .pv-flex.pv-filter-panel-modal-footer {
5088
5097
  --flex-justify: flex-end;
5089
5098
  }
5090
5099
 
@@ -5096,11 +5105,11 @@ pv-header [slot=left] h3.pv-heading-3 {
5096
5105
  margin: 0;
5097
5106
  }
5098
5107
 
5099
- .pv-filter-panel-suggestions {
5108
+ .pv-flex-vertical.pv-filter-panel-suggestions {
5100
5109
  --flex-align: stretch;
5101
5110
  }
5102
5111
 
5103
- .pv-filter-panel-suggestion-tags {
5112
+ .pv-flex.pv-filter-panel-suggestion-tags {
5104
5113
  --flex-wrap: wrap;
5105
5114
  }
5106
5115
 
@@ -5010,14 +5010,14 @@ pv-header [slot=left] h3.pv-heading-3 {
5010
5010
  overflow: hidden;
5011
5011
  }
5012
5012
 
5013
- .pv-filter-panel-actions,
5014
- .pv-filter-panel-header,
5015
- .pv-filter-panel-suggestion-tags {
5013
+ .pv-flex.pv-filter-panel-actions,
5014
+ .pv-flex.pv-filter-panel-header,
5015
+ .pv-flex.pv-filter-panel-suggestion-tags {
5016
5016
  --flex-gap: 0.5rem;
5017
5017
  }
5018
5018
 
5019
- .pv-filter-panel-body,
5020
- .pv-filter-panel-filters-view {
5019
+ .pv-flex-vertical.pv-filter-panel-body,
5020
+ .pv-flex-vertical.pv-filter-panel-filters-view {
5021
5021
  --flex-align: stretch;
5022
5022
  --flex-gap: 0;
5023
5023
  }
@@ -5055,17 +5055,23 @@ pv-header [slot=left] h3.pv-heading-3 {
5055
5055
  }
5056
5056
 
5057
5057
  .pv-filter-panel-filter-list {
5058
+ padding-block: 0.5rem;
5059
+ }
5060
+
5061
+ .pv-flex-vertical.pv-filter-panel-filter-list {
5058
5062
  --flex-align: stretch;
5059
5063
  --flex-gap: 0.5rem;
5060
- padding-block: 0.5rem;
5061
5064
  }
5062
5065
 
5063
5066
  .pv-filter-panel-collapsed-filters-toggle {
5064
5067
  align-self: flex-start;
5065
5068
  }
5066
5069
 
5067
- .pv-filter-panel-footer {
5070
+ .pv-flex.pv-filter-panel-footer {
5068
5071
  --flex-justify: flex-end;
5072
+ }
5073
+
5074
+ .pv-filter-panel-footer {
5069
5075
  background: var(--color-background-body, #FDFDFC);
5070
5076
  bottom: 0;
5071
5077
  flex: 0 0 auto;
@@ -5075,16 +5081,19 @@ pv-header [slot=left] h3.pv-heading-3 {
5075
5081
  }
5076
5082
 
5077
5083
  .pv-filter-panel-header {
5078
- --flex-align: center;
5079
5084
  padding: 0.75rem;
5080
5085
  }
5081
5086
 
5087
+ .pv-flex.pv-filter-panel-header {
5088
+ --flex-align: center;
5089
+ }
5090
+
5082
5091
  .pv-filter-panel-mode-control {
5083
5092
  flex: 1 1 auto;
5084
5093
  min-width: 0;
5085
5094
  }
5086
5095
 
5087
- .pv-filter-panel-modal-footer {
5096
+ .pv-flex.pv-filter-panel-modal-footer {
5088
5097
  --flex-justify: flex-end;
5089
5098
  }
5090
5099
 
@@ -5096,11 +5105,11 @@ pv-header [slot=left] h3.pv-heading-3 {
5096
5105
  margin: 0;
5097
5106
  }
5098
5107
 
5099
- .pv-filter-panel-suggestions {
5108
+ .pv-flex-vertical.pv-filter-panel-suggestions {
5100
5109
  --flex-align: stretch;
5101
5110
  }
5102
5111
 
5103
- .pv-filter-panel-suggestion-tags {
5112
+ .pv-flex.pv-filter-panel-suggestion-tags {
5104
5113
  --flex-wrap: wrap;
5105
5114
  }
5106
5115
 
@@ -4993,14 +4993,14 @@ pv-resize-handle {
4993
4993
  overflow: hidden;
4994
4994
  }
4995
4995
 
4996
- .pv-filter-panel-actions,
4997
- .pv-filter-panel-header,
4998
- .pv-filter-panel-suggestion-tags {
4996
+ .pv-flex.pv-filter-panel-actions,
4997
+ .pv-flex.pv-filter-panel-header,
4998
+ .pv-flex.pv-filter-panel-suggestion-tags {
4999
4999
  --flex-gap: 0.5rem;
5000
5000
  }
5001
5001
 
5002
- .pv-filter-panel-body,
5003
- .pv-filter-panel-filters-view {
5002
+ .pv-flex-vertical.pv-filter-panel-body,
5003
+ .pv-flex-vertical.pv-filter-panel-filters-view {
5004
5004
  --flex-align: stretch;
5005
5005
  --flex-gap: 0;
5006
5006
  }
@@ -5038,17 +5038,23 @@ pv-resize-handle {
5038
5038
  }
5039
5039
 
5040
5040
  .pv-filter-panel-filter-list {
5041
+ padding-block: 0.5rem;
5042
+ }
5043
+
5044
+ .pv-flex-vertical.pv-filter-panel-filter-list {
5041
5045
  --flex-align: stretch;
5042
5046
  --flex-gap: 0.5rem;
5043
- padding-block: 0.5rem;
5044
5047
  }
5045
5048
 
5046
5049
  .pv-filter-panel-collapsed-filters-toggle {
5047
5050
  align-self: flex-start;
5048
5051
  }
5049
5052
 
5050
- .pv-filter-panel-footer {
5053
+ .pv-flex.pv-filter-panel-footer {
5051
5054
  --flex-justify: flex-end;
5055
+ }
5056
+
5057
+ .pv-filter-panel-footer {
5052
5058
  background: var(--color-background-body, #FFFFFF);
5053
5059
  bottom: 0;
5054
5060
  flex: 0 0 auto;
@@ -5058,16 +5064,19 @@ pv-resize-handle {
5058
5064
  }
5059
5065
 
5060
5066
  .pv-filter-panel-header {
5061
- --flex-align: center;
5062
5067
  padding: 0.75rem;
5063
5068
  }
5064
5069
 
5070
+ .pv-flex.pv-filter-panel-header {
5071
+ --flex-align: center;
5072
+ }
5073
+
5065
5074
  .pv-filter-panel-mode-control {
5066
5075
  flex: 1 1 auto;
5067
5076
  min-width: 0;
5068
5077
  }
5069
5078
 
5070
- .pv-filter-panel-modal-footer {
5079
+ .pv-flex.pv-filter-panel-modal-footer {
5071
5080
  --flex-justify: flex-end;
5072
5081
  }
5073
5082
 
@@ -5079,11 +5088,11 @@ pv-resize-handle {
5079
5088
  margin: 0;
5080
5089
  }
5081
5090
 
5082
- .pv-filter-panel-suggestions {
5091
+ .pv-flex-vertical.pv-filter-panel-suggestions {
5083
5092
  --flex-align: stretch;
5084
5093
  }
5085
5094
 
5086
- .pv-filter-panel-suggestion-tags {
5095
+ .pv-flex.pv-filter-panel-suggestion-tags {
5087
5096
  --flex-wrap: wrap;
5088
5097
  }
5089
5098
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@turquoisehealth/pit-viper",
3
- "version": "2.255.1",
3
+ "version": "2.256.0",
4
4
  "description": "Turquoise Health's design system.",
5
5
  "main": "README.md",
6
6
  "publishConfig": {