@turquoisehealth/pit-viper 2.259.0 → 2.261.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 (26) hide show
  1. package/_site/assets/css/pit-viper-a11y-v3.css +145 -64
  2. package/_site/assets/css/pit-viper-a11y.css +134 -53
  3. package/_site/assets/css/pit-viper-consumer.css +133 -52
  4. package/_site/assets/css/pit-viper-v2-scoped.css +123 -50
  5. package/_site/assets/css/pit-viper-v2.css +134 -53
  6. package/_site/assets/css/pit-viper-v3.css +145 -64
  7. package/_site/assets/css/pit-viper.css +133 -52
  8. package/package.json +1 -1
  9. package/pv-components/dist/stats/vue/base/stats.html +1 -1
  10. package/pv-components/dist/stats/vue/visualizations/stats.html +1 -1
  11. package/pv-components/dist/stats/web/pv-filter-panel-stats.html +1 -1
  12. package/pv-components/dist/stats/web/pv-tabs-stats.html +1 -1
  13. package/pv-components/dist/vue/ai/components/base/PvTabs/PvTabs.vue.d.ts +2 -2
  14. package/pv-components/dist/vue/base/components/base/PvTabs/PvTabs.vue.d.ts +2 -2
  15. package/pv-components/dist/vue/base/pv-components-base.mjs +1046 -1012
  16. package/pv-components/dist/vue/base/pv-components-base.mjs.map +1 -1
  17. package/pv-components/dist/vue/visualizations/components/base/PvTabs/PvTabs.vue.d.ts +2 -2
  18. package/pv-components/dist/vue/visualizations/components/tables/PvDataTable/table-components/PivotTableSkeleton.vue.d.ts +3 -0
  19. package/pv-components/dist/vue/visualizations/components/tables/PvDataTable/types.d.ts +4 -0
  20. package/pv-components/dist/vue/visualizations/components/tables/PvDataTable/useGridSizing.d.ts +11 -0
  21. package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs +2289 -2206
  22. package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs.map +1 -1
  23. package/pv-components/dist/web/components/pv-filter-panel/pv-filter-panel.js +1 -1
  24. package/pv-components/dist/web/components/pv-tabs/pv-tabs.js +1054 -1020
  25. package/pv-components/dist/web/pv-components.iife.js +13 -13
  26. package/pv-components/dist/web/pv-components.iife.js.map +1 -1
@@ -45,6 +45,21 @@
45
45
  interpolate-size: allow-keywords;
46
46
  }
47
47
 
48
+ :root {
49
+ --color-text-body: #121313;
50
+ --color-text-brand: #073A46;
51
+ --color-text-tertiary: #121313;
52
+ --color-text-quaternary: #6E6962;
53
+ --color-border: #B8B1A8;
54
+ --color-border-brand: #073A46;
55
+ --color-background-body: #FDFDFC;
56
+ --color-background-accent: #F8F7F5;
57
+ --color-background-table-hover: #F8F7F1;
58
+ --color-background-brand: #073A46;
59
+ --color-background-highlight: #E4F8F6;
60
+ --color-background-disabled: #ECECEC;
61
+ }
62
+
48
63
  :where(html) {
49
64
  scroll-behavior: smooth;
50
65
  scroll-padding: 1rem;
@@ -888,14 +903,15 @@
888
903
  [class*=pv-segmented-control] button:hover:not(:disabled) {
889
904
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
890
905
  }
891
- [class*=pv-segmented-control] button[data-active] {
906
+ [class*=pv-segmented-control] button[data-active],
907
+ [class*=pv-segmented-control] button[data-active]:is(:hover, :focus-visible, :active):not(:disabled) {
892
908
  background-color: var(--segmented-control-button-selected-background, #FDFDFC);
893
909
  }
894
- [class*=pv-segmented-control] button:hover:not(:disabled),
910
+ [class*=pv-segmented-control] button:hover:not(:disabled, [data-active]),
895
911
  [class*=pv-segmented-control] button:focus-visible:not(:disabled) {
896
912
  background-color: var(--segmented-control-button-hover-background, #ECE8E2);
897
913
  }
898
- [class*=pv-segmented-control] button:active:not(:disabled) {
914
+ [class*=pv-segmented-control] button:active:not(:disabled, [data-active]) {
899
915
  background-color: var(--segmented-control-button-active-background, #D8D2CA);
900
916
  }
901
917
  [class*=pv-segmented-control] button:has(svg:is(:only-child)) {
@@ -1642,7 +1658,7 @@ div > .pv-input-text.pv-input-text[data-suffix="%"] {
1642
1658
  line-height: 1.33333333;
1643
1659
  }
1644
1660
  .pv-ghost-input input::placeholder, .pv-ghost-input input::-webkit-input-placeholder {
1645
- color: var(--color-text-quaternary, #6E6962);
1661
+ color: #6E6962;
1646
1662
  }
1647
1663
  .pv-ghost-input button {
1648
1664
  opacity: 0;
@@ -1654,7 +1670,7 @@ div > .pv-input-text.pv-input-text[data-suffix="%"] {
1654
1670
  outline: 0;
1655
1671
  }
1656
1672
  .pv-ghost-input:hover input::placeholder, .pv-ghost-input:hover input::-webkit-input-placeholder, .pv-ghost-input:focus-visible input::placeholder, .pv-ghost-input:focus-visible input::-webkit-input-placeholder, .pv-ghost-input:focus-within input::placeholder, .pv-ghost-input:focus-within input::-webkit-input-placeholder {
1657
- color: var(--color-text-tertiary, #121313);
1673
+ color: #121313;
1658
1674
  }
1659
1675
  .pv-ghost-input[data-style=h1] input {
1660
1676
  font-weight: 600;
@@ -1701,7 +1717,7 @@ div > .pv-input-text.pv-input-text[data-suffix="%"] {
1701
1717
  --range-fill-color: var(--color-background-brand-inverse, #36C5BA);
1702
1718
  --range-thumb-border-width: 3px;
1703
1719
  --range-thumb-size: 20px;
1704
- --range-track-color: var(--color-border, #B8B1A8);
1720
+ --range-track-color: #B8B1A8;
1705
1721
  --range-track-height: 6px;
1706
1722
  --value: 0%;
1707
1723
  -webkit-appearance: none;
@@ -1731,11 +1747,11 @@ div > .pv-input-text.pv-input-text[data-suffix="%"] {
1731
1747
  outline: none;
1732
1748
  }
1733
1749
  .pv-range:focus-visible::-webkit-slider-thumb {
1734
- outline: 2px solid var(--color-border-brand, #36C5BA);
1750
+ outline: 2px solid #36C5BA;
1735
1751
  outline-offset: 2px;
1736
1752
  }
1737
1753
  .pv-range:focus-visible::-moz-range-thumb {
1738
- outline: 2px solid var(--color-border-brand, #36C5BA);
1754
+ outline: 2px solid #36C5BA;
1739
1755
  outline-offset: 2px;
1740
1756
  }
1741
1757
 
@@ -1767,7 +1783,7 @@ div > .pv-input-text.pv-input-text[data-suffix="%"] {
1767
1783
  --range-dual-thumb-size: 1.25rem;
1768
1784
  --range-dual-track-height: 0.375rem;
1769
1785
  --range-fill-color: var(--color-background-brand-inverse, #36C5BA);
1770
- --range-track-color: var(--color-border, #B8B1A8);
1786
+ --range-track-color: #B8B1A8;
1771
1787
  align-items: center;
1772
1788
  cursor: pointer;
1773
1789
  display: flex;
@@ -1872,12 +1888,12 @@ div > .pv-input-text.pv-input-text[data-suffix="%"] {
1872
1888
  }
1873
1889
 
1874
1890
  .pv-range-dual-native:focus-visible::-webkit-slider-thumb {
1875
- outline: 2px solid var(--color-border-brand, #36C5BA);
1891
+ outline: 2px solid #36C5BA;
1876
1892
  outline-offset: 2px;
1877
1893
  }
1878
1894
 
1879
1895
  .pv-range-dual-native:focus-visible::-moz-range-thumb {
1880
- outline: 2px solid var(--color-border-brand, #36C5BA);
1896
+ outline: 2px solid #36C5BA;
1881
1897
  outline-offset: 2px;
1882
1898
  }
1883
1899
 
@@ -2205,7 +2221,7 @@ div > .pv-input-text.pv-input-text[data-suffix="%"] {
2205
2221
  }
2206
2222
  .pv-avatar-group > li, .pv-avatar-group[data-more]:after {
2207
2223
  margin-inline-start: -0.5rem;
2208
- outline: 2px solid var(--color-background-body, white);
2224
+ outline: 2px solid var(--color-background-body, #FDFDFC);
2209
2225
  }
2210
2226
  .pv-avatar-group[data-more]:after {
2211
2227
  content: "+" attr(data-more);
@@ -3226,7 +3242,7 @@ td:not([rowspan]) > .pv-responsive-cell {
3226
3242
  display: inline-flex;
3227
3243
  align-items: center;
3228
3244
  gap: var(--tag-gap, 0.25rem);
3229
- background-color: var(--tag-background-color, #ECE8E2);
3245
+ background-color: var(--tag-background-color, #F3F1EB);
3230
3246
  border: 1px solid var(--tag-border-color, transparent);
3231
3247
  border-radius: var(--tag-radius, 4px);
3232
3248
  padding: var(--tag-padding, calc(0.125rem - 1px) 0.5rem);
@@ -3243,7 +3259,7 @@ button.pv-tag-tertiary {
3243
3259
  button[class*=pv-tag]:hover, button[class*=pv-tag]:focus-visible,
3244
3260
  button.pv-tag-tertiary:hover,
3245
3261
  button.pv-tag-tertiary:focus-visible {
3246
- background-color: var(--tag-hover-background-color, #ECE8E2);
3262
+ background-color: var(--tag-hover-background-color, #F3F1EB);
3247
3263
  }
3248
3264
  button[class*=pv-tag]:active,
3249
3265
  button.pv-tag-tertiary:active {
@@ -3258,7 +3274,7 @@ button[class*=pv-tag]:disabled:hover, button[class*=pv-tag]:disabled:focus-visib
3258
3274
  button.pv-tag-tertiary:disabled:hover,
3259
3275
  button.pv-tag-tertiary:disabled:focus-visible,
3260
3276
  button.pv-tag-tertiary:disabled:active {
3261
- background-color: var(--tag-background-color, #ECE8E2);
3277
+ background-color: var(--tag-background-color, #F3F1EB);
3262
3278
  }
3263
3279
 
3264
3280
  strong[class*=pv-tag] {
@@ -3506,7 +3522,7 @@ button.pv-tag-secondary:active {
3506
3522
  opacity: 1;
3507
3523
  pointer-events: auto;
3508
3524
  }
3509
- [class*=pv-tab-list] > :where(li) > a, [class*=pv-tab-list] > :where(li) > button, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button {
3525
+ [class*=pv-tab-list] > :where(li) > a, [class*=pv-tab-list] > :where(li) > button, [class*=pv-tab-list] > :where(li) > :is(.pv-tab-overflow, .pv-tab-add-menu) button {
3510
3526
  display: flex;
3511
3527
  align-items: center;
3512
3528
  gap: 0.25rem;
@@ -3521,15 +3537,15 @@ button.pv-tag-secondary:active {
3521
3537
  background-color: transparent;
3522
3538
  cursor: pointer;
3523
3539
  }
3524
- [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 {
3540
+ [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) > :is(.pv-tab-overflow, .pv-tab-add-menu) button:hover, [class*=pv-tab-list] > :where(li) > :is(.pv-tab-overflow, .pv-tab-add-menu) button:focus-visible {
3525
3541
  text-decoration: none;
3526
3542
  color: var(--tab-list-hover-text-color, #121313);
3527
3543
  background-color: var(--tab-list-hover-background-color, #ECE8E2);
3528
3544
  }
3529
- [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 {
3545
+ [class*=pv-tab-list] > :where(li) > a:active, [class*=pv-tab-list] > :where(li) > button:active, [class*=pv-tab-list] > :where(li) > :is(.pv-tab-overflow, .pv-tab-add-menu) button:active {
3530
3546
  background-color: var(--tab-list-pressed-background-color, #D8D2CA);
3531
3547
  }
3532
- [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 {
3548
+ [class*=pv-tab-list] > :where(li) > a:disabled, [class*=pv-tab-list] > :where(li) > button:disabled, [class*=pv-tab-list] > :where(li) > :is(.pv-tab-overflow, .pv-tab-add-menu) button:disabled {
3533
3549
  color: var(--tab-list-disabled-text-color, #7D898D);
3534
3550
  background-color: transparent;
3535
3551
  cursor: unset;
@@ -3555,7 +3571,7 @@ button.pv-tag-secondary:active {
3555
3571
  line-height: var(--tab-list-line-height, 1.33333333);
3556
3572
  background-color: transparent;
3557
3573
  }
3558
- [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 {
3574
+ [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) > :is(.pv-tab-overflow, .pv-tab-add-menu) button:after {
3559
3575
  content: "";
3560
3576
  display: block;
3561
3577
  height: var(--tab-list-indicator-size, 2px);
@@ -3566,7 +3582,7 @@ button.pv-tag-secondary:active {
3566
3582
  right: 0;
3567
3583
  background-color: var(--tab-list-indicator-inactive-color, #B8B1A8);
3568
3584
  }
3569
- [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 {
3585
+ [class*=pv-tab-list] > :where(li)[data-active] > a, [class*=pv-tab-list] > :where(li)[data-active] > button {
3570
3586
  color: var(--tab-list-active-text-color, #073A46);
3571
3587
  }
3572
3588
  [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input .pv-ghost-input input {
@@ -3575,7 +3591,7 @@ button.pv-tag-secondary:active {
3575
3591
  [class*=pv-tab-list] > :where(li)[data-active] .pv-tab-options .pv-button-ghost {
3576
3592
  color: var(--tab-list-active-text-color, #073A46);
3577
3593
  }
3578
- [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 {
3594
+ [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 {
3579
3595
  border-radius: var(--tab-list-indicator-radius, 2px);
3580
3596
  background-color: var(--tab-list-indicator-color, #073A46);
3581
3597
  }
@@ -3606,13 +3622,36 @@ button.pv-tag-secondary:active {
3606
3622
  min-width: 0;
3607
3623
  }
3608
3624
 
3609
- .pv-tab-list-small > :where(li) > a, .pv-tab-list-small > :where(li) > button, .pv-tab-list-small > :where(li) > .pv-tab-overflow button {
3625
+ .pv-tab-list-small > :where(li) > a, .pv-tab-list-small > :where(li) > button, .pv-tab-list-small > :where(li) > :is(.pv-tab-overflow, .pv-tab-add-menu) button {
3610
3626
  padding: var(--tab-list-small-item-padding, 0.1875rem 0.5rem);
3611
3627
  }
3612
3628
  .pv-tab-list-small > :where(li) > .pv-tab-input {
3613
3629
  padding: 3px 8px;
3614
3630
  }
3615
3631
 
3632
+ ol.pv-tab-list {
3633
+ gap: 0.25rem;
3634
+ border-block-end: 0;
3635
+ }
3636
+ ol.pv-tab-list > li > a {
3637
+ border-radius: var(--stepper-button-radius, 8px);
3638
+ color: var(--stepper-button-inactive-text-color, #121313);
3639
+ }
3640
+ ol.pv-tab-list > li > a:hover, ol.pv-tab-list > li > a:focus-visible {
3641
+ color: var(--stepper-button-inactive-text-color, #121313);
3642
+ background-color: var(--stepper-button-inactive-background-color, #ECE8E2);
3643
+ }
3644
+ ol.pv-tab-list > li > a:active {
3645
+ background-color: var(--stepper-button-inactive-active-background-color, #D8D2CA);
3646
+ }
3647
+ ol.pv-tab-list > li > a:after {
3648
+ display: none;
3649
+ }
3650
+ ol.pv-tab-list > li[data-active] > a, ol.pv-tab-list > li[data-active] > a:hover, ol.pv-tab-list > li[data-active] > a:focus-visible, ol.pv-tab-list > li[data-active] > a:active {
3651
+ color: var(--stepper-button-active-text-color, #121313);
3652
+ background-color: var(--stepper-button-active-background-color, #F3F1EB);
3653
+ }
3654
+
3616
3655
  :where(ol.pv-tab-list) {
3617
3656
  counter-reset: item;
3618
3657
  }
@@ -3622,8 +3661,8 @@ button.pv-tag-secondary:active {
3622
3661
  display: inline-block;
3623
3662
  width: 1.5rem;
3624
3663
  height: 1.5rem;
3625
- color: var(--color-text-inverse, #FDFDFC);
3626
- background-color: var(--tab-list-counter-background-color, #ADB5C0);
3664
+ color: var(--tab-list-counter-color, #121313);
3665
+ background-color: var(--tab-list-counter-background-color, #E2DDD6);
3627
3666
  margin-inline-end: 0.5rem;
3628
3667
  text-align: center;
3629
3668
  border-radius: 50%;
@@ -3631,6 +3670,7 @@ button.pv-tag-secondary:active {
3631
3670
  line-height: 2;
3632
3671
  }
3633
3672
  :where(ol.pv-tab-list) [data-active] > a:before {
3673
+ color: var(--color-text-inverse, #FDFDFC);
3634
3674
  background-color: var(--tab-list-indicator-color, #073A46);
3635
3675
  }
3636
3676
  :where(ol.pv-tab-list) [data-complete] {
@@ -3756,6 +3796,13 @@ button.pv-tag-secondary:active {
3756
3796
  .pv-select-multiple {
3757
3797
  font-weight: 600;
3758
3798
  }
3799
+ .pv-select-multiple:not(:disabled, [data-invalid], [data-dropdown]):hover {
3800
+ color: var(--select-multiple-hover-color, #121313);
3801
+ background-color: var(--select-multiple-hover-background-color, #ECE8E2);
3802
+ }
3803
+ .pv-select-multiple:disabled {
3804
+ color: var(--select-multiple-disabled-color, #121313);
3805
+ }
3759
3806
  .pv-select-multiple[data-dropdown] {
3760
3807
  background-image: var(--select-multiple-open-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.151 15.848a1.2 1.2 0 0 0 1.698 0L12 10.698l5.151 5.15a1.2 1.2 0 1 0 1.698-1.697l-6-6a1.2 1.2 0 0 0-1.697 0l-6 6a1.2 1.2 0 0 0 0 1.697Z' fill='%234B595C'/%3E%3C/svg%3E"));
3761
3808
  background-color: #ECECEC;
@@ -3926,15 +3973,15 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
3926
3973
  }
3927
3974
 
3928
3975
  .pv-tree-item.pv-drop-indicator-top {
3929
- border-top: 1px solid var(--color-border, #121313);
3976
+ border-top: 1px solid #121313;
3930
3977
  }
3931
3978
 
3932
3979
  .pv-tree-item.pv-drop-indicator-bottom {
3933
- border-bottom: 1px solid var(--color-border, #121313);
3980
+ border-bottom: 1px solid #121313;
3934
3981
  }
3935
3982
 
3936
3983
  .pv-drop-indicator-parent {
3937
- border: 1px solid var(--color-border, #36C5BA);
3984
+ border: 1px solid #36C5BA;
3938
3985
  }
3939
3986
 
3940
3987
  .pv-tree-empty-accordion {
@@ -4040,12 +4087,12 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
4040
4087
  aspect-ratio: 1;
4041
4088
  padding: 0;
4042
4089
  color: var(--pagination-item-color, #121313);
4043
- font-size: var(--pagination-font-size, 0.75rem);
4090
+ font-size: var(--pagination-font-size, 0.6875rem);
4044
4091
  font-weight: var(--pagination-font-weight, 500);
4045
- line-height: var(--pagination-line-height, 1.33333333);
4092
+ line-height: var(--pagination-line-height, 1.45454545);
4046
4093
  background-color: var(--pagination-background-color, transparent);
4047
4094
  border-radius: var(--pagination-item-radius, 4px);
4048
- width: var(--pagination-item-width, 32px);
4095
+ width: var(--pagination-item-width, 24px);
4049
4096
  }
4050
4097
  .pv-pagination :where(button, a):not(:disabled), .pv-pagination :is(ul, ol) :where(button, a):not(:disabled) {
4051
4098
  cursor: pointer;
@@ -4065,12 +4112,12 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
4065
4112
  .pv-pagination [aria-current=page] :is(button, a):focus-visible, .pv-pagination :is(ul, ol) [aria-current=page] :is(button, a),
4066
4113
  .pv-pagination :is(ul, ol) [aria-current=page] :is(button, a):hover,
4067
4114
  .pv-pagination :is(ul, ol) [aria-current=page] :is(button, a):focus-visible {
4068
- color: var(--pagination-item-active-color, #FFFFFF);
4069
- background-color: var(--pagination-item-active-background-color, #073A46);
4070
- border: var(--pagination-item-active-border, none);
4115
+ color: var(--pagination-item-active-color, #121313);
4116
+ background-color: var(--pagination-item-active-background-color, #FDFDFC);
4117
+ border: var(--pagination-item-active-border, 1px solid #B8B1A8);
4071
4118
  }
4072
4119
  .pv-pagination[data-style=small] :where(button, a), .pv-pagination :is(ul, ol)[data-style=small] :where(button, a) {
4073
- width: var(--pagination-small-item-width, 24px);
4120
+ width: var(--pagination-small-item-width, 20px);
4074
4121
  }
4075
4122
  .pv-pagination li,
4076
4123
  .pv-pagination > :is(button, a):not(:last-child), .pv-pagination :is(ul, ol) li,
@@ -5557,7 +5604,7 @@ div.pv-drawer[open] {
5557
5604
  padding: 0.5rem;
5558
5605
  font-size: 16px;
5559
5606
  line-height: 1.5;
5560
- border: 2px solid var(--color-border, #B8B1A8);
5607
+ border: 2px solid #B8B1A8;
5561
5608
  border-radius: 2px;
5562
5609
  appearance: none;
5563
5610
  background-color: var(--color-background-body, #FDFDFC);
@@ -5739,7 +5786,7 @@ pv-data-grid.ag-theme-pv {
5739
5786
  appearance: none;
5740
5787
  width: 1rem !important;
5741
5788
  height: 1rem !important;
5742
- background-color: var(--color-background-body, white);
5789
+ background-color: var(--color-background-body, #FDFDFC);
5743
5790
  border: 2px solid var(--checkbox-border, #B8B1A8);
5744
5791
  flex-shrink: 0;
5745
5792
  border-radius: 2px !important;
@@ -5747,7 +5794,7 @@ pv-data-grid.ag-theme-pv {
5747
5794
  transition-property: background-color, border-color;
5748
5795
  }
5749
5796
  .ag-checkbox-input-wrapper:focus-visible:not(:disabled), .ag-checkbox-input-wrapper:hover:not(:disabled) {
5750
- border-color: var(--ag-filter-active-color, #073A46);
5797
+ border-color: var(--ag-filter-active-color, #B8B1A8);
5751
5798
  }
5752
5799
  .ag-checkbox-input-wrapper.ag-checked {
5753
5800
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='m12 2.256-7.762 8.87L0 6.89l1.466-1.466 2.67 2.67L10.44.892 12 2.256Z'/%3E%3C/svg%3E");
@@ -5843,14 +5890,17 @@ pv-data-grid.ag-theme-pv {
5843
5890
  border-bottom: 1px solid var(--color-border, #B8B1A8);
5844
5891
  }
5845
5892
 
5846
- .ag-header-group-cell.pv-pivot-group {
5893
+ .ag-header-group-cell.pv-pivot-group,
5894
+ .pv-pivot-skeleton .pv-pivot-group {
5895
+ border-left: 1px solid var(--color-border, #B8B1A8);
5847
5896
  border-radius: 6px 6px 0 0;
5848
5897
  overflow: hidden;
5849
5898
  --ag-header-cell-hover-background-color: transparent;
5850
5899
  --ag-header-cell-moving-background-color: transparent;
5851
5900
  }
5852
5901
 
5853
- .ag-header-group-cell.pv-pivot-group::before {
5902
+ .ag-header-group-cell.pv-pivot-group::before,
5903
+ .pv-pivot-skeleton .pv-pivot-group::before {
5854
5904
  content: "";
5855
5905
  position: absolute;
5856
5906
  top: 0;
@@ -5860,12 +5910,49 @@ pv-data-grid.ag-theme-pv {
5860
5910
  background-color: var(--pv-pivot-group-color, transparent);
5861
5911
  }
5862
5912
 
5913
+ .pv-pivot-skeleton {
5914
+ max-height: 100%;
5915
+ overflow: hidden;
5916
+ }
5917
+
5918
+ .pv-pivot-skeleton__row {
5919
+ display: grid;
5920
+ }
5921
+
5922
+ .pv-pivot-skeleton__tabs {
5923
+ margin-inline: 1px;
5924
+ }
5925
+
5926
+ .pv-pivot-skeleton__bar {
5927
+ width: 60%;
5928
+ height: 12px;
5929
+ border-radius: 4px;
5930
+ background-color: var(--p-skeleton-background, #F3F1EB);
5931
+ }
5932
+
5863
5933
  .pv-data-table--pivot .ag-root-wrapper {
5864
- border-top-color: transparent;
5865
- border-left-color: transparent;
5934
+ border-width: 0 1px 1px;
5935
+ border-color: transparent;
5866
5936
  border-top-left-radius: 0;
5867
5937
  }
5868
5938
 
5939
+ .pv-data-table--pivot {
5940
+ position: relative;
5941
+ }
5942
+
5943
+ .pv-data-table--pivot::after {
5944
+ --pv-pivot-hole: calc(var(--pv-pivot-corner-height) + 8px);
5945
+ content: "";
5946
+ position: absolute;
5947
+ inset: 0;
5948
+ z-index: 2;
5949
+ pointer-events: none;
5950
+ border: solid var(--color-border, #B8B1A8);
5951
+ border-width: 0 1px 1px;
5952
+ border-radius: 0 8px 8px;
5953
+ clip-path: polygon(0 100%, 0 var(--pv-pivot-hole), 2px var(--pv-pivot-hole), 2px 0, 100% 0, 100% 100%);
5954
+ }
5955
+
5869
5956
  .pv-data-table--pivot .ag-header-group-cell-no-group,
5870
5957
  .pv-data-table--pivot .ag-header-group-cell-no-group:hover {
5871
5958
  background-color: transparent;
@@ -5880,35 +5967,29 @@ pv-data-grid.ag-theme-pv {
5880
5967
  border-top-left-radius: var(--ag-wrapper-border-radius, 8px);
5881
5968
  }
5882
5969
 
5883
- .pv-data-table--pivot .ag-pinned-left-cols-container .ag-row-last {
5884
- border-bottom-left-radius: var(--ag-wrapper-border-radius, 8px);
5885
- }
5886
-
5887
- .pv-data-table--pivot .ag-pinned-left-cols-container .ag-cell-last-left-pinned {
5970
+ .pv-data-table--pivot .ag-pinned-left-cols-container .ag-cell-last-left-pinned:not(.ag-cell-focus, .ag-cell-range-single-cell) {
5888
5971
  border-right-color: transparent !important;
5889
5972
  }
5890
5973
 
5891
- .pv-data-table--pivot .ag-pinned-left-header .ag-header-cell,
5892
- .pv-data-table--pivot .ag-pinned-left-cols-container .ag-row {
5893
- border-left: var(--ag-wrapper-border);
5894
- }
5895
-
5896
5974
  .ag-header-group-cell.pv-pivot-group--highlight {
5897
5975
  background-color: var(--color-background-accent, #F8F7F5);
5898
5976
  }
5899
5977
 
5900
5978
  .ag-header-cell.pv-pivot-column-header {
5901
5979
  background-color: var(--color-background-accent, #F8F7F5);
5980
+ border-left: 1px solid var(--color-border, #B8B1A8);
5902
5981
  }
5903
5982
 
5904
- .ag-header-cell.pv-pivot-column-header + .ag-header-cell.pv-pivot-column-header {
5905
- border-left: 1px solid var(--color-border, #B8B1A8);
5983
+ .pv-data-table--pivot .ag-center-cols-container .ag-cell {
5984
+ background-image: linear-gradient(var(--color-border, #B8B1A8), var(--color-border, #B8B1A8));
5985
+ background-position: left;
5986
+ background-size: 1px 100%;
5987
+ background-repeat: no-repeat;
5988
+ background-origin: border-box;
5906
5989
  }
5907
5990
 
5908
- .ag-header-group-cell.pv-pivot-group,
5909
- .ag-header-cell.pv-pivot-group-start,
5910
- .ag-cell.pv-pivot-group-start {
5911
- border-left: 1px solid var(--color-border, #B8B1A8);
5991
+ .pv-data-table--pivot .ag-row-last {
5992
+ border-bottom-width: 0;
5912
5993
  }
5913
5994
 
5914
5995
  .pv-table-overlay {
@@ -6673,7 +6754,7 @@ pv-data-grid.ag-theme-pv {
6673
6754
  }
6674
6755
 
6675
6756
  .pv-chart-benchmark-chip:not([data-loading]):hover {
6676
- border-color: var(--color-border, #B8B1A8);
6757
+ border-color: #B8B1A8;
6677
6758
  background: var(--surface-card-hover, #ECE8E2);
6678
6759
  }
6679
6760
 
@@ -8076,7 +8157,7 @@ svg.pv-text-inherit {
8076
8157
  }
8077
8158
  }
8078
8159
  .pv-scrollbar-visible {
8079
- scrollbar-color: var(--color-border, #C2BBB2) transparent;
8160
+ scrollbar-color: #C2BBB2 transparent;
8080
8161
  scrollbar-gutter: stable;
8081
8162
  scrollbar-width: thin;
8082
8163
  }
@@ -8093,7 +8174,7 @@ svg.pv-text-inherit {
8093
8174
  }
8094
8175
  .pv-scrollbar-visible::-webkit-scrollbar-thumb {
8095
8176
  border-radius: 8px;
8096
- background-color: var(--color-border, #C2BBB2);
8177
+ background-color: #C2BBB2;
8097
8178
  }
8098
8179
  .pv-scrollbar-visible::-webkit-scrollbar-thumb:hover {
8099
8180
  background-color: var(--color-text-subdued, #121313);
@@ -8350,7 +8431,7 @@ svg.pv-text-inherit {
8350
8431
  }
8351
8432
 
8352
8433
  .select2-selection--multiple {
8353
- background-color: var(--color-background-body, white);
8434
+ background-color: var(--color-background-body, #FDFDFC);
8354
8435
  border: var(--select2-border, 1px solid #B8B1A8);
8355
8436
  border-radius: 4px;
8356
8437
  cursor: text;
@@ -8381,7 +8462,7 @@ svg.pv-text-inherit {
8381
8462
  }
8382
8463
 
8383
8464
  .select2-dropdown {
8384
- background-color: var(--color-background-body, white);
8465
+ background-color: var(--color-background-body, #FDFDFC);
8385
8466
  border-radius: 4px;
8386
8467
  padding-block: 0.5rem;
8387
8468
  display: block;
@@ -8406,7 +8487,7 @@ svg.pv-text-inherit {
8406
8487
  position: absolute;
8407
8488
  top: -33px;
8408
8489
  left: 0;
8409
- background-color: var(--color-background-body, white);
8490
+ background-color: var(--color-background-body, #FDFDFC);
8410
8491
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.151 15.848a1.2 1.2 0 0 0 1.698 0L12 10.698l5.151 5.15a1.2 1.2 0 1 0 1.698-1.697l-6-6a1.2 1.2 0 0 0-1.697 0l-6 6a1.2 1.2 0 0 0 0 1.697Z' fill='%2302363D'/%3E%3C/svg%3E");
8411
8492
  background-repeat: no-repeat;
8412
8493
  background-size: 1rem 1rem;