@turquoisehealth/pit-viper 2.51.0 → 2.52.0

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

@@ -1050,7 +1050,8 @@
 .pv-v2 .pv-radio:disabled {
   background-color: var(--checkbox-disabled-background-color, #ECECEC);
 }
-.pv-v2 .pv-checkbox:disabled:checked,
+.pv-v2 .pv-checkbox:disabled:indeterminate, .pv-v2 .pv-checkbox:disabled:checked,
+.pv-v2 .pv-radio:disabled:indeterminate,
 .pv-v2 .pv-radio:disabled:checked {
   background-color: var(--checkbox-checked-disabled-background-color, #ECECEC);
   border-color: var(--checkbox-checked-disabled-border-color, #ECECEC);

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

@@ -1145,7 +1145,8 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
 .pv-radio:disabled {
   background-color: var(--checkbox-disabled-background-color, #ECECEC);
 }
-.pv-checkbox:disabled:checked,
+.pv-checkbox:disabled:indeterminate, .pv-checkbox:disabled:checked,
+.pv-radio:disabled:indeterminate,
 .pv-radio:disabled:checked {
   background-color: var(--checkbox-checked-disabled-background-color, #ECECEC);
   border-color: var(--checkbox-checked-disabled-border-color, #ECECEC);

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

@@ -1150,7 +1150,8 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
 .pv-radio:disabled {
   background-color: var(--checkbox-disabled-background-color, #F3F4F6);
 }
-.pv-checkbox:disabled:checked,
+.pv-checkbox:disabled:indeterminate, .pv-checkbox:disabled:checked,
+.pv-radio:disabled:indeterminate,
 .pv-radio:disabled:checked {
   background-color: var(--checkbox-checked-disabled-background-color, #6E7784);
   border-color: var(--checkbox-checked-disabled-border-color, #6E7784);

package/package.json

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

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

@@ -67,6 +67,10 @@ declare type __VLS_Props_5 = PvSelectableCardProps;
 
 declare type __VLS_Props_6 = PvGhostInputProps;
 
+declare type __VLS_Props_7 = PvToggleButton_2;
+
+declare type __VLS_Props_8 = PvCheckboxProps;
+
 declare type __VLS_PublicProps = {
     modelValue: string;
 } & __VLS_Props;
@@ -91,6 +95,14 @@ declare type __VLS_PublicProps_6 = {
     modelValue?: string;
 } & __VLS_Props_6;
 
+declare type __VLS_PublicProps_7 = {
+    modelValue?: boolean | string;
+} & __VLS_Props_7;
+
+declare type __VLS_PublicProps_8 = {
+    modelValue?: boolean;
+} & __VLS_Props_8;
+
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -172,12 +184,6 @@ declare type __VLS_WithTemplateSlots_10<T, S> = T & {
     };
 };
 
-declare type __VLS_WithTemplateSlots_11<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-
 declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     new (): {
         $slots: S;
@@ -297,7 +303,7 @@ declare type PillSize = Extract<PvSize, "md" | "lg">;
 
 declare type PillVariant = Extract<PvColorVariants, "default" | "success" | "warning" | "critical" | "highlight">;
 
-export declare const PvAccordion: __VLS_WithTemplateSlots_6<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
+export declare const PvAccordion: __VLS_WithTemplateSlots_5<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
 
 declare interface PvAccordionProps {
     header: string;
@@ -335,7 +341,7 @@ declare interface PvBadgeProps {
     variant: "release-alpha" | "release-beta";
 }
 
-export declare const PvBanner: __VLS_WithTemplateSlots_5<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export declare const PvBanner: __VLS_WithTemplateSlots_4<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
 declare interface PvBannerProps {
     label: string;
@@ -382,6 +388,19 @@ declare type PvButtonSize = Extract<PvSize, "md" | "lg" | "xl">;
 
 declare type PvButtonVariant = Extract<PvVariants, "primary" | "secondary" | "ghost" | "destructive">;
 
+export declare const PvCheckbox: DefineComponent<__VLS_PublicProps_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: boolean) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps_8> & Readonly<{
+"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+'checkbox-ref': HTMLInputElement;
+}, HTMLInputElement>;
+
+declare interface PvCheckboxProps {
+    disabled?: boolean;
+    indeterminate?: boolean;
+}
+
 declare const PvColorVariants: readonly ["default", "success", "warning", "critical", "highlight"];
 
 declare type PvColorVariants = (typeof PvColorVariants)[number];
@@ -582,7 +601,7 @@ declare interface PvDateTimeProps {
     size?: DateTimeSize;
 }
 
-export declare const PvDrawer: __VLS_WithTemplateSlots_7<DefineComponent<    {
+export declare const PvDrawer: __VLS_WithTemplateSlots_6<DefineComponent<    {
 "search-input"?: string;
 modelValue: boolean;
 } & PvDrawer_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -720,7 +739,7 @@ declare interface PvDropdownProps {
     teleportLocation?: string;
 }
 
-export declare const PvGhostInput: __VLS_WithTemplateSlots_11<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
+export declare const PvGhostInput: __VLS_WithTemplateSlots_10<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
 
 declare interface PvGhostInputProps {
     variant?: PvGhostInputVariant;
@@ -747,7 +766,7 @@ declare const PvInputVariants: readonly ["h1", "h2", "h3", "h4", "text-md", "tex
 
 declare type PvInputVariants = (typeof PvInputVariants)[number];
 
-export declare const PvModal: __VLS_WithTemplateSlots_4<DefineComponent<    {
+export declare const PvModal: __VLS_WithTemplateSlots_3<DefineComponent<    {
 modelValue: boolean;
 } & ModalProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: boolean) => any;
@@ -1107,7 +1126,7 @@ declare interface PvSegmentedControlWithTextLabelProps extends PvSegmentedContro
     iconOnly?: false;
 }
 
-export declare const PvSelectableCard: __VLS_WithTemplateSlots_9<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
+export declare const PvSelectableCard: __VLS_WithTemplateSlots_8<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
 
 declare interface PvSelectableCardProps {
     variant?: "default" | "highlight";
@@ -1369,7 +1388,7 @@ declare interface PvSelectMenu {
     useTeleport?: boolean;
 }
 
-export declare const PvSidePanel: __VLS_WithTemplateSlots_10<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
+export declare const PvSidePanel: __VLS_WithTemplateSlots_9<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
 
 declare interface PvSidePanelProps {
     showLeftSidebar?: boolean;
@@ -1380,6 +1399,15 @@ declare type PvSize = (typeof PvSizes)[number];
 
 declare const PvSizes: readonly ["xs", "sm", "md", "lg", "xl", "2x"];
 
+export declare const PvSprite: DefineComponent<PvSpriteProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PvSpriteProps> & Readonly<{}>, {
+variant: "v1" | "v2";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare type PvSpriteProps = {
+    src: string;
+    variant?: "v1" | "v2";
+};
+
 export declare const PvSuggestionTag: DefineComponent<PvSuggestionTag_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "handle-click": (label: string) => any;
 }, string, PublicProps, Readonly<PvSuggestionTag_2> & Readonly<{
@@ -1472,41 +1500,35 @@ declare interface PvTagProps {
     rounded?: boolean;
 }
 
-export declare const PvToggle: __VLS_WithTemplateSlots_3<DefineComponent<    {
-modelValue?: boolean;
-} & {
-id?: string;
-name?: string;
-value?: string;
-inputType?: "checkbox" | "radio";
-round?: boolean;
-disabled?: boolean;
-variant?: PvToggleVariant;
-}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (value: boolean) => any;
-}, string, PublicProps, Readonly<{
-modelValue?: boolean;
-} & {
-id?: string;
-name?: string;
-value?: string;
-inputType?: "checkbox" | "radio";
-round?: boolean;
-disabled?: boolean;
-variant?: PvToggleVariant;
-}> & Readonly<{
-"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
-inputRef: HTMLInputElement;
-}, HTMLLabelElement>, {
-    default?(_: {}): any;
-}>;
+export declare const PvToggleButton: DefineComponent<__VLS_PublicProps_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: string | boolean) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps_7> & Readonly<{
+"onUpdate:modelValue"?: ((value: string | boolean) => any) | undefined;
+}>, {
+size: PvToggleButtonSize;
+variant: PvToggleButtonVariant;
+deselect: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
+
+declare interface PvToggleButton_2 {
+    size?: PvToggleButtonSize;
+    variant?: PvToggleButtonVariant;
+    rounded?: boolean;
+    disabled?: boolean;
+    value?: string;
+    label?: string;
+    leftIcon?: string;
+    rightIcon?: string;
+    id?: string;
+    name?: string;
+    deselect?: boolean;
+}
 
-declare type PvToggleVariant = (typeof PvToggleVariants)[number];
+declare type PvToggleButtonSize = Extract<PvSize, "lg" | "xl">;
 
-declare const PvToggleVariants: readonly ["secondary", "tertiary", "icon"];
+declare type PvToggleButtonVariant = Extract<PvVariants, "secondary" | "tertiary">;
 
-export declare const PvTooltip: __VLS_WithTemplateSlots_8<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
+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";