@turquoisehealth/pit-viper 2.4.0 → 2.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turquoisehealth/pit-viper",
-  "version": "2.4.0",
+  "version": "2.5.0",
   "description": "Turquoise Health's design system.",
   "main": "README.md",
   "publishConfig": {

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

@@ -6,6 +6,7 @@ import { ComponentOptionsBase } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { ComponentPublicInstance } from 'vue';
+import { CSSProperties } from 'vue';
 import { DebuggerEvent } from 'vue';
 import { DefineComponent } from 'vue';
 import { GlobalComponents } from 'vue';
@@ -62,14 +63,6 @@ declare interface OptionWithIcon extends Option_2 {
     iconPosition: "left" | "right";
 }
 
-declare type PopoverCssCustomProperties = Partial<_PopoverCssCustomProperties>;
-
-declare interface _PopoverCssCustomProperties {
-    width: string;
-    height: string;
-    position: string;
-}
-
 declare interface PvBadgeProps {
     value?: number;
     prefix?: string;
@@ -144,20 +137,33 @@ closeDropdown: () => void;
 "onList-order-updated"?: ((value: string[]) => any) | undefined;
 "onDropdown-open"?: (() => any) | undefined;
 "onDropdown-closed"?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
+}>, {
+disabled: boolean;
+alignment: "top" | "right" | "top right";
+isList: boolean;
+defaultOpen: boolean;
+isLoading: boolean;
+useTeleport: boolean;
+teleportLocation: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+triggerRef: HTMLButtonElement;
+popoverRef: HTMLDivElement;
+}, HTMLDivElement>, {
     trigger?(_: {}): any;
     default?(_: {}): any;
 }>;
 
 declare interface PvDropdownProps {
     defaultOpen?: boolean;
-    popoverCssProperties?: PopoverCssCustomProperties;
-    alignment?: "top" | "right";
+    popoverCssProperties?: CSSProperties;
+    alignment?: "top" | "right" | "top right" | undefined;
     isList?: boolean;
     isSortable?: boolean;
     icon?: boolean;
     disabled?: boolean;
     isLoading?: boolean;
+    useTeleport?: boolean;
+    teleportLocation?: string;
 }
 
 export declare const PvIcon: DefineComponent<    {
@@ -177,8 +183,8 @@ export declare const PvPopover: __VLS_WithTemplateSlots_3<DefineComponent<PvPopo
 }, string, PublicProps, Readonly<PvPopoverProps> & Readonly<{
 "onList-order-updated"?: ((value: string[]) => any) | undefined;
 }>, {
-alignment: "top" | "right";
-cssCustomProperties: Partial<PopoverCssCustomProperties>;
+alignment: "top" | "right" | "top right";
+cssCustomProperties: CSSProperties;
 isList: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 popoverList: HTMLUListElement;
@@ -188,8 +194,8 @@ popoverList: HTMLUListElement;
 }>;
 
 declare interface PvPopoverProps {
-    alignment?: "top" | "right";
-    cssCustomProperties?: Partial<PopoverCssCustomProperties>;
+    alignment?: "top" | "right" | "top right" | undefined;
+    cssCustomProperties?: CSSProperties;
     isList?: boolean;
     isSortable?: boolean;
 }
@@ -231,13 +237,15 @@ $: ComponentInternalInstance;
 $data: {};
 $props: {
 readonly defaultOpen?: boolean | undefined;
-readonly popoverCssProperties?: PopoverCssCustomProperties | undefined;
-readonly alignment?: "top" | "right" | undefined;
+readonly popoverCssProperties?: CSSProperties | undefined;
+readonly alignment?: "top" | "right" | "top right" | undefined | undefined;
 readonly isList?: boolean | undefined;
 readonly isSortable?: boolean | undefined;
 readonly icon?: boolean | undefined;
 readonly disabled?: boolean | undefined;
 readonly isLoading?: boolean | undefined;
+readonly useTeleport?: boolean | undefined;
+readonly teleportLocation?: string | undefined;
 readonly "onList-order-updated"?: ((value: string[]) => any) | undefined;
 readonly "onDropdown-open"?: (() => any) | undefined;
 readonly "onDropdown-closed"?: (() => any) | undefined;
@@ -247,6 +255,9 @@ $attrs: {
 };
 $refs: {
 [x: string]: unknown;
+} & {
+triggerRef: HTMLButtonElement;
+popoverRef: HTMLDivElement;
 };
 $slots: Readonly<{
 [name: string]: Slot<any> | undefined;
@@ -266,7 +277,15 @@ closeDropdown: () => void;
 "list-order-updated": (value: string[]) => any;
 "dropdown-open": () => any;
 "dropdown-closed": () => any;
-}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+}, string, {
+disabled: boolean;
+alignment: "top" | "right" | "top right";
+isList: boolean;
+defaultOpen: boolean;
+isLoading: boolean;
+useTeleport: boolean;
+teleportLocation: string;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
 beforeCreate?: (() => void) | (() => void)[];
 created?: (() => void) | (() => void)[];
 beforeMount?: (() => void) | (() => void)[];
@@ -286,11 +305,19 @@ errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info:
 $forceUpdate: () => void;
 $nextTick: nextTick;
 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
-} & Readonly<{}> & Omit<Readonly<PvDropdownProps> & Readonly<{
+} & Readonly<{
+disabled: boolean;
+alignment: "top" | "right" | "top right";
+isList: boolean;
+defaultOpen: boolean;
+isLoading: boolean;
+useTeleport: boolean;
+teleportLocation: string;
+}> & Omit<Readonly<PvDropdownProps> & Readonly<{
 "onList-order-updated"?: ((value: string[]) => any) | undefined;
 "onDropdown-open"?: (() => any) | undefined;
 "onDropdown-closed"?: (() => any) | undefined;
-}>, "closeDropdown"> & ShallowUnwrapRef<    {
+}>, "closeDropdown" | ("disabled" | "alignment" | "isList" | "defaultOpen" | "isLoading" | "useTeleport" | "teleportLocation")> & ShallowUnwrapRef<    {
 closeDropdown: () => void;
 }> & {} & ComponentCustomProperties & {} & {
 $slots: {