@turquoisehealth/pit-viper 2.103.0 → 2.103.1-dev.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -552,9 +552,8 @@
552
552
  background-color: #FF8566;
553
553
  }
554
554
  .pv-v2 .pv-button-ai {
555
- background-image: var(--button-ai-background-color, linear-gradient(138deg, #F1E8FF 4.38%, #D7F3F1 99.39%));
555
+ background-color: var(--button-ai-background-color, #E4F8F6);
556
556
  border-color: var(--button-ai-border-color, transparent);
557
- border-radius: var(--button-ai-radius, 2rem);
558
557
  }
559
558
  .pv-v2 .pv-button-ai:not(:disabled) {
560
559
  color: var(--button-ai-color, #121313);
@@ -562,12 +561,10 @@
562
561
  .pv-v2 .pv-button-ai:not(:disabled):hover, .pv-v2 .pv-button-ai:not(:disabled):focus-visible {
563
562
  color: var(--button-ai-hover-color, #121313);
564
563
  background-color: var(--button-ai-hover-background-color, #E8F2F4);
565
- background-image: none;
566
564
  }
567
565
  .pv-v2 .pv-button-ai:not(:disabled):active {
568
566
  color: var(--button-ai-pressed-color, #121313);
569
567
  background-color: var(--button-ai-pressed-background-color, #C7D8DB);
570
- background-image: none;
571
568
  }
572
569
  .pv-v2 .pv-button-primary-outline {
573
570
  border: 1px solid var(--button-primary-outline-border-color, #E3E7EA);
@@ -621,9 +621,8 @@
621
621
  }
622
622
 
623
623
  .pv-button-ai {
624
- background-image: var(--button-ai-background-color, linear-gradient(138deg, #F1E8FF 4.38%, #D7F3F1 99.39%));
624
+ background-color: var(--button-ai-background-color, #E4F8F6);
625
625
  border-color: var(--button-ai-border-color, transparent);
626
- border-radius: var(--button-ai-radius, 2rem);
627
626
  }
628
627
  .pv-button-ai:not(:disabled) {
629
628
  color: var(--button-ai-color, #121313);
@@ -631,12 +630,10 @@
631
630
  .pv-button-ai:not(:disabled):hover, .pv-button-ai:not(:disabled):focus-visible {
632
631
  color: var(--button-ai-hover-color, #121313);
633
632
  background-color: var(--button-ai-hover-background-color, #E8F2F4);
634
- background-image: none;
635
633
  }
636
634
  .pv-button-ai:not(:disabled):active {
637
635
  color: var(--button-ai-pressed-color, #121313);
638
636
  background-color: var(--button-ai-pressed-background-color, #C7D8DB);
639
- background-image: none;
640
637
  }
641
638
 
642
639
  .pv-button-primary-outline {
@@ -626,9 +626,8 @@
626
626
  }
627
627
 
628
628
  .pv-button-ai {
629
- background-image: var(--button-ai-background-color, linear-gradient(138deg, #F1E8FF 4.38%, #D7F3F1 99.39%));
629
+ background-color: var(--button-ai-background-color, #A8E6E1);
630
630
  border-color: var(--button-ai-border-color, transparent);
631
- border-radius: var(--button-ai-radius, 2rem);
632
631
  }
633
632
  .pv-button-ai:not(:disabled) {
634
633
  color: var(--button-ai-color, #121313);
@@ -636,12 +635,10 @@
636
635
  .pv-button-ai:not(:disabled):hover, .pv-button-ai:not(:disabled):focus-visible {
637
636
  color: var(--button-ai-hover-color, #121313);
638
637
  background-color: var(--button-ai-hover-background-color, #E8F2F4);
639
- background-image: none;
640
638
  }
641
639
  .pv-button-ai:not(:disabled):active {
642
640
  color: var(--button-ai-pressed-color, #121313);
643
641
  background-color: var(--button-ai-pressed-background-color, #C7D8DB);
644
- background-image: none;
645
642
  }
646
643
 
647
644
  .pv-button-primary-outline {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@turquoisehealth/pit-viper",
3
- "version": "2.103.0",
3
+ "version": "2.103.1-dev.1",
4
4
  "description": "Turquoise Health's design system.",
5
5
  "main": "README.md",
6
6
  "publishConfig": {
@@ -2,12 +2,18 @@ import { ChevronPosition } from './types';
2
2
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
3
  interface PvAccordionProps {
4
4
  chevronPosition?: ChevronPosition;
5
+ /** Orientation of the chevron for the open/closed states (up-down vs right-down) */
6
+ chevronVariant?: "vertical" | "horizontal";
5
7
  defaultOpen?: boolean;
6
8
  counter?: number;
7
9
  enableTriggerSlot?: boolean;
8
10
  enableTriggerFullWidth?: boolean;
9
11
  header?: string;
10
12
  }
13
+ type __VLS_Props = PvAccordionProps;
14
+ type __VLS_PublicProps = {
15
+ modelValue?: boolean;
16
+ } & __VLS_Props;
11
17
  declare function __VLS_template(): {
12
18
  attrs: Partial<{}>;
13
19
  slots: {
@@ -18,9 +24,13 @@ declare function __VLS_template(): {
18
24
  rootEl: HTMLDetailsElement;
19
25
  };
20
26
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
21
- declare const __VLS_component: DefineComponent<PvAccordionProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PvAccordionProps> & Readonly<{}>, {
22
- defaultOpen: boolean;
27
+ declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
28
+ "update:modelValue": (value: boolean) => any;
29
+ }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
30
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
31
+ }>, {
23
32
  chevronPosition: ChevronPosition;
33
+ chevronVariant: "vertical" | "horizontal";
24
34
  enableTriggerSlot: boolean;
25
35
  enableTriggerFullWidth: boolean;
26
36
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDetailsElement>;
@@ -1,13 +1,13 @@
1
- import { PvAiButtonSize } from './types';
1
+ import { PvButtonSize } from '../PvButton/types.ts';
2
2
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
3
  interface PvAiButtonProps {
4
- size?: PvAiButtonSize;
4
+ size?: PvButtonSize;
5
5
  label?: string;
6
- leftIcon?: string;
7
6
  loading?: boolean;
8
7
  disabled?: boolean;
9
8
  }
10
9
  declare const _default: DefineComponent<PvAiButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PvAiButtonProps> & Readonly<{}>, {
11
- size: PvAiButtonSize;
10
+ size: PvButtonSize;
11
+ label: string;
12
12
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
13
13
  export default _default;
@@ -0,0 +1,2 @@
1
+ import { PvButtonSize } from './types.ts';
2
+ export declare const pvButtonSizeToClass: (size: PvButtonSize | null | undefined) => string | null;