@turquoisehealth/pit-viper 2.75.2-dev.0 → 2.76.0

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

@@ -3499,9 +3499,11 @@
   background-color: #F7F8F8;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2302363D' d='M12 23.001c6.075 0 11-4.925 11-11s-4.925-11-11-11-11 4.925-11 11 4.925 11 11 11Zm1.2-5.8a1.2 1.2 0 0 1-2.4 0v-6.4a1.2 1.2 0 1 1 2.4 0v6.4Zm-1.2-9.2a1.2 1.2 0 1 1 0-2.4h.01a1.2 1.2 0 0 1 0 2.4H12Z'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
-  background-size: 1.5rem 1.5rem;
-  background-position: 0.75rem 0.75rem;
+  background-size: 1rem 1rem;
+  background-position: 0.75rem 50%;
   border-radius: 4px;
+  font-size: 0.875rem;
+  line-height: 1.1428571;
 }
 .pv-v2 .pv-alert-warning {
   border-color: #EFC666;
@@ -5091,7 +5093,7 @@
   margin-right: 10px;
 }
 .pv-v2 .select2-container--default .select2-selection--multiple .select2-selection__choice {
-  background-color: #F7F8F8;
+  background-color: #E8EBEB;
   border: none;
   border-radius: 4px;
   padding: 0.125rem 0.5rem;

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

@@ -3782,9 +3782,11 @@ div:has(> pv-figure-details) {
   background-color: #F7F8F8;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2302363D' d='M12 23.001c6.075 0 11-4.925 11-11s-4.925-11-11-11-11 4.925-11 11 4.925 11 11 11Zm1.2-5.8a1.2 1.2 0 0 1-2.4 0v-6.4a1.2 1.2 0 1 1 2.4 0v6.4Zm-1.2-9.2a1.2 1.2 0 1 1 0-2.4h.01a1.2 1.2 0 0 1 0 2.4H12Z'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
-  background-size: 1.5rem 1.5rem;
-  background-position: 0.75rem 0.75rem;
+  background-size: 1rem 1rem;
+  background-position: 0.75rem 50%;
   border-radius: 4px;
+  font-size: 0.875rem;
+  line-height: 1.1428571;
 }
 
 .pv-alert-warning {
@@ -5611,7 +5613,7 @@ svg.pv-text-inherit {
 }
 
 .select2-container--default .select2-selection--multiple .select2-selection__choice {
-  background-color: #F7F8F8;
+  background-color: #E8EBEB;
   border: none;
   border-radius: 4px;
   padding: 0.125rem 0.5rem;

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

@@ -3788,8 +3788,10 @@ div:has(> pv-figure-details) {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2302363D' d='M12 23.001c6.075 0 11-4.925 11-11s-4.925-11-11-11-11 4.925-11 11 4.925 11 11 11Zm1.2-5.8a1.2 1.2 0 0 1-2.4 0v-6.4a1.2 1.2 0 1 1 2.4 0v6.4Zm-1.2-9.2a1.2 1.2 0 1 1 0-2.4h.01a1.2 1.2 0 0 1 0 2.4H12Z'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-size: 1.5rem 1.5rem;
-  background-position: 0.75rem 0.75rem;
+  background-position: 0.75rem 50%;
   border-radius: 5px;
+  font-size: 1rem;
+  line-height: 1.5;
 }
 
 .pv-alert-warning {

package/package.json

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

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

@@ -47,6 +47,10 @@ declare const __VLS_component_11: DefineComponent<PvToastProps, {}, {}, {}, {},
 variant: PvToastVariants;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
+declare const __VLS_component_12: DefineComponent<PvActionBarProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PvActionBarProps> & Readonly<{}>, {
+variant: PvActionBarTheme;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
 declare const __VLS_component_2: DefineComponent<PvAccordionProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PvAccordionProps> & Readonly<{}>, {
 defaultOpen: boolean;
 chevronPosition: ChevronPosition;
@@ -196,6 +200,15 @@ declare function __VLS_template_11(): {
     rootEl: HTMLDivElement;
 };
 
+declare function __VLS_template_12(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
 declare function __VLS_template_2(): {
     attrs: Partial<{}>;
     slots: {
@@ -280,6 +293,8 @@ declare type __VLS_TemplateResult_10 = ReturnType<typeof __VLS_template_10>;
 
 declare type __VLS_TemplateResult_11 = ReturnType<typeof __VLS_template_11>;
 
+declare type __VLS_TemplateResult_12 = ReturnType<typeof __VLS_template_12>;
+
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
 declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
@@ -344,6 +359,12 @@ declare type __VLS_WithTemplateSlots_16<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_17<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     new (): {
         $slots: S;
@@ -476,6 +497,14 @@ declare interface PvAccordionProps {
     counter?: number;
 }
 
+export declare const PvActionBar: __VLS_WithTemplateSlots_17<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
+
+declare interface PvActionBarProps {
+    variant?: PvActionBarTheme;
+}
+
+declare type PvActionBarTheme = Extract<PvThemes, "white" | "dark">;
+
 export declare const PvAvatar: DefineComponent<PvAvatarProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PvAvatarProps> & Readonly<{}>, {
 size: PvAvatarSize;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;