@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.
- package/_site/assets/css/pit-viper-a11y-v3.css +145 -64
- package/_site/assets/css/pit-viper-a11y.css +134 -53
- package/_site/assets/css/pit-viper-consumer.css +133 -52
- package/_site/assets/css/pit-viper-v2-scoped.css +123 -50
- package/_site/assets/css/pit-viper-v2.css +134 -53
- package/_site/assets/css/pit-viper-v3.css +145 -64
- package/_site/assets/css/pit-viper.css +133 -52
- package/package.json +1 -1
- package/pv-components/dist/stats/vue/base/stats.html +1 -1
- package/pv-components/dist/stats/vue/visualizations/stats.html +1 -1
- package/pv-components/dist/stats/web/pv-filter-panel-stats.html +1 -1
- package/pv-components/dist/stats/web/pv-tabs-stats.html +1 -1
- package/pv-components/dist/vue/ai/components/base/PvTabs/PvTabs.vue.d.ts +2 -2
- package/pv-components/dist/vue/base/components/base/PvTabs/PvTabs.vue.d.ts +2 -2
- package/pv-components/dist/vue/base/pv-components-base.mjs +1046 -1012
- package/pv-components/dist/vue/base/pv-components-base.mjs.map +1 -1
- package/pv-components/dist/vue/visualizations/components/base/PvTabs/PvTabs.vue.d.ts +2 -2
- package/pv-components/dist/vue/visualizations/components/tables/PvDataTable/table-components/PivotTableSkeleton.vue.d.ts +3 -0
- package/pv-components/dist/vue/visualizations/components/tables/PvDataTable/types.d.ts +4 -0
- package/pv-components/dist/vue/visualizations/components/tables/PvDataTable/useGridSizing.d.ts +11 -0
- package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs +2289 -2206
- package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs.map +1 -1
- package/pv-components/dist/web/components/pv-filter-panel/pv-filter-panel.js +1 -1
- package/pv-components/dist/web/components/pv-tabs/pv-tabs.js +1054 -1020
- package/pv-components/dist/web/pv-components.iife.js +13 -13
- 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:
|
|
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:
|
|
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:
|
|
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
|
|
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
|
|
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:
|
|
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
|
|
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
|
|
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,
|
|
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, #
|
|
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, #
|
|
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, #
|
|
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
|
|
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
|
|
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(--
|
|
3626
|
-
background-color: var(--tab-list-counter-background-color, #
|
|
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
|
|
3976
|
+
border-top: 1px solid #121313;
|
|
3930
3977
|
}
|
|
3931
3978
|
|
|
3932
3979
|
.pv-tree-item.pv-drop-indicator-bottom {
|
|
3933
|
-
border-bottom: 1px solid
|
|
3980
|
+
border-bottom: 1px solid #121313;
|
|
3934
3981
|
}
|
|
3935
3982
|
|
|
3936
3983
|
.pv-drop-indicator-parent {
|
|
3937
|
-
border: 1px solid
|
|
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.
|
|
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.
|
|
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,
|
|
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, #
|
|
4069
|
-
background-color: var(--pagination-item-active-background-color, #
|
|
4070
|
-
border: var(--pagination-item-active-border,
|
|
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,
|
|
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
|
|
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,
|
|
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, #
|
|
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-
|
|
5865
|
-
border-
|
|
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-
|
|
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
|
-
.
|
|
5905
|
-
|
|
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
|
-
.
|
|
5909
|
-
|
|
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:
|
|
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:
|
|
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:
|
|
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,
|
|
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,
|
|
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,
|
|
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;
|