@turquoisehealth/pit-viper 2.62.0 → 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.62.0",
+  "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

@@ -1881,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;

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

@@ -270,6 +270,10 @@ declare interface PvDataTableProps<T> {
      * DOM location to use for relocating the filter panel
      */
     filterTeleportLocation?: string;
+    /**
+     * List of column fields that can be focused
+     */
+    focusableColumns?: string[];
 }
 
 export declare const PvDataTableWithChart: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
@@ -319,7 +323,6 @@ declare interface PvDataTableWithChartProps<T> extends PvDataTableProps<T> {
     chartFilter?: ChartFilter;
     chartType?: supportedChartType;
     yKey?: string;
-    focusCategory?: string;
     hideChart?: boolean;
     hideTable?: boolean;
     filterPanelAboveChart?: boolean;
@@ -329,6 +332,7 @@ declare interface PvDataTableWithChartProps<T> extends PvDataTableProps<T> {
         focusType: string | null;
     };
     percentOfFocusViewYKey?: string;
+    focusableColumns?: string[];
 }
 
 export declare const PvMapChart: DefineComponent<    {