@kiva/kv-components 8.18.1 → 8.19.0

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

@@ -626,15 +626,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: string;
                     validator(value: string): boolean;
                 };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
             }>, {
                 buttonRef: import('vue').Ref<any, any>;
                 buttonInnerRef: import('vue').Ref<any, any>;
                 computedClass: import('vue').ComputedRef<string>;
                 computedType: import('vue').ComputedRef<string>;
+                heightClass: import('vue').ComputedRef<"tw-min-h-4" | "tw-min-h-6">;
                 isDisabled: import('vue').ComputedRef<boolean>;
                 loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
                 onClick: (event: any) => void;
+                paddingClass: import('vue').ComputedRef<"tw-py-0.5 tw-px-2" | "tw-py-1 tw-px-3">;
+                roundedClass: import('vue').ComputedRef<"tw-rounded-sm" | "tw-rounded">;
                 tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
+                textClass: import('vue').ComputedRef<"" | "tw-text-label">;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 to: {
                     type: (StringConstructor | ObjectConstructor)[];
@@ -659,11 +668,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: string;
                     validator(value: string): boolean;
                 };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
             }>> & Readonly<{
                 onClick?: (...args: any[]) => any;
             }>, {
                 to: string | Record<string, any>;
                 type: string;
+                size: string;
                 href: string;
                 variant: string;
                 state: string;
@@ -720,15 +735,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
                 validator(value: string): boolean;
             };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
         }>, {
             buttonRef: import('vue').Ref<any, any>;
             buttonInnerRef: import('vue').Ref<any, any>;
             computedClass: import('vue').ComputedRef<string>;
             computedType: import('vue').ComputedRef<string>;
+            heightClass: import('vue').ComputedRef<"tw-min-h-4" | "tw-min-h-6">;
             isDisabled: import('vue').ComputedRef<boolean>;
             loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
             onClick: (event: any) => void;
+            paddingClass: import('vue').ComputedRef<"tw-py-0.5 tw-px-2" | "tw-py-1 tw-px-3">;
+            roundedClass: import('vue').ComputedRef<"tw-rounded-sm" | "tw-rounded">;
             tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
+            textClass: import('vue').ComputedRef<"" | "tw-text-label">;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             to: {
                 type: (StringConstructor | ObjectConstructor)[];
@@ -753,11 +777,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
                 validator(value: string): boolean;
             };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
         }>> & Readonly<{
             onClick?: (...args: any[]) => any;
         }>, {
             to: string | Record<string, any>;
             type: string;
+            size: string;
             href: string;
             variant: string;
             state: string;

package/dist/vue/KvLoanTag.js

@@ -1,10 +1,10 @@
 import u from "./KvLoanTag2.js";
-import { KV_LOAN_TAG_FRAGMENT as L } from "./KvLoanTag2.js";
-import { resolveComponent as c, openBlock as e, createElementBlock as a, normalizeClass as _, normalizeStyle as g, Fragment as o, createTextVNode as i, toDisplayString as r, createElementVNode as h, createVNode as p, withCtx as f, renderList as k, createBlock as w, createCommentVNode as d } from "vue";
-import x from "../_virtual/_plugin-vue_export-helper.js";
-const y = ["id"];
+import { KV_LOAN_TAG_FRAGMENT as O } from "./KvLoanTag2.js";
+import { resolveComponent as c, openBlock as e, createElementBlock as a, normalizeClass as _, normalizeStyle as g, Fragment as o, createTextVNode as i, toDisplayString as r, createElementVNode as h, createVNode as f, withCtx as k, renderList as w, createBlock as x, createCommentVNode as m } from "vue";
+import y from "../_virtual/_plugin-vue_export-helper.js";
+const p = ["id"];
 function v(M, N, l, A, C, t) {
-  const m = c("kv-tooltip"), s = c("kv-countdown-timer");
+  const d = c("kv-tooltip"), s = c("kv-countdown-timer");
   return t.variation ? (e(), a("div", {
     key: 0,
     class: _(["tw-text-small tw-font-medium tw-pt-0.5", { "tw-line-clamp-1": !t.isMultipleMatch }]),
@@ -15,30 +15,30 @@ function v(M, N, l, A, C, t) {
       h("span", {
         id: `matching-orgs-${l.loan.id}`,
         class: "tw-underline tw-decoration-dotted tw-cursor-pointer"
-      }, r(t.multiMatchingOrgs.length) + " organizations", 9, y),
-      p(m, {
+      }, r(t.multiMatchingOrgs.length) + " organizations", 9, p),
+      f(d, {
         controller: `matching-orgs-${l.loan.id}`,
         theme: "default"
       }, {
-        default: f(() => [
-          (e(!0), a(o, null, k(t.multiMatchingOrgs, (n) => (e(), a("p", {
+        default: k(() => [
+          (e(!0), a(o, null, w(t.multiMatchingOrgs, (n) => (e(), a("p", {
             key: n.managedAccountId,
             class: "tw-m-0"
-          }, r(n.ratio + 1) + "x matching by " + r(n.displayName || "a Kiva supporter"), 1))), 128))
+          }, r(n.ratio + 1) + "x matching by " + r(t.orgDisplayName(n)), 1))), 128))
         ]),
         _: 1
       }, 8, ["controller"])
     ], 64)) : (e(), a(o, { key: 1 }, [
       i(r(t.tagText) + " ", 1),
-      t.variation === "ending-soon" ? (e(), w(s, {
+      t.variation === "ending-soon" ? (e(), x(s, {
         key: 0,
         deadline: t.deadline
-      }, null, 8, ["deadline"])) : d("", !0)
+      }, null, 8, ["deadline"])) : m("", !0)
     ], 64))
-  ], 6)) : d("", !0);
+  ], 6)) : m("", !0);
 }
-const B = /* @__PURE__ */ x(u, [["render", v]]);
+const B = /* @__PURE__ */ y(u, [["render", v]]);
 export {
-  L as KV_LOAN_TAG_FRAGMENT,
+  O as KV_LOAN_TAG_FRAGMENT,
   B as default
 };

package/dist/vue/KvLoanTag.vue.d.ts

@@ -23,7 +23,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     tagText(): string;
     tagColor(): "#AF741C" | "#CE2626" | "#2B7C5F" | "#CE4A00";
     matchRatio(): any;
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {
+    orgDisplayName(org: {
+        displayName?: string | null;
+    }): string;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     loan: {
         type: ObjectConstructor;
         required: true;

package/dist/vue/KvLoanTag2.js

@@ -2,13 +2,13 @@ import { parseISO as s, differenceInDays as r } from "date-fns";
 import u from "graphql-tag";
 import l from "numeral";
 import d from "./KvCountdownTimer.js";
-import h from "./KvTooltip.js";
-const m = "N/A", a = {
+import m from "./KvTooltip.js";
+const h = "N/A", a = {
   almostFunded: "almost-funded",
   endingSoon: "ending-soon",
   matchedLoan: "matched-loan",
   lseLoan: "lse-loan"
-}, L = u`
+}, y = u`
 	fragment KvLoanTag on LoanBasic {
 		id
 		loanFundraisingInfo {
@@ -29,11 +29,11 @@ const m = "N/A", a = {
 			partnerName
 		}
 	}
-`, A = {
+`, L = {
   name: "KvLoanTag",
   components: {
     KvCountdownTimer: d,
-    KvTooltip: h
+    KvTooltip: m
   },
   props: {
     loan: {
@@ -56,7 +56,7 @@ const m = "N/A", a = {
     },
     isLseLoan() {
       var t, n;
-      return ((n = (t = this.loan) == null ? void 0 : t.partnerName) == null ? void 0 : n.toUpperCase().includes(m)) ?? !1;
+      return ((n = (t = this.loan) == null ? void 0 : t.partnerName) == null ? void 0 : n.toUpperCase().includes(h)) ?? !1;
     },
     amountLeft() {
       var e, o;
@@ -88,7 +88,7 @@ const m = "N/A", a = {
         case a.matchedLoan: {
           if (this.enableMultiMatching && this.multiMatchingOrgs.length === 1) {
             const n = this.multiMatchingOrgs[0];
-            return `${this.useExpandedStyles ? "🤝 " : ""}${n.ratio + 1}x matching by ${n.displayName || "a Kiva supporter"}`;
+            return `${this.useExpandedStyles ? "🤝 " : ""}${n.ratio + 1}x matching by ${this.orgDisplayName(n)}`;
           }
           return `${this.useExpandedStyles ? "🤝 " : ""}${this.matchRatio + 1}x matching by ${(t = this.loan) == null ? void 0 : t.matchingText}`;
         }
@@ -112,9 +112,14 @@ const m = "N/A", a = {
       var t;
       return (t = this.loan) == null ? void 0 : t.matchRatio;
     }
+  },
+  methods: {
+    orgDisplayName(t) {
+      return t.displayName && t.displayName !== "Anonymous" ? t.displayName : "a Kiva supporter";
+    }
   }
 };
 export {
-  L as KV_LOAN_TAG_FRAGMENT,
-  A as default
+  y as KV_LOAN_TAG_FRAGMENT,
+  L as default
 };

package/dist/vue/KvPill.vue.d.ts

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

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

@@ -163,15 +163,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
             validator(value: string): boolean;
         };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
     }>, {
         buttonRef: import('vue').Ref<any, any>;
         buttonInnerRef: import('vue').Ref<any, any>;
         computedClass: import('vue').ComputedRef<string>;
         computedType: import('vue').ComputedRef<string>;
+        heightClass: import('vue').ComputedRef<"tw-min-h-4" | "tw-min-h-6">;
         isDisabled: import('vue').ComputedRef<boolean>;
         loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
         onClick: (event: any) => void;
+        paddingClass: import('vue').ComputedRef<"tw-py-0.5 tw-px-2" | "tw-py-1 tw-px-3">;
+        roundedClass: import('vue').ComputedRef<"tw-rounded-sm" | "tw-rounded">;
         tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
+        textClass: import('vue').ComputedRef<"" | "tw-text-label">;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         to: {
             type: (StringConstructor | ObjectConstructor)[];
@@ -196,11 +205,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
             validator(value: string): boolean;
         };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
     }>> & Readonly<{
         onClick?: (...args: any[]) => any;
     }>, {
         to: string | Record<string, any>;
         type: string;
+        size: string;
         href: string;
         variant: string;
         state: string;

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

@@ -90,15 +90,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
             validator(value: string): boolean;
         };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
     }>, {
         buttonRef: import('vue').Ref<any, any>;
         buttonInnerRef: import('vue').Ref<any, any>;
         computedClass: import('vue').ComputedRef<string>;
         computedType: import('vue').ComputedRef<string>;
+        heightClass: import('vue').ComputedRef<"tw-min-h-4" | "tw-min-h-6">;
         isDisabled: import('vue').ComputedRef<boolean>;
         loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
         onClick: (event: any) => void;
+        paddingClass: import('vue').ComputedRef<"tw-py-0.5 tw-px-2" | "tw-py-1 tw-px-3">;
+        roundedClass: import('vue').ComputedRef<"tw-rounded-sm" | "tw-rounded">;
         tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
+        textClass: import('vue').ComputedRef<"" | "tw-text-label">;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         to: {
             type: (StringConstructor | ObjectConstructor)[];
@@ -123,11 +132,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
             validator(value: string): boolean;
         };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
     }>> & Readonly<{
         onClick?: (...args: any[]) => any;
     }>, {
         to: string | Record<string, any>;
         type: string;
+        size: string;
         href: string;
         variant: string;
         state: string;

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

@@ -895,15 +895,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: string;
                     validator(value: string): boolean;
                 };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
             }>, {
                 buttonRef: import('vue').Ref<any, any>;
                 buttonInnerRef: import('vue').Ref<any, any>;
                 computedClass: import('vue').ComputedRef<string>;
                 computedType: import('vue').ComputedRef<string>;
+                heightClass: import('vue').ComputedRef<"tw-min-h-4" | "tw-min-h-6">;
                 isDisabled: import('vue').ComputedRef<boolean>;
                 loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
                 onClick: (event: any) => void;
+                paddingClass: import('vue').ComputedRef<"tw-py-0.5 tw-px-2" | "tw-py-1 tw-px-3">;
+                roundedClass: import('vue').ComputedRef<"tw-rounded-sm" | "tw-rounded">;
                 tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
+                textClass: import('vue').ComputedRef<"" | "tw-text-label">;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 to: {
                     type: (StringConstructor | ObjectConstructor)[];
@@ -928,11 +937,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: string;
                     validator(value: string): boolean;
                 };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
             }>> & Readonly<{
                 onClick?: (...args: any[]) => any;
             }>, {
                 to: string | Record<string, any>;
                 type: string;
+                size: string;
                 href: string;
                 variant: string;
                 state: string;
@@ -989,15 +1004,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
                 validator(value: string): boolean;
             };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
         }>, {
             buttonRef: import('vue').Ref<any, any>;
             buttonInnerRef: import('vue').Ref<any, any>;
             computedClass: import('vue').ComputedRef<string>;
             computedType: import('vue').ComputedRef<string>;
+            heightClass: import('vue').ComputedRef<"tw-min-h-4" | "tw-min-h-6">;
             isDisabled: import('vue').ComputedRef<boolean>;
             loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
             onClick: (event: any) => void;
+            paddingClass: import('vue').ComputedRef<"tw-py-0.5 tw-px-2" | "tw-py-1 tw-px-3">;
+            roundedClass: import('vue').ComputedRef<"tw-rounded-sm" | "tw-rounded">;
             tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
+            textClass: import('vue').ComputedRef<"" | "tw-text-label">;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             to: {
                 type: (StringConstructor | ObjectConstructor)[];
@@ -1022,11 +1046,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
                 validator(value: string): boolean;
             };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
         }>> & Readonly<{
             onClick?: (...args: any[]) => any;
         }>, {
             to: string | Record<string, any>;
             type: string;
+            size: string;
             href: string;
             variant: string;
             state: string;
@@ -1153,7 +1183,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         tagText(): string;
         tagColor(): "#AF741C" | "#CE2626" | "#2B7C5F" | "#CE4A00";
         matchRatio(): any;
-    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, {
+        orgDisplayName(org: {
+            displayName?: string | null;
+        }): string;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         loan: {
             type: ObjectConstructor;
             required: true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "8.18.1",
+  "version": "8.19.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -128,5 +128,5 @@
   "dependencies": {
     "fuse.js": "^7.1.0"
   },
-  "gitHead": "780ac87631c63baa1b900f0ee1a89e327476b263"
+  "gitHead": "b14a197356c09ac528c18fb7aa1f7f9fdbc8517e"
 }