@turquoisehealth/pit-viper 2.113.0 → 2.114.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 (19) hide show
  1. package/_site/assets/css/pit-viper-v2-scoped.css +43 -0
  2. package/_site/assets/css/pit-viper-v2.css +52 -0
  3. package/_site/assets/css/pit-viper.css +52 -0
  4. package/package.json +1 -1
  5. package/pv-components/dist/vue/base/pv-components-base.js +26 -26
  6. package/pv-components/dist/vue/base/pv-components-base.mjs +1015 -1014
  7. package/pv-components/dist/vue/base/pv-components-base.umd.js +26 -26
  8. package/pv-components/dist/vue/visualizations/pv-components-visualizations.js +12 -12
  9. package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs +2129 -2069
  10. package/pv-components/dist/vue/visualizations/pv-components-visualizations.umd.js +12 -12
  11. package/pv-components/dist/web/pv-components.iife.js +29 -29
  12. package/pv-components/dist/vue/charts/pv-components-charts.d.ts +0 -491
  13. package/pv-components/dist/vue/charts/pv-components-charts.js +0 -259
  14. package/pv-components/dist/vue/charts/pv-components-charts.mjs +0 -121834
  15. package/pv-components/dist/vue/charts/pv-components-charts.umd.js +0 -259
  16. package/pv-components/dist/vue/tables/pv-components-tables.d.ts +0 -299
  17. package/pv-components/dist/vue/tables/pv-components-tables.js +0 -223
  18. package/pv-components/dist/vue/tables/pv-components-tables.mjs +0 -47028
  19. package/pv-components/dist/vue/tables/pv-components-tables.umd.js +0 -223
package/_site/assets/css/pit-viper-v2-scoped.css CHANGED
@@ -2967,6 +2967,9 @@
2967
2967
  position: absolute;
2968
2968
  left: var(--progress);
2969
2969
  }
2970
+ .pv-v2 .pv-progress-bar[data-disabled] {
2971
+ background: linear-gradient(90deg, #C1CAC9 var(--progress), #E3E7EA var(--progress));
2972
+ }
2970
2973
  .pv-v2 .pv-tooltip,
2971
2974
  .pv-v2 .pv-hover-card {
2972
2975
  --max-width: 320px;
@@ -3319,10 +3322,29 @@
3319
3322
  line-height: 1.33333333;
3320
3323
  font-weight: 500;
3321
3324
  }
3325
+ .pv-v2 .pv-action-bar-container > ::slotted(*) {
3326
+ display: flex;
3327
+ align-items: center;
3328
+ white-space: nowrap;
3329
+ justify-content: unset;
3330
+ gap: 0.5rem;
3331
+ background-color: #242626;
3332
+ color: #FFFFFF;
3333
+ padding: 0.5rem 0.75rem;
3334
+ box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
3335
+ border-radius: 8px;
3336
+ font-size: 0.75rem;
3337
+ line-height: 1.33333333;
3338
+ font-weight: 500;
3339
+ }
3322
3340
  .pv-v2 .pv-action-bar-container[data-style=white] > div {
3323
3341
  background-color: #FFFFFF;
3324
3342
  color: #121313;
3325
3343
  }
3344
+ .pv-v2 .pv-action-bar-container[data-style=white] > ::slotted(*) {
3345
+ background-color: #FFFFFF;
3346
+ color: #121313;
3347
+ }
3326
3348
  .pv-v2 .pv-card {
3327
3349
  position: relative;
3328
3350
  border: 1px solid var(--card-border-color, #E3E7EA);
@@ -4466,6 +4488,27 @@
4466
4488
  .pv-v2 svg.pv-text-inherit {
4467
4489
  fill: currentColor;
4468
4490
  }
4491
+ .pv-v2 .pv-data-surface-visualization-1 {
4492
+ background-color: #36C5BA;
4493
+ }
4494
+ .pv-v2 .pv-data-surface-visualization-2 {
4495
+ background-color: #16696D;
4496
+ }
4497
+ .pv-v2 .pv-data-surface-visualization-3 {
4498
+ background-color: #FF7A4E;
4499
+ }
4500
+ .pv-v2 .pv-data-surface-visualization-4 {
4501
+ background-color: #C97AEB;
4502
+ }
4503
+ .pv-v2 .pv-data-surface-visualization-5 {
4504
+ background-color: #F2AD0D;
4505
+ }
4506
+ .pv-v2 .pv-data-surface-visualization-6 {
4507
+ background-color: #7C8AF4;
4508
+ }
4509
+ .pv-v2 .pv-data-surface-visualization-7 {
4510
+ background-color: #95C54C;
4511
+ }
4469
4512
  .pv-v2 .pv-flex,
4470
4513
  .pv-v2 .pv-flex-vertical,
4471
4514
  .pv-v2 .pv-flex-inline {
package/_site/assets/css/pit-viper-v2.css CHANGED
@@ -3229,6 +3229,9 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
3229
3229
  position: absolute;
3230
3230
  left: var(--progress);
3231
3231
  }
3232
+ .pv-progress-bar[data-disabled] {
3233
+ background: linear-gradient(90deg, #C1CAC9 var(--progress), #E3E7EA var(--progress));
3234
+ }
3232
3235
 
3233
3236
  .pv-tooltip,
3234
3237
  .pv-hover-card {
@@ -3599,11 +3602,32 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
3599
3602
  font-weight: 500;
3600
3603
  }
3601
3604
 
3605
+ .pv-action-bar-container > ::slotted(*) {
3606
+ display: flex;
3607
+ align-items: center;
3608
+ white-space: nowrap;
3609
+ justify-content: unset;
3610
+ gap: 0.5rem;
3611
+ background-color: #242626;
3612
+ color: #FFFFFF;
3613
+ padding: 0.5rem 0.75rem;
3614
+ box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
3615
+ border-radius: 8px;
3616
+ font-size: 0.75rem;
3617
+ line-height: 1.33333333;
3618
+ font-weight: 500;
3619
+ }
3620
+
3602
3621
  .pv-action-bar-container[data-style=white] > div {
3603
3622
  background-color: #FFFFFF;
3604
3623
  color: #121313;
3605
3624
  }
3606
3625
 
3626
+ .pv-action-bar-container[data-style=white] > ::slotted(*) {
3627
+ background-color: #FFFFFF;
3628
+ color: #121313;
3629
+ }
3630
+
3607
3631
  .pv-card {
3608
3632
  position: relative;
3609
3633
  border: 1px solid var(--card-border-color, #E3E7EA);
@@ -4873,6 +4897,34 @@ svg.pv-text-inherit {
4873
4897
  fill: currentColor;
4874
4898
  }
4875
4899
 
4900
+ .pv-data-surface-visualization-1 {
4901
+ background-color: #36C5BA;
4902
+ }
4903
+
4904
+ .pv-data-surface-visualization-2 {
4905
+ background-color: #16696D;
4906
+ }
4907
+
4908
+ .pv-data-surface-visualization-3 {
4909
+ background-color: #FF7A4E;
4910
+ }
4911
+
4912
+ .pv-data-surface-visualization-4 {
4913
+ background-color: #C97AEB;
4914
+ }
4915
+
4916
+ .pv-data-surface-visualization-5 {
4917
+ background-color: #F2AD0D;
4918
+ }
4919
+
4920
+ .pv-data-surface-visualization-6 {
4921
+ background-color: #7C8AF4;
4922
+ }
4923
+
4924
+ .pv-data-surface-visualization-7 {
4925
+ background-color: #95C54C;
4926
+ }
4927
+
4876
4928
  .pv-flex,
4877
4929
  .pv-flex-vertical,
4878
4930
  .pv-flex-inline {
package/_site/assets/css/pit-viper.css CHANGED
@@ -3234,6 +3234,9 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
3234
3234
  position: absolute;
3235
3235
  left: var(--progress);
3236
3236
  }
3237
+ .pv-progress-bar[data-disabled] {
3238
+ background: linear-gradient(90deg, #C1CAC9 var(--progress), #DCDFE4 var(--progress));
3239
+ }
3237
3240
 
3238
3241
  .pv-tooltip,
3239
3242
  .pv-hover-card {
@@ -3604,11 +3607,32 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
3604
3607
  font-weight: 500;
3605
3608
  }
3606
3609
 
3610
+ .pv-action-bar-container > ::slotted(*) {
3611
+ display: flex;
3612
+ align-items: center;
3613
+ white-space: nowrap;
3614
+ justify-content: space-between;
3615
+ gap: 0.5rem;
3616
+ background-color: #02363D;
3617
+ color: #FFFFFF;
3618
+ padding: 0;
3619
+ box-shadow: 0 8px 32px rgba(2, 54, 61, 0.24);
3620
+ border-radius: 4px;
3621
+ font-size: 1.125rem;
3622
+ line-height: 1.55555555;
3623
+ font-weight: 500;
3624
+ }
3625
+
3607
3626
  .pv-action-bar-container[data-style=white] > div {
3608
3627
  background-color: #02363D;
3609
3628
  color: #02363D;
3610
3629
  }
3611
3630
 
3631
+ .pv-action-bar-container[data-style=white] > ::slotted(*) {
3632
+ background-color: #02363D;
3633
+ color: #02363D;
3634
+ }
3635
+
3612
3636
  .pv-card {
3613
3637
  position: relative;
3614
3638
  border: 1px solid var(--card-border-color, #DCDFE4);
@@ -4878,6 +4902,34 @@ svg.pv-text-inherit {
4878
4902
  fill: currentColor;
4879
4903
  }
4880
4904
 
4905
+ .pv-data-surface-visualization-1 {
4906
+ background-color: #36C5BA;
4907
+ }
4908
+
4909
+ .pv-data-surface-visualization-2 {
4910
+ background-color: #16696D;
4911
+ }
4912
+
4913
+ .pv-data-surface-visualization-3 {
4914
+ background-color: #FF7A4E;
4915
+ }
4916
+
4917
+ .pv-data-surface-visualization-4 {
4918
+ background-color: #C97AEB;
4919
+ }
4920
+
4921
+ .pv-data-surface-visualization-5 {
4922
+ background-color: #F2AD0D;
4923
+ }
4924
+
4925
+ .pv-data-surface-visualization-6 {
4926
+ background-color: #7C8AF4;
4927
+ }
4928
+
4929
+ .pv-data-surface-visualization-7 {
4930
+ background-color: #95C54C;
4931
+ }
4932
+
4881
4933
  .pv-flex,
4882
4934
  .pv-flex-vertical,
4883
4935
  .pv-flex-inline {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@turquoisehealth/pit-viper",
3
- "version": "2.113.0",
3
+ "version": "2.114.0",
4
4
  "description": "Turquoise Health's design system.",
5
5
  "main": "README.md",
6
6
  "publishConfig": {