@kiva/kv-components 8.2.0 → 8.3.0

package/dist/vue/KvActivityRow.vue.d.ts

@@ -26,6 +26,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        theme: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
     }>, {
         isAnonymousUser: import('vue').ComputedRef<boolean>;
         avatarClass: import('vue').ComputedRef<string>;
@@ -54,11 +59,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        theme: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
     }>> & Readonly<{}>, {
         lenderName: string;
         lenderImageUrl: string;
         isSmall: boolean;
         showCssPlaceholder: boolean;
+        theme: string;
     }, {}, {
         KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/vue/KvAtbModal.vue.d.ts

@@ -240,7 +240,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             computedClass: import('vue').ComputedRef<string>;
             computedType: import('vue').ComputedRef<string>;
             isDisabled: import('vue').ComputedRef<boolean>;
-            loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+            loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
             onClick: (event: any) => void;
             tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{

package/dist/vue/KvButton.vue.d.ts

@@ -28,7 +28,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     computedClass: import('vue').ComputedRef<string>;
     computedType: import('vue').ComputedRef<string>;
     isDisabled: import('vue').ComputedRef<boolean>;
-    loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+    loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
     onClick: (event: any) => void;
     tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{

package/dist/vue/KvCardFrame.vue.d.ts

@@ -79,8 +79,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: any;
         };
     }>> & Readonly<{}>, {
-        tag: string;
         theme: Record<string, any>;
+        tag: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/vue/KvCartModal.vue.d.ts

@@ -96,7 +96,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         computedClass: import('vue').ComputedRef<string>;
         computedType: import('vue').ComputedRef<string>;
         isDisabled: import('vue').ComputedRef<boolean>;
-        loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+        loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
         onClick: (event: any) => void;
         tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{

package/dist/vue/KvCheckoutReceipt.vue.d.ts

@@ -83,7 +83,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         computedClass: import('vue').ComputedRef<string>;
         computedType: import('vue').ComputedRef<string>;
         isDisabled: import('vue').ComputedRef<boolean>;
-        loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+        loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
         onClick: (event: any) => void;
         tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{

package/dist/vue/KvClassicLoanCard.vue.d.ts

@@ -978,7 +978,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 computedClass: import('vue').ComputedRef<string>;
                 computedType: import('vue').ComputedRef<string>;
                 isDisabled: import('vue').ComputedRef<boolean>;
-                loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+                loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
                 onClick: (event: any) => void;
                 tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -1072,7 +1072,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             computedClass: import('vue').ComputedRef<string>;
             computedType: import('vue').ComputedRef<string>;
             isDisabled: import('vue').ComputedRef<boolean>;
-            loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+            loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
             onClick: (event: any) => void;
             tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -1442,6 +1442,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                theme: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
             }>, {
                 isAnonymousUser: import('vue').ComputedRef<boolean>;
                 avatarClass: import('vue').ComputedRef<string>;
@@ -1470,11 +1475,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                theme: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
             }>> & Readonly<{}>, {
                 lenderName: string;
                 lenderImageUrl: string;
                 isSmall: boolean;
                 showCssPlaceholder: boolean;
+                theme: string;
             }, {}, {
                 KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
             }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1905,7 +1916,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     computedClass: import('vue').ComputedRef<string>;
                     computedType: import('vue').ComputedRef<string>;
                     isDisabled: import('vue').ComputedRef<boolean>;
-                    loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+                    loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
                     onClick: (event: any) => void;
                     tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -1999,7 +2010,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 computedClass: import('vue').ComputedRef<string>;
                 computedType: import('vue').ComputedRef<string>;
                 isDisabled: import('vue').ComputedRef<boolean>;
-                loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+                loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
                 onClick: (event: any) => void;
                 tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{

package/dist/vue/KvCommentsAdd.vue.d.ts

@@ -72,7 +72,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         computedClass: import('vue').ComputedRef<string>;
         computedType: import('vue').ComputedRef<string>;
         isDisabled: import('vue').ComputedRef<boolean>;
-        loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+        loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
         onClick: (event: any) => void;
         tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -256,6 +256,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        theme: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
     }>, {
         isAnonymousUser: import('vue').ComputedRef<boolean>;
         avatarClass: import('vue').ComputedRef<string>;
@@ -284,11 +289,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        theme: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
     }>> & Readonly<{}>, {
         lenderName: string;
         lenderImageUrl: string;
         isSmall: boolean;
         showCssPlaceholder: boolean;
+        theme: string;
     }, {}, {
         KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/vue/KvCommentsContainer.vue.d.ts

@@ -117,7 +117,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             computedClass: import('vue').ComputedRef<string>;
             computedType: import('vue').ComputedRef<string>;
             isDisabled: import('vue').ComputedRef<boolean>;
-            loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+            loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
             onClick: (event: any) => void;
             tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -301,6 +301,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            theme: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
         }>, {
             isAnonymousUser: import('vue').ComputedRef<boolean>;
             avatarClass: import('vue').ComputedRef<string>;
@@ -329,11 +334,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            theme: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
         }>> & Readonly<{}>, {
             lenderName: string;
             lenderImageUrl: string;
             isSmall: boolean;
             showCssPlaceholder: boolean;
+            theme: string;
         }, {}, {
             KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -485,7 +496,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     computedClass: import('vue').ComputedRef<string>;
                     computedType: import('vue').ComputedRef<string>;
                     isDisabled: import('vue').ComputedRef<boolean>;
-                    loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+                    loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
                     onClick: (event: any) => void;
                     tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -661,7 +672,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     computedClass: import('vue').ComputedRef<string>;
                     computedType: import('vue').ComputedRef<string>;
                     isDisabled: import('vue').ComputedRef<boolean>;
-                    loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+                    loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
                     onClick: (event: any) => void;
                     tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -845,6 +856,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    theme: {
+                        type: StringConstructor;
+                        default: string;
+                        validator(value: string): boolean;
+                    };
                 }>, {
                     isAnonymousUser: import('vue').ComputedRef<boolean>;
                     avatarClass: import('vue').ComputedRef<string>;
@@ -873,11 +889,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    theme: {
+                        type: StringConstructor;
+                        default: string;
+                        validator(value: string): boolean;
+                    };
                 }>> & Readonly<{}>, {
                     lenderName: string;
                     lenderImageUrl: string;
                     isSmall: boolean;
                     showCssPlaceholder: boolean;
+                    theme: string;
                 }, {}, {
                     KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
                 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -899,6 +921,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                theme: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
             }>, {
                 isAnonymousUser: import('vue').ComputedRef<boolean>;
                 avatarClass: import('vue').ComputedRef<string>;
@@ -927,11 +954,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                theme: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
             }>> & Readonly<{}>, {
                 lenderName: string;
                 lenderImageUrl: string;
                 isSmall: boolean;
                 showCssPlaceholder: boolean;
+                theme: string;
             }, {}, {
                 KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
             }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/vue/KvCommentsList.vue.d.ts

@@ -151,7 +151,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 computedClass: import('vue').ComputedRef<string>;
                 computedType: import('vue').ComputedRef<string>;
                 isDisabled: import('vue').ComputedRef<boolean>;
-                loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+                loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
                 onClick: (event: any) => void;
                 tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -327,7 +327,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 computedClass: import('vue').ComputedRef<string>;
                 computedType: import('vue').ComputedRef<string>;
                 isDisabled: import('vue').ComputedRef<boolean>;
-                loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+                loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
                 onClick: (event: any) => void;
                 tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -511,6 +511,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                theme: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
             }>, {
                 isAnonymousUser: import('vue').ComputedRef<boolean>;
                 avatarClass: import('vue').ComputedRef<string>;
@@ -539,11 +544,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                theme: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
             }>> & Readonly<{}>, {
                 lenderName: string;
                 lenderImageUrl: string;
                 isSmall: boolean;
                 showCssPlaceholder: boolean;
+                theme: string;
             }, {}, {
                 KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
             }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -565,6 +576,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            theme: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
         }>, {
             isAnonymousUser: import('vue').ComputedRef<boolean>;
             avatarClass: import('vue').ComputedRef<string>;
@@ -593,11 +609,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            theme: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
         }>> & Readonly<{}>, {
             lenderName: string;
             lenderImageUrl: string;
             isSmall: boolean;
             showCssPlaceholder: boolean;
+            theme: string;
         }, {}, {
             KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/vue/KvCommentsListItem.vue.d.ts

@@ -104,7 +104,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             computedClass: import('vue').ComputedRef<string>;
             computedType: import('vue').ComputedRef<string>;
             isDisabled: import('vue').ComputedRef<boolean>;
-            loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+            loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
             onClick: (event: any) => void;
             tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -280,7 +280,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             computedClass: import('vue').ComputedRef<string>;
             computedType: import('vue').ComputedRef<string>;
             isDisabled: import('vue').ComputedRef<boolean>;
-            loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+            loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
             onClick: (event: any) => void;
             tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -464,6 +464,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            theme: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
         }>, {
             isAnonymousUser: import('vue').ComputedRef<boolean>;
             avatarClass: import('vue').ComputedRef<string>;
@@ -492,11 +497,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            theme: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
         }>> & Readonly<{}>, {
             lenderName: string;
             lenderImageUrl: string;
             isSmall: boolean;
             showCssPlaceholder: boolean;
+            theme: string;
         }, {}, {
             KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -518,6 +529,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        theme: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
     }>, {
         isAnonymousUser: import('vue').ComputedRef<boolean>;
         avatarClass: import('vue').ComputedRef<string>;
@@ -546,11 +562,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        theme: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
     }>> & Readonly<{}>, {
         lenderName: string;
         lenderImageUrl: string;
         isSmall: boolean;
         showCssPlaceholder: boolean;
+        theme: string;
     }, {}, {
         KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/vue/KvCommentsReplyButton.vue.d.ts

@@ -31,7 +31,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
         computedClass: import('vue').ComputedRef<string>;
         computedType: import('vue').ComputedRef<string>;
         isDisabled: import('vue').ComputedRef<boolean>;
-        loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+        loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
         onClick: (event: any) => void;
         tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{

package/dist/vue/KvCompactLoanCard.vue.d.ts

@@ -903,7 +903,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 computedClass: import('vue').ComputedRef<string>;
                 computedType: import('vue').ComputedRef<string>;
                 isDisabled: import('vue').ComputedRef<boolean>;
-                loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+                loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
                 onClick: (event: any) => void;
                 tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -997,7 +997,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             computedClass: import('vue').ComputedRef<string>;
             computedType: import('vue').ComputedRef<string>;
             isDisabled: import('vue').ComputedRef<boolean>;
-            loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+            loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
             onClick: (event: any) => void;
             tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{

package/dist/vue/KvDatePicker.vue.d.ts

@@ -51,8 +51,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: any;
         };
     }>> & Readonly<{}>, {
-        tag: string;
         theme: Record<string, any>;
+        tag: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/vue/KvImpactVerticalSelector.vue.d.ts

@@ -171,8 +171,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: any;
             };
         }>> & Readonly<{}>, {
-            tag: string;
             theme: Record<string, any>;
+            tag: string;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     KvContentfulImg: import('vue').DefineComponent<import('vue').ExtractPropTypes<{

package/dist/vue/KvInlineActivityCard.vue.d.ts

@@ -31,6 +31,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        theme: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
     }>, {
         isAnonymousUser: import('vue').ComputedRef<boolean>;
         avatarClass: import('vue').ComputedRef<string>;
@@ -59,11 +64,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        theme: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
     }>> & Readonly<{}>, {
         lenderName: string;
         lenderImageUrl: string;
         isSmall: boolean;
         showCssPlaceholder: boolean;
+        theme: string;
     }, {}, {
         KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/vue/KvInlineActivityFeed.vue.d.ts

@@ -44,6 +44,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            theme: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
         }>, {
             isAnonymousUser: import('vue').ComputedRef<boolean>;
             avatarClass: import('vue').ComputedRef<string>;
@@ -72,11 +77,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            theme: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
         }>> & Readonly<{}>, {
             lenderName: string;
             lenderImageUrl: string;
             isSmall: boolean;
             showCssPlaceholder: boolean;
+            theme: string;
         }, {}, {
             KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/vue/KvLendAmountButton.vue.d.ts

@@ -73,7 +73,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         computedClass: import('vue').ComputedRef<string>;
         computedType: import('vue').ComputedRef<string>;
         isDisabled: import('vue').ComputedRef<boolean>;
-        loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+        loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
         onClick: (event: any) => void;
         tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{

package/dist/vue/KvLendCta.vue.d.ts

@@ -352,7 +352,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             computedClass: import('vue').ComputedRef<string>;
             computedType: import('vue').ComputedRef<string>;
             isDisabled: import('vue').ComputedRef<boolean>;
-            loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+            loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
             onClick: (event: any) => void;
             tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -446,7 +446,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         computedClass: import('vue').ComputedRef<string>;
         computedType: import('vue').ComputedRef<string>;
         isDisabled: import('vue').ComputedRef<boolean>;
-        loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+        loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
         onClick: (event: any) => void;
         tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{

package/dist/vue/KvLoanActivities.vue.d.ts

@@ -158,6 +158,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            theme: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
         }>, {
             isAnonymousUser: import('vue').ComputedRef<boolean>;
             avatarClass: import('vue').ComputedRef<string>;
@@ -186,11 +191,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            theme: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
         }>> & Readonly<{}>, {
             lenderName: string;
             lenderImageUrl: string;
             isSmall: boolean;
             showCssPlaceholder: boolean;
+            theme: string;
         }, {}, {
             KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -621,7 +632,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 computedClass: import('vue').ComputedRef<string>;
                 computedType: import('vue').ComputedRef<string>;
                 isDisabled: import('vue').ComputedRef<boolean>;
-                loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+                loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
                 onClick: (event: any) => void;
                 tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -715,7 +726,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             computedClass: import('vue').ComputedRef<string>;
             computedType: import('vue').ComputedRef<string>;
             isDisabled: import('vue').ComputedRef<boolean>;
-            loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+            loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
             onClick: (event: any) => void;
             tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{

package/dist/vue/KvSecondaryNav.vue.d.ts

@@ -96,8 +96,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: any;
         };
     }>> & Readonly<{}>, {
-        tag: string;
         theme: Record<string, any>;
+        tag: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         icon: {

package/dist/vue/KvThemeProvider.vue.d.ts

@@ -17,7 +17,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: any;
     };
 }>> & Readonly<{}>, {
-    tag: string;
     theme: Record<string, any>;
+    tag: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/vue/KvUserAvatar.css

@@ -0,0 +1 @@
+.kiva-k__normal[data-v-a36f82cb]{height:60%}.kiva-k__small[data-v-a36f82cb]{height:70%}.kiva-k__white[data-v-a36f82cb]{fill:#fff}.kiva-k__green-light[data-v-a36f82cb]{fill:#78c79f}

package/dist/vue/KvUserAvatar.js

@@ -1,71 +1,68 @@
-import d from "./KvUserAvatar2.js";
-import { resolveComponent as m, openBlock as t, createElementBlock as r, normalizeClass as c, createElementVNode as l, createCommentVNode as n, withDirectives as w, createVNode as f, vShow as v, normalizeStyle as a, toDisplayString as h } from "vue";
-import g from "../_virtual/_plugin-vue_export-helper.js";
-const u = {
-  key: 0,
-  class: "tw-h-3/4",
-  viewBox: "0 0 25 37",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, y = ["src"], _ = ["viewBox"], x = {
+import m from "./KvUserAvatar2.js";
+import { resolveComponent as c, openBlock as t, createElementBlock as n, normalizeClass as s, createElementVNode as a, createCommentVNode as r, withDirectives as w, createVNode as v, vShow as f, normalizeStyle as i, toDisplayString as g } from "vue";
+import "./KvUserAvatar.css";
+import h from "../_virtual/_plugin-vue_export-helper.js";
+const _ = ["src"], u = ["viewBox"], y = {
   x: "50%",
   y: "55%",
   "dominant-baseline": "middle",
   "text-anchor": "middle"
 };
-function C(k, o, s, e, H, A) {
-  const i = m("kv-loading-placeholder");
-  return t(), r("div", {
+function k(x, o, l, e, C, A) {
+  const d = c("kv-loading-placeholder");
+  return t(), n("div", {
     ref: "userAvatar",
-    class: c(["data-hj-suppress tw-flex tw-items-center tw-justify-center tw-rounded-full tw-overflow-hidden", {
-      "tw-bg-brand": e.isAnonymousUser,
+    class: s(["data-hj-suppress tw-flex tw-items-center tw-justify-center tw-rounded-full tw-overflow-hidden", {
+      "tw-bg-brand": e.isAnonymousUser && l.theme === "default",
+      "tw-bg-brand-100": e.isAnonymousUser && l.theme === "ecoGreenLight",
       [e.avatarClass]: !e.isAnonymousUser
     }])
   }, [
-    e.isAnonymousUser ? (t(), r("svg", u, o[1] || (o[1] = [
-      l("path", {
-        d: "M8.22861 0.875H0.857178V36.3125H8.22861V0.875Z",
-        fill: "white"
-      }, null, -1),
-      l("path", {
-        d: "M10.1143 23.2751C21.9428 23.2751 24.6857 13.2126 24.6857 11.4626H23.6571C11.8286 11.4626 9.08569 21.5251 9.08569 23.2751H10.1143Z",
-        fill: "white"
-      }, null, -1),
-      l("path", {
-        d: "M9.08569 24.2376C9.08569 26.0751 11.1428 36.3126 23.8285 36.3126H24.8571C24.8571 34.4751 22.8 24.2376 10.1143 24.2376H9.08569Z",
-        fill: "white"
-      }, null, -1)
-    ]))) : n("", !0),
-    w(f(i, null, null, 512), [
-      [v, !e.isAnonymousUser && e.userHasImage && e.isImageLoading]
+    e.isAnonymousUser ? (t(), n("svg", {
+      key: 0,
+      class: s({
+        "kiva-k__green-light": l.theme === "ecoGreenLight",
+        "kiva-k__white": l.theme === "default",
+        "kiva-k__small": l.isSmall,
+        "kiva-k__normal": !l.isSmall
+      }),
+      viewBox: "0 0 25 37",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, o[1] || (o[1] = [
+      a("path", { d: "M8.22861 0.875H0.857178V36.3125H8.22861V0.875Z" }, null, -1),
+      a("path", { d: "M10.1143 23.2751C21.9428 23.2751 24.6857 13.2126 24.6857 11.4626H23.6571C11.8286 11.4626 9.08569 21.5251 9.08569 23.2751H10.1143Z" }, null, -1),
+      a("path", { d: "M9.08569 24.2376C9.08569 26.0751 11.1428 36.3126 23.8285 36.3126H24.8571C24.8571 34.4751 22.8 24.2376 10.1143 24.2376H9.08569Z" }, null, -1)
+    ]), 2)) : r("", !0),
+    w(v(d, null, null, 512), [
+      [f, !e.isAnonymousUser && e.userHasImage && e.isImageLoading]
     ]),
-    !e.isAnonymousUser && e.userHasImage ? (t(), r("div", {
+    !e.isAnonymousUser && e.userHasImage ? (t(), n("div", {
       key: 1,
       class: "tw-w-full tw-h-full",
-      style: a(s.showCssPlaceholder ? { display: "var(--user-avatar-display, block)" } : {
+      style: i(l.showCssPlaceholder ? { display: "var(--user-avatar-display, block)" } : {
         display: e.isImageLoading ? "none" : "block"
       })
     }, [
-      l("img", {
+      a("img", {
         ref: "imageRef",
-        src: s.lenderImageUrl,
+        src: l.lenderImageUrl,
         alt: "Image of lender",
         class: "tw-w-full",
-        style: a(s.showCssPlaceholder ? { content: "var(--user-avatar)" } : {}),
-        onLoad: o[0] || (o[0] = (I) => e.onImgLoad())
-      }, null, 44, y)
-    ], 4)) : n("", !0),
-    !e.isAnonymousUser && !e.userHasImage ? (t(), r("svg", {
+        style: i(l.showCssPlaceholder ? { content: "var(--user-avatar)" } : {}),
+        onLoad: o[0] || (o[0] = (H) => e.onImgLoad())
+      }, null, 44, _)
+    ], 4)) : r("", !0),
+    !e.isAnonymousUser && !e.userHasImage ? (t(), n("svg", {
       key: 2,
       class: "tw-w-full tw-h-full",
       fill: "currentColor",
       viewBox: e.letterViewBox
     }, [
-      l("text", x, h(e.lenderNameFirstLetter), 1)
-    ], 8, _)) : n("", !0)
+      a("text", y, g(e.lenderNameFirstLetter), 1)
+    ], 8, u)) : r("", !0)
   ], 2);
 }
-const b = /* @__PURE__ */ g(d, [["render", C]]);
+const B = /* @__PURE__ */ h(m, [["render", k], ["__scopeId", "data-v-a36f82cb"]]);
 export {
-  b as default
+  B as default
 };

package/dist/vue/KvUserAvatar.vue.d.ts

@@ -16,6 +16,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    theme: {
+        type: StringConstructor;
+        default: string;
+        validator(value: string): boolean;
+    };
 }>, {
     isAnonymousUser: import('vue').ComputedRef<boolean>;
     avatarClass: import('vue').ComputedRef<string>;
@@ -44,11 +49,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    theme: {
+        type: StringConstructor;
+        default: string;
+        validator(value: string): boolean;
+    };
 }>> & Readonly<{}>, {
     lenderName: string;
     lenderImageUrl: string;
     isSmall: boolean;
     showCssPlaceholder: boolean;
+    theme: string;
 }, {}, {
     KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/vue/KvUserAvatar2.js

@@ -1,10 +1,10 @@
-import { toRefs as I, ref as r, computed as s, onMounted as U } from "vue";
-import { randomizedUserAvatarClass as B, isLegacyPlaceholderAvatar as f } from "../utils/imageUtils.js";
-import F from "./KvLoadingPlaceholder.js";
+import { toRefs as I, ref as l, computed as r, onMounted as U } from "vue";
+import { randomizedUserAvatarClass as x, isLegacyPlaceholderAvatar as d } from "../utils/imageUtils.js";
+import B from "./KvLoadingPlaceholder.js";
 const z = {
   name: "KvUserAvatar",
   components: {
-    KvLoadingPlaceholder: F
+    KvLoadingPlaceholder: B
   },
   props: {
     /**
@@ -34,28 +34,38 @@ const z = {
     showCssPlaceholder: {
       type: Boolean,
       default: !1
+    },
+    theme: {
+      type: String,
+      default: "default",
+      validator(s) {
+        return [
+          "default",
+          "ecoGreenLight"
+        ].indexOf(s) !== -1;
+      }
     }
   },
-  setup(p) {
+  setup(s) {
     const {
       lenderName: t,
       lenderImageUrl: n,
       isSmall: o,
-      showCssPlaceholder: l
-    } = I(p), u = r(!0), c = r(null), d = r(null), v = s(() => !l.value && t.value === "" && n.value === "" || t.value === "Anonymous"), g = s(() => {
+      showCssPlaceholder: u
+    } = I(s), c = l(!0), i = l(null), p = l(null), v = r(() => !u.value && t.value === "" && n.value === "" || t.value === "Anonymous"), g = r(() => {
       const e = o != null && o.value ? "tw-font-sans tw-font-normal" : "tw-font-serif";
-      return `${B(t.value)} ${e}`;
-    }), w = s(() => o != null && o.value ? "0 0 27 27" : "0 0 27.5 27.5"), y = s(() => {
+      return `${x(t.value)} ${e}`;
+    }), w = r(() => o != null && o.value ? "0 0 27 27" : "0 0 27.5 27.5"), h = r(() => {
       var a;
-      if (l.value)
+      if (u.value)
         return !0;
       const e = ((a = n == null ? void 0 : n.value) == null ? void 0 : a.split("/").pop()) ?? "";
-      return e && !f(e);
-    }), h = s(() => {
+      return e && !d(e);
+    }), y = r(() => {
       var e;
       return (e = t == null ? void 0 : t.value) == null ? void 0 : e.substring(0, 1).toUpperCase();
-    }), i = () => {
-      u.value = !1;
+    }), f = () => {
+      c.value = !1;
     }, A = (e, a = 1e4) => new Promise((C, L) => {
       const P = Date.now() + a, m = () => {
         !e || e.complete ? C(e) : Date.now() > P ? L(new Error(`Timeout: ${e.src}`)) : setTimeout(m, 50);
@@ -63,23 +73,23 @@ const z = {
       m();
     });
     return U(async () => {
-      const e = c.value;
+      const e = i.value;
       try {
-        await A(e), i();
+        await A(e), f();
       } catch (a) {
         console.log(a.message);
       }
     }), {
       isAnonymousUser: v,
       avatarClass: g,
-      userHasImage: y,
-      lenderNameFirstLetter: h,
+      userHasImage: h,
+      lenderNameFirstLetter: y,
       letterViewBox: w,
-      isLegacyPlaceholderAvatar: f,
-      isImageLoading: u,
-      onImgLoad: i,
-      imageRef: c,
-      userAvatar: d
+      isLegacyPlaceholderAvatar: d,
+      isImageLoading: c,
+      onImgLoad: f,
+      imageRef: i,
+      userAvatar: p
     };
   }
 };

package/dist/vue/KvVotingCard.vue.d.ts

@@ -169,7 +169,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         computedClass: import('vue').ComputedRef<string>;
         computedType: import('vue').ComputedRef<string>;
         isDisabled: import('vue').ComputedRef<boolean>;
-        loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+        loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
         onClick: (event: any) => void;
         tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{

package/dist/vue/KvVotingCardV2.vue.d.ts

@@ -96,7 +96,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         computedClass: import('vue').ComputedRef<string>;
         computedType: import('vue').ComputedRef<string>;
         isDisabled: import('vue').ComputedRef<boolean>;
-        loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+        loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
         onClick: (event: any) => void;
         tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{

package/dist/vue/KvWideLoanCard.vue.d.ts

@@ -892,7 +892,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 computedClass: import('vue').ComputedRef<string>;
                 computedType: import('vue').ComputedRef<string>;
                 isDisabled: import('vue').ComputedRef<boolean>;
-                loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+                loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
                 onClick: (event: any) => void;
                 tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -986,7 +986,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             computedClass: import('vue').ComputedRef<string>;
             computedType: import('vue').ComputedRef<string>;
             isDisabled: import('vue').ComputedRef<boolean>;
-            loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+            loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
             onClick: (event: any) => void;
             tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.vue.d.ts

@@ -1030,6 +1030,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        theme: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
     }>, {
         isAnonymousUser: import('vue').ComputedRef<boolean>;
         avatarClass: import('vue').ComputedRef<string>;
@@ -1058,11 +1063,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        theme: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
     }>> & Readonly<{}>, {
         lenderName: string;
         lenderImageUrl: string;
         isSmall: boolean;
         showCssPlaceholder: boolean;
+        theme: string;
     }, {}, {
         KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/vue/KvWwwHeader.vue.d.ts

@@ -4362,6 +4362,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            theme: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
         }>, {
             isAnonymousUser: import('vue').ComputedRef<boolean>;
             avatarClass: import('vue').ComputedRef<string>;
@@ -4390,11 +4395,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            theme: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
         }>> & Readonly<{}>, {
             lenderName: string;
             lenderImageUrl: string;
             isSmall: boolean;
             showCssPlaceholder: boolean;
+            theme: string;
         }, {}, {
             KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -4422,8 +4433,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: any;
         };
     }>> & Readonly<{}>, {
-        tag: string;
         theme: Record<string, any>;
+        tag: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     KvPageContainer: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "8.2.0",
+  "version": "8.3.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -125,5 +125,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "9368a78f6e3cf82333c6dd52c3c0d9c52c304963"
+  "gitHead": "59231e457a4057d240dacbf1caa563f8e14625fa"
 }