@turquoisehealth/pit-viper 2.61.1-dev.1 → 2.62.1-dev.0

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

@@ -2956,6 +2956,13 @@
   top: 100%;
   bottom: -4px;
 }
+.pv-v2 .pv-tooltip[data-position=center-left]:after,
+.pv-v2 .pv-hover-card[data-position=center-left]:after {
+  left: -4px;
+  right: 100%;
+  top: 0;
+  bottom: 0;
+}
 .pv-v2 .pv-tooltip[data-position=center-right]:after,
 .pv-v2 .pv-hover-card[data-position=center-right]:after {
   left: 100%;
@@ -2963,6 +2970,12 @@
   top: 0;
   bottom: 0;
 }
+.pv-v2 .pv-tooltip[data-position=center-left] > [role=tooltip],
+.pv-v2 .pv-hover-card[data-position=center-left] > [role=tooltip] {
+  left: unset;
+  top: 0;
+  right: calc(100% + 0.25rem);
+}
 .pv-v2 .pv-tooltip[data-position=center-right] > [role=tooltip],
 .pv-v2 .pv-hover-card[data-position=center-right] > [role=tooltip] {
   top: 0;

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

@@ -3206,6 +3206,13 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   top: 100%;
   bottom: -4px;
 }
+.pv-tooltip[data-position=center-left]:after,
+.pv-hover-card[data-position=center-left]:after {
+  left: -4px;
+  right: 100%;
+  top: 0;
+  bottom: 0;
+}
 .pv-tooltip[data-position=center-right]:after,
 .pv-hover-card[data-position=center-right]:after {
   left: 100%;
@@ -3213,6 +3220,12 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   top: 0;
   bottom: 0;
 }
+.pv-tooltip[data-position=center-left] > [role=tooltip],
+.pv-hover-card[data-position=center-left] > [role=tooltip] {
+  left: unset;
+  top: 0;
+  right: calc(100% + 0.25rem);
+}
 .pv-tooltip[data-position=center-right] > [role=tooltip],
 .pv-hover-card[data-position=center-right] > [role=tooltip] {
   top: 0;

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

@@ -3211,6 +3211,13 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   top: 100%;
   bottom: -4px;
 }
+.pv-tooltip[data-position=center-left]:after,
+.pv-hover-card[data-position=center-left]:after {
+  left: -4px;
+  right: 100%;
+  top: 0;
+  bottom: 0;
+}
 .pv-tooltip[data-position=center-right]:after,
 .pv-hover-card[data-position=center-right]:after {
   left: 100%;
@@ -3218,6 +3225,12 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   top: 0;
   bottom: 0;
 }
+.pv-tooltip[data-position=center-left] > [role=tooltip],
+.pv-hover-card[data-position=center-left] > [role=tooltip] {
+  left: unset;
+  top: 0;
+  right: calc(100% + 0.25rem);
+}
 .pv-tooltip[data-position=center-right] > [role=tooltip],
 .pv-hover-card[data-position=center-right] > [role=tooltip] {
   top: 0;

package/package.json

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

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

@@ -75,10 +75,24 @@ id: string;
 
 declare const __VLS_component_8: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+declare const __VLS_component_9: DefineComponent<__VLS_Props_11, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_11> & Readonly<{}>, {
+size: PvExpandableContentSizes;
+variant: PvExpandableContentVariants;
+defaultOpen: boolean;
+lines: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
 declare type __VLS_Props = PvSearchInputProps;
 
 declare type __VLS_Props_10 = PvSwitchProps;
 
+declare type __VLS_Props_11 = {
+    lines?: number;
+    size?: PvExpandableContentSizes;
+    variant?: PvExpandableContentVariants;
+    defaultOpen?: boolean;
+};
+
 declare type __VLS_Props_2 = PvDatePickerProps;
 
 declare type __VLS_Props_3 = PvTabsProps;
@@ -213,6 +227,15 @@ declare function __VLS_template_8(): {
     rootEl: any;
 };
 
+declare function __VLS_template_9(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
 declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
@@ -229,6 +252,8 @@ declare type __VLS_TemplateResult_7 = ReturnType<typeof __VLS_template_7>;
 
 declare type __VLS_TemplateResult_8 = ReturnType<typeof __VLS_template_8>;
 
+declare type __VLS_TemplateResult_9 = ReturnType<typeof __VLS_template_9>;
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
@@ -259,6 +284,12 @@ declare type __VLS_WithTemplateSlots_13<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_14<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     new (): {
         $slots: S;
@@ -820,6 +851,12 @@ declare interface PvDropdownProps {
     teleportLocation?: string;
 }
 
+export declare const PvExpandableContent: __VLS_WithTemplateSlots_14<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
+
+declare type PvExpandableContentSizes = Extract<PvSize, "none" | "xs" | "sm" | "md" | "lg"> | "none";
+
+declare type PvExpandableContentVariants = Extract<PvVariants, "primary" | "ghost">;
+
 export declare const PvGhostInput: __VLS_WithTemplateSlots_11<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
 
 declare interface PvGhostInputProps {
@@ -1844,7 +1881,7 @@ declare type PvToggleButtonVariant = Extract<PvVariants, "secondary" | "tertiary
 
 export declare const PvTooltip: __VLS_WithTemplateSlots_7<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
 
-declare type PvTooltipPositions = "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right" | "center-right";
+declare type PvTooltipPositions = "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right" | "center-left" | "center-right";
 
 declare interface PvTooltipProps {
     variant?: PvTooltipVariants;