@turquoisehealth/pit-viper 2.96.0 → 2.96.1-dev.1

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

@@ -3073,6 +3073,39 @@
   color: #121313;
   padding: 1rem;
 }
+.pv-v2 .pv-tooltip-v2-content {
+  --max-width: 320px;
+  max-width: var(--max-width);
+  width: max-content;
+  padding: 0.5rem;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  font-size: 0.6875rem;
+  line-height: 1.45454545;
+  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
+  background-color: #242626;
+  color: #FFFFFF;
+}
+.pv-v2 .pv-tooltip-v2-content-small {
+  padding: 0.25rem 0.5rem;
+  font-size: 12px;
+}
+.pv-v2 .pv-tooltip[data-style=white] .pv-tooltip-v2-content {
+  background-color: white;
+  color: #121313;
+  border-color: #E3E7EA;
+}
+.pv-v2 .pv-tooltip[data-style=white] .pv-tooltip-v2-content a {
+  color: #16696D;
+}
+.pv-v2 .pv-tooltip[data-style=dark] .pv-tooltip-v2-content {
+  background-color: #242626;
+  color: #FFFFFF;
+  border-color: transparent;
+}
+.pv-v2 .pv-tooltip[data-style=dark] .pv-tooltip-v2-content a {
+  color: #E4F8F6;
+}
 .pv-v2 [class*=pv-accordion] summary,
 .pv-v2 .pv-details summary {
   list-style: none;

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

@@ -3333,6 +3333,43 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   padding: 1rem;
 }
 
+.pv-tooltip-v2-content {
+  --max-width: 320px;
+  max-width: var(--max-width);
+  width: max-content;
+  padding: 0.5rem;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  font-size: 0.6875rem;
+  line-height: 1.45454545;
+  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
+  background-color: #242626;
+  color: #FFFFFF;
+}
+
+.pv-tooltip-v2-content-small {
+  padding: 0.25rem 0.5rem;
+  font-size: 12px;
+}
+
+.pv-tooltip[data-style=white] .pv-tooltip-v2-content {
+  background-color: white;
+  color: #121313;
+  border-color: #E3E7EA;
+}
+.pv-tooltip[data-style=white] .pv-tooltip-v2-content a {
+  color: #16696D;
+}
+
+.pv-tooltip[data-style=dark] .pv-tooltip-v2-content {
+  background-color: #242626;
+  color: #FFFFFF;
+  border-color: transparent;
+}
+.pv-tooltip[data-style=dark] .pv-tooltip-v2-content a {
+  color: #E4F8F6;
+}
+
 [class*=pv-accordion] summary,
 .pv-details summary {
   list-style: none;

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

@@ -3338,6 +3338,43 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   padding: 1rem;
 }
 
+.pv-tooltip-v2-content {
+  --max-width: 320px;
+  max-width: var(--max-width);
+  width: max-content;
+  padding: 0.5rem 0.75rem;
+  border: 1px solid transparent;
+  border-radius: 0.25rem;
+  font-size: 0.875rem;
+  line-height: 1.42857143;
+  box-shadow: 0px 12px 16px 0px rgba(0, 0, 0, 0.1), 0px 8px 12px -4px rgba(0, 0, 0, 0.08), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
+  background-color: #011214;
+  color: #FFFFFF;
+}
+
+.pv-tooltip-v2-content-small {
+  padding: 0.5rem 0.25rem;
+  font-size: 12px;
+}
+
+.pv-tooltip[data-style=white] .pv-tooltip-v2-content {
+  background-color: white;
+  color: #02363D;
+  border-color: #DCDFE4;
+}
+.pv-tooltip[data-style=white] .pv-tooltip-v2-content a {
+  color: #176F6F;
+}
+
+.pv-tooltip[data-style=dark] .pv-tooltip-v2-content {
+  background-color: #011214;
+  color: #FFFFFF;
+  border-color: transparent;
+}
+.pv-tooltip[data-style=dark] .pv-tooltip-v2-content a {
+  color: #A8E6E1;
+}
+
 [class*=pv-accordion] summary,
 .pv-details summary {
   list-style: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turquoisehealth/pit-viper",
-  "version": "2.96.0",
+  "version": "2.96.1-dev.1",
   "description": "Turquoise Health's design system.",
   "main": "README.md",
   "publishConfig": {
@@ -22,7 +22,7 @@
     "pv-components/dist"
   ],
   "engines": {
-    "node": ">=20"
+    "node": ">=20.0.0"
   },
   "exports": {
     "./components": {

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

@@ -0,0 +1,48 @@
+import { PvPopoverV2Props } from './types.ts';
+import { PvAlignmentPositions } from '../baseProps.ts';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { Strategy } from '@floating-ui/utils';
+type __VLS_Props = PvPopoverV2Props;
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {}): any;
+        content?(_: {}): any;
+    };
+    refs: {
+        triggerWrapper: HTMLDivElement;
+        floating: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    delay: number;
+    useTeleport: boolean;
+    teleportLocation: string;
+    position: PvAlignmentPositions;
+    disableAutoPlacement: boolean;
+    allowedAutoPlacements: PvAlignmentPositions[];
+    positioningStrategy: Strategy;
+    showOnHover: boolean;
+    disableInteractive: boolean;
+    disableClickOutsideToClose: boolean;
+    zIndex: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    triggerWrapper: HTMLDivElement;
+    floating: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,15 @@
+import { Strategy } from '@floating-ui/vue';
+import { PvAlignmentPositions } from '../baseProps.ts';
+export interface PvPopoverV2Props {
+    disableAutoPlacement?: boolean;
+    allowedAutoPlacements?: PvAlignmentPositions[];
+    position?: PvAlignmentPositions;
+    positioningStrategy?: Strategy;
+    showOnHover?: boolean;
+    disableInteractive?: boolean;
+    useTeleport?: boolean;
+    disableClickOutsideToClose?: boolean;
+    delay?: number;
+    zIndex?: number;
+    teleportLocation?: string;
+}

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

@@ -0,0 +1,12 @@
+import { PvToggleGroupOption, PvToggleGroupProps } from './types.ts';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = PvToggleGroupProps;
+type __VLS_PublicProps = {
+    modelValue?: PvToggleGroupOption | null;
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: PvToggleGroupOption | null) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: PvToggleGroupOption | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,12 @@
+export interface PvToggleGroupOption {
+    label: string;
+    value: string;
+    icon?: string;
+    disabled?: boolean;
+}
+export interface PvToggleGroupProps {
+    disabled?: boolean;
+    allowDeselect?: boolean;
+    hideLabels?: boolean;
+    options?: PvToggleGroupOption[];
+}

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

@@ -0,0 +1,28 @@
+import { PvTooltipV2Props, PvTooltipSize, PvTooltipVariants } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PvAlignmentPositions } from '../baseProps';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {}): any;
+        content?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<PvTooltipV2Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PvTooltipV2Props> & Readonly<{}>, {
+    delay: number;
+    size: PvTooltipSize;
+    variant: PvTooltipVariants;
+    position: PvAlignmentPositions;
+    showOnHover: boolean;
+    disableInteractive: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,10 @@
+import { PvSize } from '../baseProps';
+import { PvPopoverV2Props } from '../PvPopoverV2/types.ts';
+export type PvTooltipVariants = "white" | "dark";
+export type PvTooltipSize = Extract<PvSize, "sm" | "md">;
+export interface PvTooltipV2Props extends PvPopoverV2Props {
+    variant?: PvTooltipVariants;
+    label?: string;
+    description?: string;
+    size?: PvTooltipSize;
+}

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

@@ -13,3 +13,4 @@ export type PvTextInputColors = (typeof PvTextInputColors)[number];
 export declare const sizeMap: Record<PvSize, string>;
 export declare const PvIconSizes: readonly [undefined, 10, 12, 20, 24, 32, 64];
 export type PvIconSize = (typeof PvIconSizes)[number];
+export type PvAlignmentPositions = "bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right" | "center-left" | "center-right";

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

@@ -7,6 +7,7 @@ export { default as PvPill } from './PvPill/PvPill.vue';
 export { default as PvDropdown } from './PvDropdown/PvDropdown.vue';
 export { default as PvIcon } from './PvIcon/PvIcon.vue';
 export { default as PvPopover } from './PvPopover/PvPopover.vue';
+export { default as PvPopoverV2 } from './PvPopoverV2/PvPopoverV2.vue';
 export { default as PvSegmentedControl } from './PvSegmentedControl/PvSegmentedControl.vue';
 export { default as PvTabList } from './PvTabList/PvTabList.vue';
 export { default as PvCompanyLogo } from './PvCompanyLogo/PvCompanyLogo.vue';
@@ -20,6 +21,7 @@ export { default as PvDatePicker } from './PvDatePicker/PvDatePicker.vue';
 export { default as PvDateTime } from './PvDateTime/PvDateTime.vue';
 export { default as PvDrawer } from './PvDrawer/PvDrawer.vue';
 export { default as PvTooltip } from './PvTooltip/PvTooltip.vue';
+export { default as PvTooltipV2 } from './PvTooltipV2/PvTooltipV2.vue';
 export { default as PvTabs } from './PvTabs/PvTabs.vue';
 export { default as PvBreadcrumbs } from './PvBreadcrumbs/PvBreadcrumbs.vue';
 export { default as PvMultiSelectButton } from './PvMultiSelectButton/PvMultiSelectButton.vue';
@@ -32,6 +34,7 @@ export { default as PvCompanyLabel } from './PvCompanyLabel/PvCompanyLabel.vue';
 export { default as PvAvatar } from './PvAvatar/PvAvatar.vue';
 export { default as PvAvatarGroup } from './PvAvatarGroup/PvAvatarGroup.vue';
 export { default as PvToggleButton } from './PvToggleButton/PvToggleButton.vue';
+export { default as PvToggleGroup } from './PvToggleGroup/PvToggleGroup.vue';
 export { default as PvCheckbox } from './PvCheckbox/PvCheckbox.vue';
 export { default as PvSprite } from './PvSprite/PvSprite.vue';
 export { default as PvSkeleton } from './PvSkeleton/PvSkeleton.vue';