@turquoisehealth/pit-viper 2.138.0 → 2.139.1-dev.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 (34) hide show
  1. package/_site/assets/css/pit-viper-a11y.css +35 -0
  2. package/_site/assets/css/pit-viper-v2-scoped.css +34 -0
  3. package/_site/assets/css/pit-viper-v2.css +35 -0
  4. package/_site/assets/css/pit-viper.css +35 -0
  5. package/package.json +1 -1
  6. package/pv-components/dist/stats/vue/base/stats.html +1 -1
  7. package/pv-components/dist/stats/vue/visualizations/stats.html +1 -1
  8. package/pv-components/dist/stats/web/pv-multi-select-button-stats.html +1 -1
  9. package/pv-components/dist/stats/web/pv-query-builder-input-stats.html +4949 -0
  10. package/pv-components/dist/stats/web/pv-range-stats.html +4949 -0
  11. package/pv-components/dist/stats/web/pv-select-button-stats.html +1 -1
  12. package/pv-components/dist/stats/web/pv-toggle-group-stats.html +1 -1
  13. package/pv-components/dist/stats/web/pv-tooltip-v2-stats.html +1 -1
  14. package/pv-components/dist/vue/base/components/base/PvQueryBuilderInput/PvQueryBuilderInput.vue.d.ts +44 -0
  15. package/pv-components/dist/vue/base/components/base/PvQueryBuilderInput/QueryBuilderMenuOptionRenderer.vue.d.ts +8 -0
  16. package/pv-components/dist/vue/base/components/base/PvQueryBuilderInput/QueryFormatter.vue.d.ts +20 -0
  17. package/pv-components/dist/vue/base/components/base/PvRange/PvRange.vue.d.ts +19 -0
  18. package/pv-components/dist/vue/base/components/base/index.d.ts +2 -0
  19. package/pv-components/dist/vue/base/pv-components-base.mjs +3580 -3233
  20. package/pv-components/dist/vue/visualizations/components/base/PvRange/PvRange.vue.d.ts +19 -0
  21. package/pv-components/dist/vue/visualizations/components/base/index.d.ts +2 -0
  22. package/pv-components/dist/vue/visualizations/components/tables/PvDataTable/filters/filterHelpers.d.ts +47 -0
  23. package/pv-components/dist/vue/visualizations/components/tables/PvDataTable/filters/filterHelpers.spec.d.ts +1 -0
  24. package/pv-components/dist/vue/visualizations/components/tables/PvDataTable/helpers.d.ts +3 -16
  25. package/pv-components/dist/vue/visualizations/components/tables/PvDataTable/types.d.ts +21 -1
  26. package/pv-components/dist/vue/visualizations/components/tables/PvDataTable/useFilterStore.d.ts +11 -7
  27. package/pv-components/dist/vue/visualizations/components/tables/PvDataTable/useSetFilter.d.ts +43 -0
  28. package/pv-components/dist/vue/visualizations/components/tables/symbols.d.ts +2 -0
  29. package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs +4036 -3704
  30. package/pv-components/dist/web/components/pv-multi-select-button/pv-multi-select-button.js +3 -3
  31. package/pv-components/dist/web/components/pv-query-builder-input/pv-query-builder-input.js +8591 -0
  32. package/pv-components/dist/web/components/pv-range/pv-range.js +154 -0
  33. package/pv-components/dist/web/components/pv-select-button/pv-select-button.js +3 -3
  34. package/pv-components/dist/web/pv-components.iife.js +48 -48
@@ -1517,6 +1517,41 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
1517
1517
  line-height: 1.09090909;
1518
1518
  }
1519
1519
 
1520
+ .pv-range {
1521
+ --value: 0%;
1522
+ -webkit-appearance: none;
1523
+ appearance: none;
1524
+ cursor: pointer;
1525
+ width: 100%;
1526
+ background: #36C5BA linear-gradient(90deg, rgb(54, 197, 186) var(--value), rgb(22, 105, 109) var(--value));
1527
+ border-radius: 2rem;
1528
+ height: 8px;
1529
+ }
1530
+ .pv-range::-webkit-slider-thumb {
1531
+ -webkit-appearance: none;
1532
+ background-color: white;
1533
+ border: 4px solid #36C5BA;
1534
+ width: 16px;
1535
+ height: 16px;
1536
+ border-radius: 50%;
1537
+ }
1538
+ .pv-range::-moz-range-thumb {
1539
+ background-color: white;
1540
+ border: 4px solid #36C5BA;
1541
+ width: 12px;
1542
+ height: 12px;
1543
+ border-radius: 50%;
1544
+ }
1545
+ .pv-range:focus-visible {
1546
+ outline: none;
1547
+ }
1548
+ .pv-range:focus-visible::-webkit-slider-thumb {
1549
+ outline: 2px solid red;
1550
+ }
1551
+ .pv-range:focus-visible::-moz-range-thumb {
1552
+ outline: 2px solid red;
1553
+ }
1554
+
1520
1555
  .pv-nav-container {
1521
1556
  padding: 20px 9px 20px 20px;
1522
1557
  overflow-y: auto;
@@ -1403,6 +1403,40 @@
1403
1403
  font-size: 0.6875rem;
1404
1404
  line-height: 1.09090909;
1405
1405
  }
1406
+ .pv-v2 .pv-range {
1407
+ --value: 0%;
1408
+ -webkit-appearance: none;
1409
+ appearance: none;
1410
+ cursor: pointer;
1411
+ width: 100%;
1412
+ background: #36C5BA linear-gradient(90deg, rgb(54, 197, 186) var(--value), rgb(22, 105, 109) var(--value));
1413
+ border-radius: 2rem;
1414
+ height: 8px;
1415
+ }
1416
+ .pv-v2 .pv-range::-webkit-slider-thumb {
1417
+ -webkit-appearance: none;
1418
+ background-color: white;
1419
+ border: 4px solid #36C5BA;
1420
+ width: 16px;
1421
+ height: 16px;
1422
+ border-radius: 50%;
1423
+ }
1424
+ .pv-v2 .pv-range::-moz-range-thumb {
1425
+ background-color: white;
1426
+ border: 4px solid #36C5BA;
1427
+ width: 12px;
1428
+ height: 12px;
1429
+ border-radius: 50%;
1430
+ }
1431
+ .pv-v2 .pv-range:focus-visible {
1432
+ outline: none;
1433
+ }
1434
+ .pv-v2 .pv-range:focus-visible::-webkit-slider-thumb {
1435
+ outline: 2px solid red;
1436
+ }
1437
+ .pv-v2 .pv-range:focus-visible::-moz-range-thumb {
1438
+ outline: 2px solid red;
1439
+ }
1406
1440
  .pv-v2 .pv-nav-container {
1407
1441
  padding: 20px 9px 20px 20px;
1408
1442
  overflow-y: auto;
@@ -1517,6 +1517,41 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
1517
1517
  line-height: 1.09090909;
1518
1518
  }
1519
1519
 
1520
+ .pv-range {
1521
+ --value: 0%;
1522
+ -webkit-appearance: none;
1523
+ appearance: none;
1524
+ cursor: pointer;
1525
+ width: 100%;
1526
+ background: #36C5BA linear-gradient(90deg, rgb(54, 197, 186) var(--value), rgb(22, 105, 109) var(--value));
1527
+ border-radius: 2rem;
1528
+ height: 8px;
1529
+ }
1530
+ .pv-range::-webkit-slider-thumb {
1531
+ -webkit-appearance: none;
1532
+ background-color: white;
1533
+ border: 4px solid #36C5BA;
1534
+ width: 16px;
1535
+ height: 16px;
1536
+ border-radius: 50%;
1537
+ }
1538
+ .pv-range::-moz-range-thumb {
1539
+ background-color: white;
1540
+ border: 4px solid #36C5BA;
1541
+ width: 12px;
1542
+ height: 12px;
1543
+ border-radius: 50%;
1544
+ }
1545
+ .pv-range:focus-visible {
1546
+ outline: none;
1547
+ }
1548
+ .pv-range:focus-visible::-webkit-slider-thumb {
1549
+ outline: 2px solid red;
1550
+ }
1551
+ .pv-range:focus-visible::-moz-range-thumb {
1552
+ outline: 2px solid red;
1553
+ }
1554
+
1520
1555
  .pv-nav-container {
1521
1556
  padding: 20px 9px 20px 20px;
1522
1557
  overflow-y: auto;
@@ -1522,6 +1522,41 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
1522
1522
  line-height: 1.09090909;
1523
1523
  }
1524
1524
 
1525
+ .pv-range {
1526
+ --value: 0%;
1527
+ -webkit-appearance: none;
1528
+ appearance: none;
1529
+ cursor: pointer;
1530
+ width: 100%;
1531
+ background: #36C5BA linear-gradient(90deg, rgb(54, 197, 186) var(--value), rgb(22, 105, 109) var(--value));
1532
+ border-radius: 2rem;
1533
+ height: 8px;
1534
+ }
1535
+ .pv-range::-webkit-slider-thumb {
1536
+ -webkit-appearance: none;
1537
+ background-color: white;
1538
+ border: 4px solid #36C5BA;
1539
+ width: 16px;
1540
+ height: 16px;
1541
+ border-radius: 50%;
1542
+ }
1543
+ .pv-range::-moz-range-thumb {
1544
+ background-color: white;
1545
+ border: 4px solid #36C5BA;
1546
+ width: 12px;
1547
+ height: 12px;
1548
+ border-radius: 50%;
1549
+ }
1550
+ .pv-range:focus-visible {
1551
+ outline: none;
1552
+ }
1553
+ .pv-range:focus-visible::-webkit-slider-thumb {
1554
+ outline: 2px solid red;
1555
+ }
1556
+ .pv-range:focus-visible::-moz-range-thumb {
1557
+ outline: 2px solid red;
1558
+ }
1559
+
1525
1560
  .pv-nav-container {
1526
1561
  padding: 20px 9px 20px 20px;
1527
1562
  overflow-y: auto;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@turquoisehealth/pit-viper",
3
- "version": "2.138.0",
3
+ "version": "2.139.1-dev.0",
4
4
  "description": "Turquoise Health's design system.",
5
5
  "main": "README.md",
6
6
  "publishConfig": {