@turquoisehealth/pit-viper 2.257.0 → 2.258.1

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 (44) hide show
  1. package/_site/assets/css/pit-viper-a11y-v3.css +64 -12
  2. package/_site/assets/css/pit-viper-a11y.css +64 -12
  3. package/_site/assets/css/pit-viper-consumer.css +64 -12
  4. package/_site/assets/css/pit-viper-v2-scoped.css +51 -12
  5. package/_site/assets/css/pit-viper-v2.css +64 -12
  6. package/_site/assets/css/pit-viper-v3.css +64 -12
  7. package/_site/assets/css/pit-viper.css +64 -12
  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-banner-stats.html +1 -1
  12. package/pv-components/dist/stats/web/pv-filter-modal-stats.html +1 -1
  13. package/pv-components/dist/stats/web/pv-filter-panel-stats.html +1 -1
  14. package/pv-components/dist/stats/web/pv-hover-action-menu-stats.html +1 -1
  15. package/pv-components/dist/vue/ai/components/base/PvBanner/PvBanner.vue.d.ts +4 -1
  16. package/pv-components/dist/vue/ai/components/base/PvBanner/types.d.ts +12 -1
  17. package/pv-components/dist/vue/ai/components/base/PvFilterModal/PvFilterModal.vue.d.ts +1 -0
  18. package/pv-components/dist/vue/ai/components/base/PvFilterPanel/PvFilterPanel.vue.d.ts +1 -0
  19. package/pv-components/dist/vue/ai/components/base/PvFilterPanel/PvFilterPanelOptionRow.vue.d.ts +1 -0
  20. package/pv-components/dist/vue/ai/components/base/PvFilterPanel/types.d.ts +12 -4
  21. package/pv-components/dist/vue/base/components/base/PvBanner/PvBanner.vue.d.ts +4 -1
  22. package/pv-components/dist/vue/base/components/base/PvBanner/types.d.ts +12 -1
  23. package/pv-components/dist/vue/base/components/base/PvFilterModal/PvFilterModal.vue.d.ts +1 -0
  24. package/pv-components/dist/vue/base/components/base/PvFilterPanel/PvFilterPanel.vue.d.ts +1 -0
  25. package/pv-components/dist/vue/base/components/base/PvFilterPanel/PvFilterPanelOptionRow.vue.d.ts +1 -0
  26. package/pv-components/dist/vue/base/components/base/PvFilterPanel/types.d.ts +12 -4
  27. package/pv-components/dist/vue/base/pv-components-base.mjs +1266 -1220
  28. package/pv-components/dist/vue/base/pv-components-base.mjs.map +1 -1
  29. package/pv-components/dist/vue/visualizations/components/base/PvBanner/PvBanner.vue.d.ts +4 -1
  30. package/pv-components/dist/vue/visualizations/components/base/PvBanner/types.d.ts +12 -1
  31. package/pv-components/dist/vue/visualizations/components/base/PvFilterModal/PvFilterModal.vue.d.ts +1 -0
  32. package/pv-components/dist/vue/visualizations/components/base/PvFilterPanel/PvFilterPanel.vue.d.ts +1 -0
  33. package/pv-components/dist/vue/visualizations/components/base/PvFilterPanel/PvFilterPanelOptionRow.vue.d.ts +1 -0
  34. package/pv-components/dist/vue/visualizations/components/base/PvFilterPanel/types.d.ts +12 -4
  35. package/pv-components/dist/vue/visualizations/components/tables/PvDataTable/table-components/TableSearch.vue.d.ts +2 -0
  36. package/pv-components/dist/vue/visualizations/components/tables/PvDataTable/types.d.ts +3 -0
  37. package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs +598 -585
  38. package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs.map +1 -1
  39. package/pv-components/dist/web/components/pv-banner/pv-banner.js +485 -476
  40. package/pv-components/dist/web/components/pv-filter-modal/pv-filter-modal.js +48 -26
  41. package/pv-components/dist/web/components/pv-filter-panel/pv-filter-panel.js +394 -358
  42. package/pv-components/dist/web/components/pv-hover-action-menu/pv-hover-action-menu.js +1 -1
  43. package/pv-components/dist/web/pv-components.iife.js +36 -36
  44. package/pv-components/dist/web/pv-components.iife.js.map +1 -1
@@ -1603,15 +1603,17 @@ div:has(> .pv-input-text[data-prefix="$"]):after {
1603
1603
  content: "$";
1604
1604
  left: 0.75rem;
1605
1605
  }
1606
- div:has(> .pv-input-text[data-prefix="$"]) .pv-input-text {
1607
- padding-inline-start: calc(0.75rem + 1.5ch);
1608
- }
1609
1606
 
1610
1607
  div:has(> .pv-input-text[data-suffix="%"]):after {
1611
1608
  content: "%";
1612
1609
  right: 0.75rem;
1613
1610
  }
1614
- div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
1611
+
1612
+ div > .pv-input-text.pv-input-text[data-prefix="$"] {
1613
+ padding-inline-start: calc(0.75rem + 1.5ch);
1614
+ }
1615
+
1616
+ div > .pv-input-text.pv-input-text[data-suffix="%"] {
1615
1617
  padding-inline-end: calc(0.75rem + 1.5ch);
1616
1618
  }
1617
1619
 
@@ -6182,6 +6184,57 @@ pv-data-grid.ag-theme-pv {
6182
6184
  border: 1px solid var(--banner-tertiary-border-color, transparent);
6183
6185
  }
6184
6186
 
6187
+ .pv-banner-universal,
6188
+ .pv-banner-ai {
6189
+ background-color: var(--banner-universal-background-color, #F3F1EB);
6190
+ border: 1px solid var(--banner-universal-border-color, #E7E7E7);
6191
+ }
6192
+
6193
+ .pv-banner-ai {
6194
+ border-radius: 999px;
6195
+ }
6196
+
6197
+ [class*=pv-banner-accent-] {
6198
+ position: relative;
6199
+ }
6200
+
6201
+ [class*=pv-banner-accent-]::before {
6202
+ content: "";
6203
+ position: absolute;
6204
+ top: 0.75rem;
6205
+ bottom: 0.75rem;
6206
+ left: -1px;
6207
+ width: var(--banner-accent-width, 4px);
6208
+ border-radius: 0 var(--banner-accent-width, 4px) var(--banner-accent-width, 4px) 0;
6209
+ background-color: var(--banner-accent-color);
6210
+ }
6211
+
6212
+ .pv-banner-accent-blue {
6213
+ --banner-accent-color: var(--shape-blue, #4D9FF2);
6214
+ }
6215
+
6216
+ .pv-banner-accent-purple {
6217
+ --banner-accent-color: var(--shape-purple, #DD8EFF);
6218
+ }
6219
+
6220
+ .pv-banner-accent-red {
6221
+ --banner-accent-color: var(--shape-error, #F9633A);
6222
+ }
6223
+
6224
+ .pv-banner-accent-yellow {
6225
+ --banner-accent-color: var(--shape-warning, #FCAC11);
6226
+ }
6227
+
6228
+ .pv-banner-accent-green {
6229
+ --banner-accent-color: var(--shape-success, #92CF40);
6230
+ }
6231
+
6232
+ .pv-banner-marketing {
6233
+ background-color: var(--banner-universal-background-color, #F3F1EB);
6234
+ background-image: var(--banner-marketing-background-image, linear-gradient(90deg, rgba(168, 230, 225, 0) 35%, rgba(168, 230, 225, 0.5) 65%, rgba(168, 230, 225, 0.75) 78%, rgba(168, 230, 225, 0.9) 78%, rgba(168, 230, 225, 0.7) 100%));
6235
+ border: 1px solid var(--banner-universal-border-color, #E7E7E7);
6236
+ }
6237
+
6185
6238
  [class*=pv-toggle] {
6186
6239
  cursor: pointer;
6187
6240
  display: flex;
@@ -7309,18 +7362,10 @@ summary.pv-sidebar-item-collapsed > [data-testid=pv-icon] {
7309
7362
  > [data-layout=left-sidebar] > :where([data-layout=left-sidebar][data-hidden])) {
7310
7363
  --left-size: var(--min-size) !important;
7311
7364
  }
7312
- .pv-layout-two-sidebar:has(> [data-layout=left-sidebar][data-hidden],
7313
- > [data-layout=left-sidebar] > :where([data-layout=left-sidebar][data-hidden])) > [data-layout=left-sidebar] svg.pv-trigger-icon {
7314
- transform: rotate(180deg);
7315
- }
7316
7365
  .pv-layout-two-sidebar:has(> [data-layout=right-sidebar][data-hidden],
7317
7366
  > [data-layout=right-sidebar] > :where([data-layout=right-sidebar][data-hidden])) {
7318
7367
  --right-size: var(--min-size) !important;
7319
7368
  }
7320
- .pv-layout-two-sidebar:has(> [data-layout=right-sidebar][data-hidden],
7321
- > [data-layout=right-sidebar] > :where([data-layout=right-sidebar][data-hidden])) > [data-layout=right-sidebar] svg.pv-trigger-icon {
7322
- transform: rotate(180deg);
7323
- }
7324
7369
  .pv-layout-two-sidebar:has(> [data-layout=left-sidebar][data-hidden],
7325
7370
  > [data-layout=left-sidebar] > :where([data-layout=left-sidebar][data-hidden])):has(> [data-layout=right-sidebar][data-hidden],
7326
7371
  > [data-layout=right-sidebar] > :where([data-layout=right-sidebar][data-hidden])) {
@@ -7370,6 +7415,13 @@ summary.pv-sidebar-item-collapsed > [data-testid=pv-icon] {
7370
7415
  display: none;
7371
7416
  }
7372
7417
 
7418
+ .pv-layout-two-sidebar > [data-layout=left-sidebar][data-hidden] svg.pv-trigger-icon,
7419
+ .pv-layout-two-sidebar > [data-layout=right-sidebar][data-hidden] svg.pv-trigger-icon,
7420
+ .pv-layout-two-sidebar > [data-layout=left-sidebar] > [data-layout=left-sidebar][data-hidden] svg.pv-trigger-icon,
7421
+ .pv-layout-two-sidebar > [data-layout=right-sidebar] > [data-layout=right-sidebar][data-hidden] svg.pv-trigger-icon {
7422
+ transform: rotate(180deg);
7423
+ }
7424
+
7373
7425
  .pv-surface-brand {
7374
7426
  background-color: var(--color-background-brand, #073A46);
7375
7427
  }
@@ -1603,15 +1603,17 @@ div:has(> .pv-input-text[data-prefix="$"]):after {
1603
1603
  content: "$";
1604
1604
  left: 0.75rem;
1605
1605
  }
1606
- div:has(> .pv-input-text[data-prefix="$"]) .pv-input-text {
1607
- padding-inline-start: calc(0.75rem + 1.5ch);
1608
- }
1609
1606
 
1610
1607
  div:has(> .pv-input-text[data-suffix="%"]):after {
1611
1608
  content: "%";
1612
1609
  right: 0.75rem;
1613
1610
  }
1614
- div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
1611
+
1612
+ div > .pv-input-text.pv-input-text[data-prefix="$"] {
1613
+ padding-inline-start: calc(0.75rem + 1.5ch);
1614
+ }
1615
+
1616
+ div > .pv-input-text.pv-input-text[data-suffix="%"] {
1615
1617
  padding-inline-end: calc(0.75rem + 1.5ch);
1616
1618
  }
1617
1619
 
@@ -6182,6 +6184,57 @@ pv-data-grid.ag-theme-pv {
6182
6184
  border: 1px solid var(--banner-tertiary-border-color, transparent);
6183
6185
  }
6184
6186
 
6187
+ .pv-banner-universal,
6188
+ .pv-banner-ai {
6189
+ background-color: var(--banner-universal-background-color, #F3F1EB);
6190
+ border: 1px solid var(--banner-universal-border-color, #E7E7E7);
6191
+ }
6192
+
6193
+ .pv-banner-ai {
6194
+ border-radius: 999px;
6195
+ }
6196
+
6197
+ [class*=pv-banner-accent-] {
6198
+ position: relative;
6199
+ }
6200
+
6201
+ [class*=pv-banner-accent-]::before {
6202
+ content: "";
6203
+ position: absolute;
6204
+ top: 0.75rem;
6205
+ bottom: 0.75rem;
6206
+ left: -1px;
6207
+ width: var(--banner-accent-width, 4px);
6208
+ border-radius: 0 var(--banner-accent-width, 4px) var(--banner-accent-width, 4px) 0;
6209
+ background-color: var(--banner-accent-color);
6210
+ }
6211
+
6212
+ .pv-banner-accent-blue {
6213
+ --banner-accent-color: var(--shape-blue, #4D9FF2);
6214
+ }
6215
+
6216
+ .pv-banner-accent-purple {
6217
+ --banner-accent-color: var(--shape-purple, #DD8EFF);
6218
+ }
6219
+
6220
+ .pv-banner-accent-red {
6221
+ --banner-accent-color: var(--shape-error, #FA6E42);
6222
+ }
6223
+
6224
+ .pv-banner-accent-yellow {
6225
+ --banner-accent-color: var(--shape-warning, #FCB510);
6226
+ }
6227
+
6228
+ .pv-banner-accent-green {
6229
+ --banner-accent-color: var(--shape-success, #9DD549);
6230
+ }
6231
+
6232
+ .pv-banner-marketing {
6233
+ background-color: var(--banner-universal-background-color, #F3F1EB);
6234
+ background-image: var(--banner-marketing-background-image, linear-gradient(90deg, rgba(168, 230, 225, 0) 35%, rgba(168, 230, 225, 0.5) 65%, rgba(168, 230, 225, 0.75) 78%, rgba(168, 230, 225, 0.9) 78%, rgba(168, 230, 225, 0.7) 100%));
6235
+ border: 1px solid var(--banner-universal-border-color, #E7E7E7);
6236
+ }
6237
+
6185
6238
  [class*=pv-toggle] {
6186
6239
  cursor: pointer;
6187
6240
  display: flex;
@@ -7309,18 +7362,10 @@ summary.pv-sidebar-item-collapsed > [data-testid=pv-icon] {
7309
7362
  > [data-layout=left-sidebar] > :where([data-layout=left-sidebar][data-hidden])) {
7310
7363
  --left-size: var(--min-size) !important;
7311
7364
  }
7312
- .pv-layout-two-sidebar:has(> [data-layout=left-sidebar][data-hidden],
7313
- > [data-layout=left-sidebar] > :where([data-layout=left-sidebar][data-hidden])) > [data-layout=left-sidebar] svg.pv-trigger-icon {
7314
- transform: rotate(180deg);
7315
- }
7316
7365
  .pv-layout-two-sidebar:has(> [data-layout=right-sidebar][data-hidden],
7317
7366
  > [data-layout=right-sidebar] > :where([data-layout=right-sidebar][data-hidden])) {
7318
7367
  --right-size: var(--min-size) !important;
7319
7368
  }
7320
- .pv-layout-two-sidebar:has(> [data-layout=right-sidebar][data-hidden],
7321
- > [data-layout=right-sidebar] > :where([data-layout=right-sidebar][data-hidden])) > [data-layout=right-sidebar] svg.pv-trigger-icon {
7322
- transform: rotate(180deg);
7323
- }
7324
7369
  .pv-layout-two-sidebar:has(> [data-layout=left-sidebar][data-hidden],
7325
7370
  > [data-layout=left-sidebar] > :where([data-layout=left-sidebar][data-hidden])):has(> [data-layout=right-sidebar][data-hidden],
7326
7371
  > [data-layout=right-sidebar] > :where([data-layout=right-sidebar][data-hidden])) {
@@ -7370,6 +7415,13 @@ summary.pv-sidebar-item-collapsed > [data-testid=pv-icon] {
7370
7415
  display: none;
7371
7416
  }
7372
7417
 
7418
+ .pv-layout-two-sidebar > [data-layout=left-sidebar][data-hidden] svg.pv-trigger-icon,
7419
+ .pv-layout-two-sidebar > [data-layout=right-sidebar][data-hidden] svg.pv-trigger-icon,
7420
+ .pv-layout-two-sidebar > [data-layout=left-sidebar] > [data-layout=left-sidebar][data-hidden] svg.pv-trigger-icon,
7421
+ .pv-layout-two-sidebar > [data-layout=right-sidebar] > [data-layout=right-sidebar][data-hidden] svg.pv-trigger-icon {
7422
+ transform: rotate(180deg);
7423
+ }
7424
+
7373
7425
  .pv-surface-brand {
7374
7426
  background-color: var(--color-background-brand, #13595D);
7375
7427
  }
@@ -1609,15 +1609,17 @@ div:has(> .pv-input-text[data-prefix="$"]):after {
1609
1609
  content: "$";
1610
1610
  left: 0.75rem;
1611
1611
  }
1612
- div:has(> .pv-input-text[data-prefix="$"]) .pv-input-text {
1613
- padding-inline-start: calc(0.75rem + 1.5ch);
1614
- }
1615
1612
 
1616
1613
  div:has(> .pv-input-text[data-suffix="%"]):after {
1617
1614
  content: "%";
1618
1615
  right: 0.75rem;
1619
1616
  }
1620
- div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
1617
+
1618
+ div > .pv-input-text.pv-input-text[data-prefix="$"] {
1619
+ padding-inline-start: calc(0.75rem + 1.5ch);
1620
+ }
1621
+
1622
+ div > .pv-input-text.pv-input-text[data-suffix="%"] {
1621
1623
  padding-inline-end: calc(0.75rem + 1.5ch);
1622
1624
  }
1623
1625
 
@@ -6166,6 +6168,57 @@ pv-data-grid.ag-theme-pv {
6166
6168
  border: 1px solid var(--banner-tertiary-border-color, transparent);
6167
6169
  }
6168
6170
 
6171
+ .pv-banner-universal,
6172
+ .pv-banner-ai {
6173
+ background-color: var(--banner-universal-background-color, #F3F1EB);
6174
+ border: 1px solid var(--banner-universal-border-color, #E7E7E7);
6175
+ }
6176
+
6177
+ .pv-banner-ai {
6178
+ border-radius: 999px;
6179
+ }
6180
+
6181
+ [class*=pv-banner-accent-] {
6182
+ position: relative;
6183
+ }
6184
+
6185
+ [class*=pv-banner-accent-]::before {
6186
+ content: "";
6187
+ position: absolute;
6188
+ top: 0.75rem;
6189
+ bottom: 0.75rem;
6190
+ left: -1px;
6191
+ width: var(--banner-accent-width, 4px);
6192
+ border-radius: 0 var(--banner-accent-width, 4px) var(--banner-accent-width, 4px) 0;
6193
+ background-color: var(--banner-accent-color);
6194
+ }
6195
+
6196
+ .pv-banner-accent-blue {
6197
+ --banner-accent-color: var(--shape-blue, #4D9FF2);
6198
+ }
6199
+
6200
+ .pv-banner-accent-purple {
6201
+ --banner-accent-color: var(--shape-purple, #DD8EFF);
6202
+ }
6203
+
6204
+ .pv-banner-accent-red {
6205
+ --banner-accent-color: var(--shape-error, #FA6E42);
6206
+ }
6207
+
6208
+ .pv-banner-accent-yellow {
6209
+ --banner-accent-color: var(--shape-warning, #FCB510);
6210
+ }
6211
+
6212
+ .pv-banner-accent-green {
6213
+ --banner-accent-color: var(--shape-success, #9DD549);
6214
+ }
6215
+
6216
+ .pv-banner-marketing {
6217
+ background-color: var(--banner-universal-background-color, #F3F1EB);
6218
+ background-image: var(--banner-marketing-background-image, linear-gradient(90deg, rgba(168, 230, 225, 0) 35%, rgba(168, 230, 225, 0.5) 65%, rgba(168, 230, 225, 0.75) 78%, rgba(168, 230, 225, 0.9) 78%, rgba(168, 230, 225, 0.7) 100%));
6219
+ border: 1px solid var(--banner-universal-border-color, #E7E7E7);
6220
+ }
6221
+
6169
6222
  [class*=pv-toggle] {
6170
6223
  cursor: pointer;
6171
6224
  display: flex;
@@ -6785,18 +6838,10 @@ body:has(> .pv-layout-primary) {
6785
6838
  > [data-layout=left-sidebar] > :where([data-layout=left-sidebar][data-hidden])) {
6786
6839
  --left-size: var(--min-size) !important;
6787
6840
  }
6788
- .pv-layout-two-sidebar:has(> [data-layout=left-sidebar][data-hidden],
6789
- > [data-layout=left-sidebar] > :where([data-layout=left-sidebar][data-hidden])) > [data-layout=left-sidebar] svg.pv-trigger-icon {
6790
- transform: rotate(180deg);
6791
- }
6792
6841
  .pv-layout-two-sidebar:has(> [data-layout=right-sidebar][data-hidden],
6793
6842
  > [data-layout=right-sidebar] > :where([data-layout=right-sidebar][data-hidden])) {
6794
6843
  --right-size: var(--min-size) !important;
6795
6844
  }
6796
- .pv-layout-two-sidebar:has(> [data-layout=right-sidebar][data-hidden],
6797
- > [data-layout=right-sidebar] > :where([data-layout=right-sidebar][data-hidden])) > [data-layout=right-sidebar] svg.pv-trigger-icon {
6798
- transform: rotate(180deg);
6799
- }
6800
6845
  .pv-layout-two-sidebar:has(> [data-layout=left-sidebar][data-hidden],
6801
6846
  > [data-layout=left-sidebar] > :where([data-layout=left-sidebar][data-hidden])):has(> [data-layout=right-sidebar][data-hidden],
6802
6847
  > [data-layout=right-sidebar] > :where([data-layout=right-sidebar][data-hidden])) {
@@ -6846,6 +6891,13 @@ body:has(> .pv-layout-primary) {
6846
6891
  display: none;
6847
6892
  }
6848
6893
 
6894
+ .pv-layout-two-sidebar > [data-layout=left-sidebar][data-hidden] svg.pv-trigger-icon,
6895
+ .pv-layout-two-sidebar > [data-layout=right-sidebar][data-hidden] svg.pv-trigger-icon,
6896
+ .pv-layout-two-sidebar > [data-layout=left-sidebar] > [data-layout=left-sidebar][data-hidden] svg.pv-trigger-icon,
6897
+ .pv-layout-two-sidebar > [data-layout=right-sidebar] > [data-layout=right-sidebar][data-hidden] svg.pv-trigger-icon {
6898
+ transform: rotate(180deg);
6899
+ }
6900
+
6849
6901
  .pv-surface-brand {
6850
6902
  background-color: var(--color-background-brand, #147F85);
6851
6903
  }
@@ -1493,14 +1493,14 @@
1493
1493
  content: "$";
1494
1494
  left: 0.75rem;
1495
1495
  }
1496
- .pv-v2 div:has(> .pv-input-text[data-prefix="$"]) .pv-input-text {
1497
- padding-inline-start: calc(0.75rem + 1.5ch);
1498
- }
1499
1496
  .pv-v2 div:has(> .pv-input-text[data-suffix="%"]):after {
1500
1497
  content: "%";
1501
1498
  right: 0.75rem;
1502
1499
  }
1503
- .pv-v2 div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
1500
+ .pv-v2 div > .pv-input-text.pv-input-text[data-prefix="$"] {
1501
+ padding-inline-start: calc(0.75rem + 1.5ch);
1502
+ }
1503
+ .pv-v2 div > .pv-input-text.pv-input-text[data-suffix="%"] {
1504
1504
  padding-inline-end: calc(0.75rem + 1.5ch);
1505
1505
  }
1506
1506
  .pv-v2 .pv-ghost-input {
@@ -5566,6 +5566,47 @@
5566
5566
  background-color: var(--banner-tertiary-background-color, #F7F8F8);
5567
5567
  border: 1px solid var(--banner-tertiary-border-color, transparent);
5568
5568
  }
5569
+ .pv-v2 .pv-banner-universal,
5570
+ .pv-v2 .pv-banner-ai {
5571
+ background-color: var(--banner-universal-background-color, #F3F1EB);
5572
+ border: 1px solid var(--banner-universal-border-color, #E7E7E7);
5573
+ }
5574
+ .pv-v2 .pv-banner-ai {
5575
+ border-radius: 999px;
5576
+ }
5577
+ .pv-v2 [class*=pv-banner-accent-] {
5578
+ position: relative;
5579
+ }
5580
+ .pv-v2 [class*=pv-banner-accent-]::before {
5581
+ content: "";
5582
+ position: absolute;
5583
+ top: 0.75rem;
5584
+ bottom: 0.75rem;
5585
+ left: -1px;
5586
+ width: var(--banner-accent-width, 4px);
5587
+ border-radius: 0 var(--banner-accent-width, 4px) var(--banner-accent-width, 4px) 0;
5588
+ background-color: var(--banner-accent-color);
5589
+ }
5590
+ .pv-v2 .pv-banner-accent-blue {
5591
+ --banner-accent-color: var(--shape-blue, #4D9FF2);
5592
+ }
5593
+ .pv-v2 .pv-banner-accent-purple {
5594
+ --banner-accent-color: var(--shape-purple, #DD8EFF);
5595
+ }
5596
+ .pv-v2 .pv-banner-accent-red {
5597
+ --banner-accent-color: var(--shape-error, #FA6E42);
5598
+ }
5599
+ .pv-v2 .pv-banner-accent-yellow {
5600
+ --banner-accent-color: var(--shape-warning, #FCB510);
5601
+ }
5602
+ .pv-v2 .pv-banner-accent-green {
5603
+ --banner-accent-color: var(--shape-success, #9DD549);
5604
+ }
5605
+ .pv-v2 .pv-banner-marketing {
5606
+ background-color: var(--banner-universal-background-color, #F3F1EB);
5607
+ background-image: var(--banner-marketing-background-image, linear-gradient(90deg, rgba(168, 230, 225, 0) 35%, rgba(168, 230, 225, 0.5) 65%, rgba(168, 230, 225, 0.75) 78%, rgba(168, 230, 225, 0.9) 78%, rgba(168, 230, 225, 0.7) 100%));
5608
+ border: 1px solid var(--banner-universal-border-color, #E7E7E7);
5609
+ }
5569
5610
  .pv-v2 [class*=pv-toggle] {
5570
5611
  cursor: pointer;
5571
5612
  display: flex;
@@ -6102,18 +6143,10 @@
6102
6143
  > [data-layout=left-sidebar] > :where([data-layout=left-sidebar][data-hidden])) {
6103
6144
  --left-size: var(--min-size) !important;
6104
6145
  }
6105
- .pv-v2 .pv-layout-two-sidebar:has(> [data-layout=left-sidebar][data-hidden],
6106
- > [data-layout=left-sidebar] > :where([data-layout=left-sidebar][data-hidden])) > [data-layout=left-sidebar] svg.pv-trigger-icon {
6107
- transform: rotate(180deg);
6108
- }
6109
6146
  .pv-v2 .pv-layout-two-sidebar:has(> [data-layout=right-sidebar][data-hidden],
6110
6147
  > [data-layout=right-sidebar] > :where([data-layout=right-sidebar][data-hidden])) {
6111
6148
  --right-size: var(--min-size) !important;
6112
6149
  }
6113
- .pv-v2 .pv-layout-two-sidebar:has(> [data-layout=right-sidebar][data-hidden],
6114
- > [data-layout=right-sidebar] > :where([data-layout=right-sidebar][data-hidden])) > [data-layout=right-sidebar] svg.pv-trigger-icon {
6115
- transform: rotate(180deg);
6116
- }
6117
6150
  .pv-v2 .pv-layout-two-sidebar:has(> [data-layout=left-sidebar][data-hidden],
6118
6151
  > [data-layout=left-sidebar] > :where([data-layout=left-sidebar][data-hidden])):has(> [data-layout=right-sidebar][data-hidden],
6119
6152
  > [data-layout=right-sidebar] > :where([data-layout=right-sidebar][data-hidden])) {
@@ -6161,6 +6194,12 @@
6161
6194
  .pv-v2 .pv-layout-two-sidebar > [data-layout=right-sidebar] > [data-layout=right-sidebar][data-hidden] .pv-fade {
6162
6195
  display: none;
6163
6196
  }
6197
+ .pv-v2 .pv-layout-two-sidebar > [data-layout=left-sidebar][data-hidden] svg.pv-trigger-icon,
6198
+ .pv-v2 .pv-layout-two-sidebar > [data-layout=right-sidebar][data-hidden] svg.pv-trigger-icon,
6199
+ .pv-v2 .pv-layout-two-sidebar > [data-layout=left-sidebar] > [data-layout=left-sidebar][data-hidden] svg.pv-trigger-icon,
6200
+ .pv-v2 .pv-layout-two-sidebar > [data-layout=right-sidebar] > [data-layout=right-sidebar][data-hidden] svg.pv-trigger-icon {
6201
+ transform: rotate(180deg);
6202
+ }
6164
6203
  .pv-v2 .pv-surface-brand {
6165
6204
  background-color: var(--color-background-brand, #16696D);
6166
6205
  }
@@ -1603,15 +1603,17 @@ div:has(> .pv-input-text[data-prefix="$"]):after {
1603
1603
  content: "$";
1604
1604
  left: 0.75rem;
1605
1605
  }
1606
- div:has(> .pv-input-text[data-prefix="$"]) .pv-input-text {
1607
- padding-inline-start: calc(0.75rem + 1.5ch);
1608
- }
1609
1606
 
1610
1607
  div:has(> .pv-input-text[data-suffix="%"]):after {
1611
1608
  content: "%";
1612
1609
  right: 0.75rem;
1613
1610
  }
1614
- div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
1611
+
1612
+ div > .pv-input-text.pv-input-text[data-prefix="$"] {
1613
+ padding-inline-start: calc(0.75rem + 1.5ch);
1614
+ }
1615
+
1616
+ div > .pv-input-text.pv-input-text[data-suffix="%"] {
1615
1617
  padding-inline-end: calc(0.75rem + 1.5ch);
1616
1618
  }
1617
1619
 
@@ -6182,6 +6184,57 @@ pv-data-grid.ag-theme-pv {
6182
6184
  border: 1px solid var(--banner-tertiary-border-color, transparent);
6183
6185
  }
6184
6186
 
6187
+ .pv-banner-universal,
6188
+ .pv-banner-ai {
6189
+ background-color: var(--banner-universal-background-color, #F3F1EB);
6190
+ border: 1px solid var(--banner-universal-border-color, #E7E7E7);
6191
+ }
6192
+
6193
+ .pv-banner-ai {
6194
+ border-radius: 999px;
6195
+ }
6196
+
6197
+ [class*=pv-banner-accent-] {
6198
+ position: relative;
6199
+ }
6200
+
6201
+ [class*=pv-banner-accent-]::before {
6202
+ content: "";
6203
+ position: absolute;
6204
+ top: 0.75rem;
6205
+ bottom: 0.75rem;
6206
+ left: -1px;
6207
+ width: var(--banner-accent-width, 4px);
6208
+ border-radius: 0 var(--banner-accent-width, 4px) var(--banner-accent-width, 4px) 0;
6209
+ background-color: var(--banner-accent-color);
6210
+ }
6211
+
6212
+ .pv-banner-accent-blue {
6213
+ --banner-accent-color: var(--shape-blue, #4D9FF2);
6214
+ }
6215
+
6216
+ .pv-banner-accent-purple {
6217
+ --banner-accent-color: var(--shape-purple, #DD8EFF);
6218
+ }
6219
+
6220
+ .pv-banner-accent-red {
6221
+ --banner-accent-color: var(--shape-error, #FA6E42);
6222
+ }
6223
+
6224
+ .pv-banner-accent-yellow {
6225
+ --banner-accent-color: var(--shape-warning, #FCB510);
6226
+ }
6227
+
6228
+ .pv-banner-accent-green {
6229
+ --banner-accent-color: var(--shape-success, #9DD549);
6230
+ }
6231
+
6232
+ .pv-banner-marketing {
6233
+ background-color: var(--banner-universal-background-color, #F3F1EB);
6234
+ background-image: var(--banner-marketing-background-image, linear-gradient(90deg, rgba(168, 230, 225, 0) 35%, rgba(168, 230, 225, 0.5) 65%, rgba(168, 230, 225, 0.75) 78%, rgba(168, 230, 225, 0.9) 78%, rgba(168, 230, 225, 0.7) 100%));
6235
+ border: 1px solid var(--banner-universal-border-color, #E7E7E7);
6236
+ }
6237
+
6185
6238
  [class*=pv-toggle] {
6186
6239
  cursor: pointer;
6187
6240
  display: flex;
@@ -7309,18 +7362,10 @@ summary.pv-sidebar-item-collapsed > [data-testid=pv-icon] {
7309
7362
  > [data-layout=left-sidebar] > :where([data-layout=left-sidebar][data-hidden])) {
7310
7363
  --left-size: var(--min-size) !important;
7311
7364
  }
7312
- .pv-layout-two-sidebar:has(> [data-layout=left-sidebar][data-hidden],
7313
- > [data-layout=left-sidebar] > :where([data-layout=left-sidebar][data-hidden])) > [data-layout=left-sidebar] svg.pv-trigger-icon {
7314
- transform: rotate(180deg);
7315
- }
7316
7365
  .pv-layout-two-sidebar:has(> [data-layout=right-sidebar][data-hidden],
7317
7366
  > [data-layout=right-sidebar] > :where([data-layout=right-sidebar][data-hidden])) {
7318
7367
  --right-size: var(--min-size) !important;
7319
7368
  }
7320
- .pv-layout-two-sidebar:has(> [data-layout=right-sidebar][data-hidden],
7321
- > [data-layout=right-sidebar] > :where([data-layout=right-sidebar][data-hidden])) > [data-layout=right-sidebar] svg.pv-trigger-icon {
7322
- transform: rotate(180deg);
7323
- }
7324
7369
  .pv-layout-two-sidebar:has(> [data-layout=left-sidebar][data-hidden],
7325
7370
  > [data-layout=left-sidebar] > :where([data-layout=left-sidebar][data-hidden])):has(> [data-layout=right-sidebar][data-hidden],
7326
7371
  > [data-layout=right-sidebar] > :where([data-layout=right-sidebar][data-hidden])) {
@@ -7370,6 +7415,13 @@ summary.pv-sidebar-item-collapsed > [data-testid=pv-icon] {
7370
7415
  display: none;
7371
7416
  }
7372
7417
 
7418
+ .pv-layout-two-sidebar > [data-layout=left-sidebar][data-hidden] svg.pv-trigger-icon,
7419
+ .pv-layout-two-sidebar > [data-layout=right-sidebar][data-hidden] svg.pv-trigger-icon,
7420
+ .pv-layout-two-sidebar > [data-layout=left-sidebar] > [data-layout=left-sidebar][data-hidden] svg.pv-trigger-icon,
7421
+ .pv-layout-two-sidebar > [data-layout=right-sidebar] > [data-layout=right-sidebar][data-hidden] svg.pv-trigger-icon {
7422
+ transform: rotate(180deg);
7423
+ }
7424
+
7373
7425
  .pv-surface-brand {
7374
7426
  background-color: var(--color-background-brand, #16696D);
7375
7427
  }
@@ -1603,15 +1603,17 @@ div:has(> .pv-input-text[data-prefix="$"]):after {
1603
1603
  content: "$";
1604
1604
  left: 0.75rem;
1605
1605
  }
1606
- div:has(> .pv-input-text[data-prefix="$"]) .pv-input-text {
1607
- padding-inline-start: calc(0.75rem + 1.5ch);
1608
- }
1609
1606
 
1610
1607
  div:has(> .pv-input-text[data-suffix="%"]):after {
1611
1608
  content: "%";
1612
1609
  right: 0.75rem;
1613
1610
  }
1614
- div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
1611
+
1612
+ div > .pv-input-text.pv-input-text[data-prefix="$"] {
1613
+ padding-inline-start: calc(0.75rem + 1.5ch);
1614
+ }
1615
+
1616
+ div > .pv-input-text.pv-input-text[data-suffix="%"] {
1615
1617
  padding-inline-end: calc(0.75rem + 1.5ch);
1616
1618
  }
1617
1619
 
@@ -6182,6 +6184,57 @@ pv-data-grid.ag-theme-pv {
6182
6184
  border: 1px solid var(--banner-tertiary-border-color, transparent);
6183
6185
  }
6184
6186
 
6187
+ .pv-banner-universal,
6188
+ .pv-banner-ai {
6189
+ background-color: var(--banner-universal-background-color, #F3F1EB);
6190
+ border: 1px solid var(--banner-universal-border-color, #E7E7E7);
6191
+ }
6192
+
6193
+ .pv-banner-ai {
6194
+ border-radius: 999px;
6195
+ }
6196
+
6197
+ [class*=pv-banner-accent-] {
6198
+ position: relative;
6199
+ }
6200
+
6201
+ [class*=pv-banner-accent-]::before {
6202
+ content: "";
6203
+ position: absolute;
6204
+ top: 0.75rem;
6205
+ bottom: 0.75rem;
6206
+ left: -1px;
6207
+ width: var(--banner-accent-width, 4px);
6208
+ border-radius: 0 var(--banner-accent-width, 4px) var(--banner-accent-width, 4px) 0;
6209
+ background-color: var(--banner-accent-color);
6210
+ }
6211
+
6212
+ .pv-banner-accent-blue {
6213
+ --banner-accent-color: var(--shape-blue, #4D9FF2);
6214
+ }
6215
+
6216
+ .pv-banner-accent-purple {
6217
+ --banner-accent-color: var(--shape-purple, #DD8EFF);
6218
+ }
6219
+
6220
+ .pv-banner-accent-red {
6221
+ --banner-accent-color: var(--shape-error, #FA6E42);
6222
+ }
6223
+
6224
+ .pv-banner-accent-yellow {
6225
+ --banner-accent-color: var(--shape-warning, #FCB510);
6226
+ }
6227
+
6228
+ .pv-banner-accent-green {
6229
+ --banner-accent-color: var(--shape-success, #9DD549);
6230
+ }
6231
+
6232
+ .pv-banner-marketing {
6233
+ background-color: var(--banner-universal-background-color, #F3F1EB);
6234
+ background-image: var(--banner-marketing-background-image, linear-gradient(90deg, rgba(168, 230, 225, 0) 35%, rgba(168, 230, 225, 0.5) 65%, rgba(168, 230, 225, 0.75) 78%, rgba(168, 230, 225, 0.9) 78%, rgba(168, 230, 225, 0.7) 100%));
6235
+ border: 1px solid var(--banner-universal-border-color, #E7E7E7);
6236
+ }
6237
+
6185
6238
  [class*=pv-toggle] {
6186
6239
  cursor: pointer;
6187
6240
  display: flex;
@@ -7309,18 +7362,10 @@ summary.pv-sidebar-item-collapsed > [data-testid=pv-icon] {
7309
7362
  > [data-layout=left-sidebar] > :where([data-layout=left-sidebar][data-hidden])) {
7310
7363
  --left-size: var(--min-size) !important;
7311
7364
  }
7312
- .pv-layout-two-sidebar:has(> [data-layout=left-sidebar][data-hidden],
7313
- > [data-layout=left-sidebar] > :where([data-layout=left-sidebar][data-hidden])) > [data-layout=left-sidebar] svg.pv-trigger-icon {
7314
- transform: rotate(180deg);
7315
- }
7316
7365
  .pv-layout-two-sidebar:has(> [data-layout=right-sidebar][data-hidden],
7317
7366
  > [data-layout=right-sidebar] > :where([data-layout=right-sidebar][data-hidden])) {
7318
7367
  --right-size: var(--min-size) !important;
7319
7368
  }
7320
- .pv-layout-two-sidebar:has(> [data-layout=right-sidebar][data-hidden],
7321
- > [data-layout=right-sidebar] > :where([data-layout=right-sidebar][data-hidden])) > [data-layout=right-sidebar] svg.pv-trigger-icon {
7322
- transform: rotate(180deg);
7323
- }
7324
7369
  .pv-layout-two-sidebar:has(> [data-layout=left-sidebar][data-hidden],
7325
7370
  > [data-layout=left-sidebar] > :where([data-layout=left-sidebar][data-hidden])):has(> [data-layout=right-sidebar][data-hidden],
7326
7371
  > [data-layout=right-sidebar] > :where([data-layout=right-sidebar][data-hidden])) {
@@ -7370,6 +7415,13 @@ summary.pv-sidebar-item-collapsed > [data-testid=pv-icon] {
7370
7415
  display: none;
7371
7416
  }
7372
7417
 
7418
+ .pv-layout-two-sidebar > [data-layout=left-sidebar][data-hidden] svg.pv-trigger-icon,
7419
+ .pv-layout-two-sidebar > [data-layout=right-sidebar][data-hidden] svg.pv-trigger-icon,
7420
+ .pv-layout-two-sidebar > [data-layout=left-sidebar] > [data-layout=left-sidebar][data-hidden] svg.pv-trigger-icon,
7421
+ .pv-layout-two-sidebar > [data-layout=right-sidebar] > [data-layout=right-sidebar][data-hidden] svg.pv-trigger-icon {
7422
+ transform: rotate(180deg);
7423
+ }
7424
+
7373
7425
  .pv-surface-brand {
7374
7426
  background-color: var(--color-background-brand, #073A46);
7375
7427
  }