@turquoisehealth/pit-viper 2.92.0 → 2.94.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turquoisehealth/pit-viper",
-  "version": "2.92.0",
+  "version": "2.94.0",
   "description": "Turquoise Health's design system.",
   "main": "README.md",
   "publishConfig": {
@@ -44,15 +44,14 @@
     "build:eleventy": "eleventy",
     "build:pagefind": "npx pagefind --site _site",
     "build:pv-components": "npm run build --workspace=pv-components",
-    "watch:pv-components": "npm run watch_docs --workspace=pv-components",
     "prepublishOnly": "npm install && npm run test && npm run build",
     "start": "npm-run-all build:sass --parallel watch:*",
     "build": "npm-run-all build:*",
-    "prebuild": "npm run build_docs --workspace=pv-components",
     "postbuild": "eleventy --quiet",
     "prepare": "husky",
     "test": "npm run test --workspace=pv-components",
-    "create_pr": "tsx ./scripts/createPR.ts"
+    "create_pr": "tsx ./scripts/createPR.ts",
+    "storybook": "npm run storybook --workspace=storybook"
   },
   "keywords": [],
   "repository": {

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

@@ -5,8 +5,18 @@ interface PvActionBarProps {
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
+    slots: Readonly<{
+        /**
+         * Default slot for action bar content.
+         * sections are divided by the root elements inside the slot.
+         */
+        default(): never;
+    }> & {
+        /**
+         * Default slot for action bar content.
+         * sections are divided by the root elements inside the slot.
+         */
+        default(): never;
     };
     refs: {};
     rootEl: HTMLDivElement;

package/pv-components/dist/vue/base/components/base/PvButton/types.d.ts

@@ -1,20 +1,28 @@
 import { PvSize, PvVariants } from '../baseProps';
-import { PvTooltipPositions, PvTooltipVariants } from '../PvTooltip/types.ts';
+import { PvTooltipPositions, PvTooltipVariants } from '../PvTooltip/types';
 export type PvButtonSize = Extract<PvSize, "md" | "lg" | "xl">;
 export type PvButtonVariant = Extract<PvVariants, "primary" | "secondary" | "ghost" | "destructive" | "tertiary">;
 export interface PvButtonProps {
     variant?: PvButtonVariant;
+    /** Button cannot be pressed */
     disabled?: boolean;
     size?: PvButtonSize;
+    /** Show loading spinner */
     loading?: boolean;
+    /** Text within the button */
     label?: string;
+    /** Optional icon on the left side of the button */
     leftIcon?: string;
+    /** Optional icon on the right side of the button */
     rightIcon?: string;
+    /** Inverse button colors for dark backgrounds */
     inverse?: boolean;
 }
 export interface PvButtonWithTooltipProps extends PvButtonProps {
+    /** Text to show within the tooltip */
     tooltipText: string;
     tooltipVariant?: PvTooltipVariants;
     tooltipPosition?: PvTooltipPositions;
+    /** Delay in milliseconds before showing the tooltip */
     delay?: number;
 }

package/pv-components/dist/vue/base/components/base/PvCompanyLogo/types.d.ts

@@ -1,2 +1,2 @@
-import { PvSize } from '../baseProps.ts';
+import { PvSize } from '../baseProps';
 export type PvCompanyLogoSize = PvSize;

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

@@ -1,9 +1,13 @@
 import { Component, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PvCounterBadgeVariant } from '../../PvCounterBadge/types';
 export interface PvMenuCheckboxItem {
     id: string;
     text: string;
     subText?: string;
-    secondaryText?: string | number;
+    /** Value of the secondary text which appears on the menu item. Number shows up as a counter badge, string shows up as plain text */
+    secondaryText?: number | string;
+    /** Variant of the counter badge which appears on the menu item */
+    counterBadgeVariant?: PvCounterBadgeVariant;
     value?: boolean;
     disabled?: boolean;
     renderer?: Component;

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

@@ -1,9 +1,13 @@
 import { Component, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PvCounterBadgeVariant } from '../../PvCounterBadge/types';
 export interface PvMenuItemProps {
     id: string;
     text: string;
     subText?: string;
-    secondaryText?: string | number;
+    /** Value of the secondary text which appears on the menu item. Number shows up as a counter badge, string shows up as plain text */
+    secondaryText?: number | string;
+    /** Variant of the counter badge which appears on the menu item */
+    counterBadgeVariant?: PvCounterBadgeVariant;
     icon?: string;
     companyName?: string;
     avatar?: {

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

@@ -1,8 +1,12 @@
+import { PvCounterBadgeVariant } from '../../PvCounterBadge/types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 export interface PvMenuRadioItem {
     text: string;
     subText?: string;
-    secondaryText?: string | number;
+    /** Value of the secondary text which appears on the menu item. Number shows up as a counter badge, string shows up as plain text */
+    secondaryText?: number | string;
+    /** Variant of the counter badge which appears on the menu item */
+    counterBadgeVariant?: PvCounterBadgeVariant;
     value?: boolean;
 }
 declare const _default: DefineComponent<PvMenuRadioItem, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {

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

@@ -1,6 +1,6 @@
 import { CSSProperties, nextTick, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, Ref, GlobalComponents, GlobalDirectives, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, DebuggerEvent, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, ShallowRef, VNodeRef, VNode } from 'vue';
 import { PvSelectButtonSize, PvSelectButtonVariant } from './types';
-import { MenuOption, MenuOptionsVariant } from '../../../types.ts';
+import { MenuOption, MenuOptionsVariant } from '../../../types';
 import { PvSelectButtonTrigger } from '../PvSelectButton/PvSelectButtonTrigger/PvSelectButtonTrigger.vue';
 import { PvPopoverProps } from '../PvPopover/PvPopover.vue';
 import { OnCleanup } from '@vue/reactivity';

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

@@ -1,4 +1,4 @@
-import { MenuOption, MenuOptionsVariant } from '../../../types.ts';
+import { MenuOption, MenuOptionsVariant } from '../../../types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 interface PvMenuSelectMenuItem {
     optionsVariant?: Exclude<MenuOptionsVariant, "radio">;

package/pv-components/dist/vue/base/components/base/PvPill/types.d.ts

@@ -1,4 +1,4 @@
-import { PvColorVariants, PvSize } from '../baseProps.ts';
+import { PvColorVariants, PvSize } from '../baseProps';
 export type PillSize = Extract<PvSize, "md" | "lg" | "sm">;
 export type PillVariant = Extract<PvColorVariants, "default" | "success" | "warning" | "critical" | "highlight">;
 export type PillDotVariant = "green" | "orange" | "yellow" | "red";

package/pv-components/dist/vue/base/components/base/PvQueryBuilderInput/useQueryBuilder.d.ts

@@ -1,4 +1,4 @@
-import { MenuOption } from '../../../types.ts';
+import { MenuOption } from '../../../types';
 export type QueryBuilderProcessor = "full" | "field-only";
 export interface QueryBuilderOutput {
     queryTerms: QueryTerm[];

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

@@ -1,6 +1,7 @@
 import { CSSProperties, nextTick, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, Ref, GlobalComponents, GlobalDirectives, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, DebuggerEvent, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
 import { PvSelectButtonSize, PvSelectButtonVariant } from './types';
-import { MenuOption, MenuOptionsVariant } from '../../../types.ts';
+import { MenuOption, MenuOptionsVariant } from '../../../types';
+import { PvCounterBadgeVariant } from '../PvCounterBadge/types';
 import { PvSelectButtonTrigger } from './PvSelectButtonTrigger/PvSelectButtonTrigger.vue';
 import { PvSelectButtonSize, PvSelectButtonVariant } from '../PvMultiSelectButton/types';
 import { PvPopoverProps } from '../PvPopover/PvPopover.vue';
@@ -24,6 +25,9 @@ export interface PvSelectButton {
     options: MenuOption[];
     useTeleport?: boolean;
     allowDeselect?: boolean;
+    counterPosition?: "left" | "right";
+    /** Variant of the counter badge which appears on the button and menu items */
+    counterBadgeVariant?: PvCounterBadgeVariant;
 }
 declare const _default: DefineComponent<{
     modelValue?: MenuOption;

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

@@ -1,4 +1,5 @@
-import { PvSelectButtonSize, PvSelectButtonVariant } from '../../PvMultiSelectButton/types.ts';
+import { PvSelectButtonSize, PvSelectButtonVariant } from '../../PvMultiSelectButton/types';
+import { PvCounterBadgeVariant } from '../../PvCounterBadge/types';
 import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 export interface PvSelectButtonTrigger {
     variant?: PvSelectButtonVariant;
@@ -6,6 +7,7 @@ export interface PvSelectButtonTrigger {
     disabled?: boolean;
     counterPosition?: "left" | "right" | "none";
     counterValue?: number;
+    counterBadgeVariant?: PvCounterBadgeVariant;
     prefixLabel?: string;
     label?: string;
     icon?: string;

package/pv-components/dist/vue/base/components/base/PvTag/types.d.ts

@@ -1,3 +1,3 @@
-import { PvSize, PvVariants } from '../baseProps.ts';
+import { PvSize, PvVariants } from '../baseProps';
 export type TagSize = Extract<PvSize, "sm" | "md" | "lg">;
 export type TagVariant = Extract<PvVariants, "primary" | "tertiary">;