@turquoisehealth/pit-viper 2.47.0 → 2.48.1

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

@@ -488,9 +488,11 @@
   color: var(--button-tertiary-color, #121313);
 }
 .pv-v2 .pv-button-tertiary:not(:disabled):hover, .pv-v2 .pv-button-tertiary:not(:disabled):focus-visible {
+  color: var(--button-tertiary-hover-color, #121313);
   background-color: var(--button-tertiary-hover-background-color, #E8F2F4);
 }
 .pv-v2 .pv-button-tertiary:not(:disabled):active {
+  background-color: var(--button-tertiary-pressed-color, #121313);
   background-color: var(--button-tertiary-pressed-background-color, #C7D8DB);
 }
 .pv-v2 .pv-button-destructive {
@@ -1253,6 +1255,9 @@
   border-radius: var(--selectable-label-small-radius, 4px);
   padding: var(--selectable-label-small-padding, 0.5rem);
 }
+.pv-v2 .pv-label-selectable-highlight:has(:checked) {
+  background-color: var(--selectable-label-background-color-highlight, #E4F8F6);
+}
 .pv-v2 .pv-input-small {
   padding: var(--text-input-small-padding, calc(0.25rem - 1px) 0.5rem);
 }

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

@@ -551,9 +551,11 @@
   color: var(--button-tertiary-color, #121313);
 }
 .pv-button-tertiary:not(:disabled):hover, .pv-button-tertiary:not(:disabled):focus-visible {
+  color: var(--button-tertiary-hover-color, #121313);
   background-color: var(--button-tertiary-hover-background-color, #E8F2F4);
 }
 .pv-button-tertiary:not(:disabled):active {
+  background-color: var(--button-tertiary-pressed-color, #121313);
   background-color: var(--button-tertiary-pressed-background-color, #C7D8DB);
 }
 
@@ -1358,6 +1360,10 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
   padding: var(--selectable-label-small-padding, 0.5rem);
 }
 
+.pv-label-selectable-highlight:has(:checked) {
+  background-color: var(--selectable-label-background-color-highlight, #E4F8F6);
+}
+
 .pv-input-small {
   padding: var(--text-input-small-padding, calc(0.25rem - 1px) 0.5rem);
 }

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

@@ -556,9 +556,11 @@
   color: var(--button-tertiary-color, #02363D);
 }
 .pv-button-tertiary:not(:disabled):hover, .pv-button-tertiary:not(:disabled):focus-visible {
+  color: var(--button-tertiary-hover-color, #02363D);
   background-color: var(--button-tertiary-hover-background-color, #6FD6CE);
 }
 .pv-button-tertiary:not(:disabled):active {
+  background-color: var(--button-tertiary-pressed-color, #02363D);
   background-color: var(--button-tertiary-pressed-background-color, #6FD6CE);
 }
 
@@ -1363,6 +1365,10 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
   padding: var(--selectable-label-small-padding, 0.75rem 1.5rem);
 }
 
+.pv-label-selectable-highlight:has(:checked) {
+  background-color: var(--selectable-label-background-color-highlight, #E4F8F6);
+}
+
 .pv-input-small {
   padding: var(--text-input-small-padding, 0.25rem 0.5rem);
 }

package/package.json

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

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

@@ -38,6 +38,22 @@ tooltipPosition: PvTooltipPositions;
 ariaLabelledBy: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
+declare const __VLS_component_4: DefineComponent<__VLS_PublicProps_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: string | boolean) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps_6> & Readonly<{
+"onUpdate:modelValue"?: ((value: string | boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
+
+declare const __VLS_component_5: DefineComponent<PvSidePanelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PvSidePanelProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare const __VLS_component_6: DefineComponent<__VLS_PublicProps_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: string) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps_7> & Readonly<{
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+variant: PvGhostInputVariant;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
 declare type __VLS_Props = PvSelectProps;
 
 declare type __VLS_Props_2 = PvSearchInputProps;
@@ -48,6 +64,10 @@ declare type __VLS_Props_4 = PvTabsProps;
 
 declare type __VLS_Props_5 = PvPaginationProps;
 
+declare type __VLS_Props_6 = PvSelectableCardProps;
+
+declare type __VLS_Props_7 = PvGhostInputProps;
+
 declare type __VLS_PublicProps = {
     modelValue?: string;
 } & __VLS_Props;
@@ -68,6 +88,14 @@ declare type __VLS_PublicProps_5 = {
     modelValue: number;
 } & __VLS_Props_5;
 
+declare type __VLS_PublicProps_6 = {
+    modelValue?: boolean | string;
+} & __VLS_Props_6;
+
+declare type __VLS_PublicProps_7 = {
+    modelValue?: string;
+} & __VLS_Props_7;
+
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -96,18 +124,65 @@ declare function __VLS_template_3(): {
     rootEl: HTMLDivElement;
 };
 
+declare function __VLS_template_4(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLLabelElement;
+};
+
+declare function __VLS_template_5(): {
+    attrs: Partial<{}>;
+    slots: {
+        'left-sidebar'?(_: {}): any;
+        main?(_: {}): any;
+        'right-sidebar'?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_6(): {
+    attrs: Partial<{}>;
+    slots: {
+        action?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
 declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
 declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
 
+declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
+
+declare type __VLS_TemplateResult_5 = ReturnType<typeof __VLS_template_5>;
+
+declare type __VLS_TemplateResult_6 = ReturnType<typeof __VLS_template_6>;
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
 
+declare type __VLS_WithTemplateSlots_10<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_11<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     new (): {
         $slots: S;
@@ -150,6 +225,12 @@ declare type __VLS_WithTemplateSlots_8<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_9<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type BannerOrientations = `${BannerOrientationsEnum}`;
 
 declare enum BannerOrientationsEnum {
@@ -617,6 +698,17 @@ declare interface PvDropdownProps {
     teleportLocation?: string;
 }
 
+export declare const PvGhostInput: __VLS_WithTemplateSlots_11<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
+
+declare interface PvGhostInputProps {
+    variant?: PvGhostInputVariant;
+    placeholder?: string;
+    disabled?: boolean;
+    showEditIcon?: boolean;
+}
+
+declare type PvGhostInputVariant = PvInputVariants;
+
 export declare const PvIcon: DefineComponent<    {
 name: string;
 size?: PvIconSize;
@@ -629,6 +721,10 @@ declare type PvIconSize = (typeof PvIconSizes)[number];
 
 declare const PvIconSizes: readonly [undefined, 10, 12, 20, 24, 32, 64];
 
+declare const PvInputVariants: readonly ["h1", "h2", "h3", "h4", "text-md", "text-sm", "text-lg", "caption"];
+
+declare type PvInputVariants = (typeof PvInputVariants)[number];
+
 export declare const PvModal: __VLS_WithTemplateSlots_4<DefineComponent<    {
 modelValue: boolean;
 } & ModalProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -1164,6 +1260,15 @@ default?(_: {}): any;
 }) | null;
 }, HTMLDivElement>;
 
+export declare const PvSelectableCard: __VLS_WithTemplateSlots_9<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
+
+declare interface PvSelectableCardProps {
+    variant?: "default" | "highlight";
+    value?: string;
+    id?: string;
+    deselect?: boolean;
+}
+
 export declare const PvSelectButton: DefineComponent<    {
 modelValue?: MenuOption_2;
 searchInput?: string;
@@ -1189,6 +1294,7 @@ useTeleport: boolean;
 teleportLocation: string;
 showSearchInput: boolean;
 optionsVariant: MenuOptionsVariant_2;
+allowDeselect: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 'select-button-trigger-ref': CreateComponentPublicInstanceWithMixins<Readonly<PvSelectButtonTrigger> & Readonly<{
 "onHandle-toggle-dropdown"?: (() => any) | undefined;
@@ -1374,14 +1480,14 @@ declare interface PvSelectButton_2 {
     size?: PvSelectButtonSize_2;
     alignment?: "top" | "right" | "top right" | undefined;
     popoverCssProperties?: CSSProperties;
+    prefixLabel?: string;
     label?: string;
-    icon?: string;
-    companyLogo?: string;
     showMenuAction?: boolean;
     showSearchInput?: boolean;
     optionsVariant?: MenuOptionsVariant_2;
     options: MenuOption_2[];
     useTeleport?: boolean;
+    allowDeselect?: boolean;
 }
 
 declare type PvSelectButtonSize = Extract<PvSize, "lg" | "xl">;
@@ -1394,12 +1500,14 @@ declare interface PvSelectButtonTrigger {
     disabled?: boolean;
     counterPosition?: "left" | "right";
     counterValue?: number;
+    prefixLabel?: string;
     label?: string;
     icon?: string;
     companyLogo?: string;
     showClear?: boolean;
     showDropdown?: boolean;
     open: boolean;
+    isLoading?: boolean;
 }
 
 declare type PvSelectButtonVariant = Extract<PvVariants, "secondary" | "ghost">;
@@ -1421,6 +1529,13 @@ declare interface PvSelectProps {
     triggerCssProperties?: CSSProperties;
 }
 
+export declare const PvSidePanel: __VLS_WithTemplateSlots_10<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
+
+declare interface PvSidePanelProps {
+    showLeftSidebar?: boolean;
+    showRightSidebar?: boolean;
+}
+
 declare type PvSize = (typeof PvSizes)[number];
 
 declare const PvSizes: readonly ["xs", "sm", "md", "lg", "xl", "2x"];