npm - @turquoisehealth/pit-viper - Versions diffs - 2.104.0 → 2.104.2-dev.0 - Mend

@turquoisehealth/pit-viper 2.104.0 → 2.104.2-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 (128) hide show

package/_site/assets/css/pit-viper-v2-scoped.css CHANGED Viewed

@@ -3301,10 +3301,29 @@
   line-height: 1.33333333;
   font-weight: 500;
 }
+.pv-v2 .pv-action-bar-container > ::slotted(*) {
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  justify-content: unset;
+  gap: 0.5rem;
+  background-color: #242626;
+  color: #FFFFFF;
+  padding: 0.5rem 0.75rem;
+  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 8px;
+  font-size: 0.75rem;
+  line-height: 1.33333333;
+  font-weight: 500;
+}
 .pv-v2 .pv-action-bar-container[data-style=white] > div {
   background-color: #FFFFFF;
   color: #121313;
 }
+.pv-v2 .pv-action-bar-container[data-style=white] > ::slotted(*) {
+  background-color: #FFFFFF;
+  color: #121313;
+}
 .pv-v2 .pv-card {
   position: relative;
   border: 1px solid var(--card-border-color, #E3E7EA);
@@ -5024,11 +5043,12 @@
   position: absolute;
   top: -33px;
   left: 0;
-  background-color: transparent;
+  background-color: white;
   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");
   background-repeat: no-repeat;
   background-size: 1rem 1rem;
-  background-position: top calc(50% + 1px) right 0.5rem;
+  background-position: top 50% right 0.5rem;
+  transform: translateY(1px);
 }
 .pv-v2 .select2-dropdown--above .select2-search__field {
   background-color: #fff;
@@ -5243,6 +5263,7 @@
   color: white;
 }
 .pv-v2 .select2-container--pv-dark .select2-search__field {
+  background-color: #353938;
   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='%23FFFFFF'/%3E%3C/svg%3E");
 }
 .pv-v2 .select2-container--pv-dark .select2-results__options {

package/_site/assets/css/pit-viper-v2.css CHANGED Viewed

@@ -3575,11 +3575,32 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   font-weight: 500;
 }
+.pv-action-bar-container > ::slotted(*) {
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  justify-content: unset;
+  gap: 0.5rem;
+  background-color: #242626;
+  color: #FFFFFF;
+  padding: 0.5rem 0.75rem;
+  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 8px;
+  font-size: 0.75rem;
+  line-height: 1.33333333;
+  font-weight: 500;
+}
 .pv-action-bar-container[data-style=white] > div {
   background-color: #FFFFFF;
   color: #121313;
 }
+.pv-action-bar-container[data-style=white] > ::slotted(*) {
+  background-color: #FFFFFF;
+  color: #121313;
+}
 .pv-card {
   position: relative;
   border: 1px solid var(--card-border-color, #E3E7EA);
@@ -5533,11 +5554,12 @@ svg.pv-text-inherit {
   position: absolute;
   top: -33px;
   left: 0;
-  background-color: transparent;
+  background-color: white;
   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");
   background-repeat: no-repeat;
   background-size: 1rem 1rem;
-  background-position: top calc(50% + 1px) right 0.5rem;
+  background-position: top 50% right 0.5rem;
+  transform: translateY(1px);
 }
 .select2-dropdown--above .select2-search__field {
@@ -5791,6 +5813,7 @@ input.select2-search__field::placeholder {
   color: white;
 }
 .select2-container--pv-dark .select2-search__field {
+  background-color: #353938;
   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='%23FFFFFF'/%3E%3C/svg%3E");
 }
 .select2-container--pv-dark .select2-results__options {

package/_site/assets/css/pit-viper.css CHANGED Viewed

@@ -3580,11 +3580,32 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   font-weight: 500;
 }
+.pv-action-bar-container > ::slotted(*) {
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  justify-content: space-between;
+  gap: 0.5rem;
+  background-color: #02363D;
+  color: #FFFFFF;
+  padding: 0;
+  box-shadow: 0 8px 32px rgba(2, 54, 61, 0.24);
+  border-radius: 4px;
+  font-size: 1.125rem;
+  line-height: 1.55555555;
+  font-weight: 500;
+}
 .pv-action-bar-container[data-style=white] > div {
   background-color: #02363D;
   color: #02363D;
 }
+.pv-action-bar-container[data-style=white] > ::slotted(*) {
+  background-color: #02363D;
+  color: #02363D;
+}
 .pv-card {
   position: relative;
   border: 1px solid var(--card-border-color, #DCDFE4);
@@ -5538,11 +5559,12 @@ svg.pv-text-inherit {
   position: absolute;
   top: -44px;
   left: 0;
-  background-color: transparent;
+  background-color: white;
   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");
   background-repeat: no-repeat;
   background-size: 1rem 1rem;
-  background-position: top calc(50% + 1px) right 0.5rem;
+  background-position: top 50% right 0.5rem;
+  transform: translateY(1px);
 }
 .select2-dropdown--above .select2-search__field {
@@ -5796,6 +5818,7 @@ input.select2-search__field::placeholder {
   color: white;
 }
 .select2-container--pv-dark .select2-search__field {
+  background-color: #353938;
   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='%23FFFFFF'/%3E%3C/svg%3E");
 }
 .select2-container--pv-dark .select2-results__options {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@turquoisehealth/pit-viper",
-  "version": "2.104.0",
+  "version": "2.104.2-dev.0",
   "description": "Turquoise Health's design system.",
   "main": "README.md",
   "publishConfig": {
@@ -34,10 +34,6 @@
       "types": "./pv-components/dist/vue/visualizations/components/visualizations/index.d.ts",
       "import": "./pv-components/dist/vue/visualizations/pv-components-visualizations.mjs",
       "require": "./pv-components/dist/vue/visualizations/pv-components-visualizations.js"
-    },
-    "./web_components": {
-      "types": "./pv-components/dist/src/web-components.d.ts",
-      "default": "./pv-components/dist/web/pv-components.iife.js"
     }
   },
   "scripts": {
@@ -50,7 +46,6 @@
     "prepublishOnly": "npm install && npm run test && npm run build",
     "start": "npm-run-all build:sass --parallel watch:*",
     "build": "npm-run-all build:*",
-    "postbuild": "eleventy --quiet",
     "prepare": "husky",
     "test": "npm run test --workspace=pv-components",
     "create_pr": "tsx ./scripts/createPR.ts",
@@ -71,13 +66,37 @@
   },
   "homepage": "https://github.com/turquoisehealth/pit-viper/",
   "peerDependencies": {
+    "@floating-ui/vue": "^1.1.9",
+    "@primeuix/themes": "^1.1.1",
+    "@vueuse/components": "^13.0.0",
+    "@vueuse/core": "^13.0.0",
+    "@vueuse/integrations": "^13.1.0",
     "ag-charts-enterprise": "^12.1.0",
     "ag-charts-vue3": "^12.1.0",
     "ag-grid-community": "^33.2.1",
     "ag-grid-enterprise": "^33.2.1",
-    "ag-grid-vue3": "^33.2.1"
+    "ag-grid-vue3": "^33.2.1",
+    "papaparse": "^5.5.2",
+    "primevue": "^4.3.5",
+    "sortablejs": "^1.15.6",
+    "vue": "^3.5.13"
   },
   "peerDependenciesMeta": {
+    "@floating-ui/vue": {
+      "optional": false
+    },
+    "@primeuix/themes": {
+      "optional": false
+    },
+    "@vueuse/components": {
+      "optional": false
+    },
+    "@vueuse/core": {
+      "optional": false
+    },
+    "@vueuse/integrations": {
+      "optional": false
+    },
     "ag-charts-enterprise": {
       "optional": true
     },
@@ -92,6 +111,18 @@
     },
     "ag-grid-vue3": {
       "optional": true
+    },
+    "papaparse": {
+      "optional": false
+    },
+    "primevue": {
+      "optional": false
+    },
+    "sortablejs": {
+      "optional": false
+    },
+    "vue": {
+      "optional": false
     }
   },
   "dependencies": {
@@ -110,10 +141,6 @@
   },
   "devDependencies": {
     "@changesets/cli": "^2.29.4",
-    "@vue/eslint-config-prettier": "^10.1.0",
-    "@vue/eslint-config-typescript": "^14.3.0",
-    "chokidar-cli": "^3.0.0",
-    "eslint-plugin-vue": "^9.32.0",
     "pagefind": "^1.3.0",
     "tsx": "^4.0.0"
   }