@turquoisehealth/pit-viper 2.97.1-dev.0 → 2.98.0

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

@@ -3304,29 +3304,10 @@
   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);

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

@@ -3578,32 +3578,11 @@ 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);

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

@@ -3583,32 +3583,11 @@ 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);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turquoisehealth/pit-viper",
-  "version": "2.97.1-dev.0",
+  "version": "2.98.0",
   "description": "Turquoise Health's design system.",
   "main": "README.md",
   "publishConfig": {
@@ -34,6 +34,10 @@
       "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": {
@@ -46,6 +50,7 @@
     "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",
@@ -66,37 +71,13 @@
   },
   "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",
-    "papaparse": "^5.5.2",
-    "primevue": "^4.3.5",
-    "sortablejs": "^1.15.6",
-    "vue": "^3.5.13"
+    "ag-grid-vue3": "^33.2.1"
   },
   "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
     },
@@ -111,18 +92,6 @@
     },
     "ag-grid-vue3": {
       "optional": true
-    },
-    "papaparse": {
-      "optional": false
-    },
-    "primevue": {
-      "optional": false
-    },
-    "sortablejs": {
-      "optional": false
-    },
-    "vue": {
-      "optional": false
     }
   },
   "dependencies": {
@@ -141,6 +110,10 @@
   },
   "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"
   }

package/pv-components/dist/vue/base/components/base/PvMenu/items/PvMenuCheckboxItem.vue.d.ts

@@ -13,6 +13,7 @@ export interface PvMenuCheckboxItem {
     renderer?: Component;
     rendererProps?: any;
     classList?: string[];
+    children?: PvMenuCheckboxItem[];
 }
 declare const _default: DefineComponent<PvMenuCheckboxItem, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "handle-selected": () => any;

package/pv-components/dist/vue/base/components/base/PvMenu/items/PvMenuItem.vue.d.ts

@@ -20,6 +20,7 @@ export interface PvMenuItemProps {
     rendererProps?: any;
     classList?: string[];
     searchText?: string;
+    children?: PvMenuItemProps[];
 }
 declare const _default: DefineComponent<PvMenuItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "handle-selected": () => any;

package/pv-components/dist/vue/base/components/base/PvMenu/items/PvMenuRadioItem.vue.d.ts

@@ -8,6 +8,7 @@ export interface PvMenuRadioItem {
     /** Variant of the counter badge which appears on the menu item */
     counterBadgeVariant?: PvCounterBadgeVariant;
     value?: boolean;
+    children?: PvMenuRadioItem[];
 }
 declare const _default: DefineComponent<PvMenuRadioItem, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "handle-selected": () => any;

package/pv-components/dist/vue/base/components/base/PvMultiSelectButton/PvMultiSelectButton.vue.d.ts

@@ -31,7 +31,7 @@ export interface PvMultiSelectButtonProps {
     searchPlaceholder?: string;
     overlayTrigger?: boolean;
     optionsVariant?: Exclude<MenuOptionsVariant, "radio">;
-    options?: MenuOption[];
+    options: MenuOption[];
     useTeleport?: boolean;
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
@@ -58,6 +58,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
     showClear: boolean;
     useTeleport: boolean;
     teleportLocation: string;
+    options: MenuOption[];
     counterPosition: "left" | "right" | "none";
     showDropdown: boolean;
     optionsVariant: Exclude<MenuOptionsVariant, "radio">;
@@ -292,7 +293,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
         searchPlaceholder?: string;
         overlayTrigger?: boolean;
         optionsVariant?: Exclude<MenuOptionsVariant, "radio">;
-        options?: MenuOption[];
+        options: MenuOption[];
         useTeleport?: boolean;
         "onDropdown-open"?: (() => any) | undefined;
         "onDropdown-closed"?: (() => any) | undefined;
@@ -335,7 +336,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
         searchPlaceholder?: string;
         overlayTrigger?: boolean;
         optionsVariant?: Exclude<MenuOptionsVariant, "radio">;
-        options?: MenuOption[];
+        options: MenuOption[];
         useTeleport?: boolean;
         "onDropdown-open"?: (() => any) | undefined;
         "onDropdown-closed"?: (() => any) | undefined;

package/pv-components/dist/vue/base/components/base/PvSelectButton/PvSelectButton.vue.d.ts

@@ -22,7 +22,7 @@ export interface PvSelectButton {
     showSearchInput?: boolean;
     searchPlaceholder?: string;
     optionsVariant?: Exclude<MenuOptionsVariant, "checkbox">;
-    options?: MenuOption[];
+    options: MenuOption[];
     useTeleport?: boolean;
     allowDeselect?: boolean;
     counterPosition?: "left" | "right";

package/pv-components/dist/vue/base/components/base/PvSelectButton/PvSelectMenuItem.vue.d.ts

@@ -0,0 +1,19 @@
+import { PvCounterBadgeVariant } from '../PvCounterBadge/types';
+import { MenuOption, MenuOptionsVariant } from '../../../types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+interface PvMenuSelectMenuItem {
+    optionsVariant?: Exclude<MenuOptionsVariant, "checkbox">;
+    option: MenuOption;
+    counterBadgeVariant?: PvCounterBadgeVariant;
+    selectedItem?: MenuOption;
+    level?: number;
+}
+declare const _default: DefineComponent<PvMenuSelectMenuItem, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "handle-select-item": (payload: MenuOption) => any;
+}, string, PublicProps, Readonly<PvMenuSelectMenuItem> & Readonly<{
+    "onHandle-select-item"?: ((payload: MenuOption) => any) | undefined;
+}>, {
+    optionsVariant: Exclude<MenuOptionsVariant, "checkbox">;
+    level: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/pv-components/dist/vue/base/components/base/PvSelectButton/mocks.d.ts

@@ -1,3 +1,11 @@
+export declare const simpleNestedOptions: {
+    id: string;
+    text: string;
+    children: {
+        id: string;
+        text: string;
+    }[];
+}[];
 export declare const simpleOptions: {
     id: string;
     text: string;