@kiva/kv-components 7.1.0 → 7.2.0

package/dist/vue/KvCompactLoanCard.css

@@ -1 +1 @@
-.loan-card-use[data-v-b7c571a8]:hover,.loan-card-use[data-v-b7c571a8]:focus{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1))}.loan-card-active-hover:hover .loan-card-use[data-v-b7c571a8]{text-decoration-line:underline}.loan-card-progress[data-v-b7c571a8]:hover,.loan-card-progress[data-v-b7c571a8]:focus{text-decoration-line:none}.loan-card-use-text[data-v-b7c571a8] p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;text-overflow:ellipsis}.loan-card-cta[data-v-b7c571a8] form,.loan-card-cta[data-v-b7c571a8] fieldset,.loan-card-cta[data-v-b7c571a8] .tw-w-full,.loan-card-cta[data-v-b7c571a8] button{height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.loan-card-cta[data-v-b7c571a8] .tw-inline-flex{height:40px!important;max-height:40px!important;min-height:40px!important}
+.loan-card-use[data-v-ab7b4585]:hover,.loan-card-use[data-v-ab7b4585]:focus{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1))}.loan-card-active-hover:hover .loan-card-use[data-v-ab7b4585]{text-decoration-line:underline}.loan-card-progress[data-v-ab7b4585]:hover,.loan-card-progress[data-v-ab7b4585]:focus{text-decoration-line:none}.loan-card-use-text[data-v-ab7b4585] p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;text-overflow:ellipsis}.loan-card-cta[data-v-ab7b4585] form,.loan-card-cta[data-v-ab7b4585] fieldset,.loan-card-cta[data-v-ab7b4585] .tw-w-full,.loan-card-cta[data-v-ab7b4585] button{height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.loan-card-cta[data-v-ab7b4585] .tw-inline-flex{height:40px!important;max-height:40px!important;min-height:40px!important}

package/dist/vue/KvCompactLoanCard.js

@@ -178,9 +178,9 @@ const Fe = B`
       city: C,
       countryName: A,
       distributionModel: w,
-      formattedLocation: g,
+      formattedLocation: h,
       fundraisingPercent: s,
-      hasProgressData: h,
+      hasProgressData: g,
       imageHash: k,
       isLoading: v,
       loanAmount: _,
@@ -202,9 +202,9 @@ const Fe = B`
       city: C,
       countryName: A,
       distributionModel: w,
-      formattedLocation: g,
+      formattedLocation: h,
       fundraisingPercent: s,
-      hasProgressData: h,
+      hasProgressData: g,
       imageHash: k,
       isLoading: v,
       loanAmount: _,
@@ -233,15 +233,18 @@ const Fe = B`
       return E(l).format("$0,0");
     }
   }
-}, ie = { class: "tw-flex tw-flex-col tw-items-start tw-justify-between tw-p-1 tw-bg-white tw-rounded-md tw-shadow-lg tw-w-full" }, se = { class: "tw-flex tw-flex-col tw-items-start tw-w-full" }, de = { class: "tw-flex tw-items-start tw-gap-2 tw-w-full loan-card-active-hover" }, me = { class: "tw-flex-shrink-0 tw-overflow-hidden" }, ue = { class: "tw-flex tw-flex-col tw-items-start tw-gap-1 tw-flex-1 tw-min-w-0" }, ce = {
+}, ie = { class: "tw-flex tw-flex-col tw-items-start tw-justify-between tw-p-1 tw-bg-white tw-rounded-md tw-shadow-lg tw-w-full" }, se = { class: "tw-flex tw-flex-col tw-items-start tw-w-full" }, de = {
+  class: "tw-flex tw-items-start tw-gap-2 tw-w-full loan-card-active-hover",
+  style: { height: "6.75rem", "max-height": "6.75rem" }
+}, me = { class: "tw-flex-shrink-0 tw-overflow-hidden" }, ue = { class: "tw-flex tw-flex-col tw-items-start tw-gap-1 tw-flex-1 tw-min-w-0" }, ce = {
   key: 0,
   class: "loan-card-use-text tw-w-full tw-overflow-hidden"
 }, fe = {
   key: 1,
   class: "loan-card-use-text tw-w-full tw-overflow-hidden"
-}, we = { class: "tw-flex-1 tw-min-w-0" }, ge = { class: "tw-flex-1 tw-min-w-0" };
-function he(l, o, t, e, C, A) {
-  const w = d("kv-borrower-image"), g = d("kv-loan-tag"), s = d("kv-loading-placeholder"), h = d("kv-loan-use"), k = d("kv-loan-callouts"), v = d("kv-loan-progress-group"), _ = d("kv-lend-cta");
+}, we = { class: "tw-flex-1 tw-min-w-0" }, he = { class: "tw-flex-1 tw-min-w-0" };
+function ge(l, o, t, e, C, A) {
+  const w = d("kv-borrower-image"), h = d("kv-loan-tag"), s = d("kv-loading-placeholder"), g = d("kv-loan-use"), k = d("kv-loan-callouts"), v = d("kv-loan-progress-group"), _ = d("kv-lend-cta");
   return n(), m("div", ie, [
     r("div", se, [
       r("div", de, [
@@ -277,7 +280,7 @@ function he(l, o, t, e, C, A) {
             onClick: o[1] || (o[1] = (a) => e.clickReadMore("Tag", a))
           }, {
             default: f(() => [
-              t.showTags && !e.isLoading ? (n(), i(g, {
+              t.showTags && !e.isLoading ? (n(), i(h, {
                 key: 0,
                 loan: t.loan
               }, null, 8, ["loan"])) : L("", !0)
@@ -300,15 +303,17 @@ function he(l, o, t, e, C, A) {
                   u(s)
                 ]))), 128))
               ])) : (n(), m("div", fe, [
-                u(h, {
+                u(g, {
                   use: e.loanUse,
                   "loan-amount": e.loanAmount,
                   status: e.loanStatus,
                   "borrower-count": e.loanBorrowerCount,
                   name: e.borrowerName,
                   "distribution-model": e.distributionModel,
+                  "bold-name": !0,
+                  country: e.formattedLocation,
                   class: "tw-text-small tw-leading-tight"
-                }, null, 8, ["use", "loan-amount", "status", "borrower-count", "name", "distribution-model"])
+                }, null, 8, ["use", "loan-amount", "status", "borrower-count", "name", "distribution-model", "country"])
               ]))
             ]),
             _: 1
@@ -330,7 +335,7 @@ function he(l, o, t, e, C, A) {
       class: x(["tw-flex tw-items-end tw-w-full tw-mt-1", { "tw-gap-1": e.sharesAvailable }])
     }, [
       e.hasProgressData ? (n(), m(b, { key: 1 }, [
-        r("div", ge, [
+        r("div", he, [
           e.sharesAvailable ? (n(), i(c(e.tag), {
             key: 0,
             to: e.readMorePath,
@@ -399,7 +404,7 @@ function he(l, o, t, e, C, A) {
     ], 2)
   ]);
 }
-const Oe = /* @__PURE__ */ le(re, [["render", he], ["__scopeId", "data-v-b7c571a8"]]);
+const Oe = /* @__PURE__ */ le(re, [["render", ge], ["__scopeId", "data-v-ab7b4585"]]);
 export {
   Fe as KV_COMPACT_LOAN_CARD_FRAGMENT,
   Ee as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,

package/dist/vue/KvLoanUse.js

@@ -1,8 +1,8 @@
-import n from "graphql-tag";
+import s from "graphql-tag";
 import a from "numeral";
 import { openBlock as i, createElementBlock as o } from "vue";
 import r from "../_virtual/_plugin-vue_export-helper.js";
-const t = "direct", g = n`
+const t = "direct", w = s`
 	fragment KvLoanUse on LoanBasic {
 		id
 		anonymizationLevel
@@ -14,7 +14,7 @@ const t = "direct", g = n`
 		distributionModel
 		whySpecial
 	}
-`, l = {
+`, u = {
   name: "KvLoanUse",
   props: {
     anonymizationLevel: {
@@ -52,6 +52,14 @@ const t = "direct", g = n`
     hideLoanAmount: {
       type: Boolean,
       default: !1
+    },
+    boldName: {
+      type: Boolean,
+      default: !1
+    },
+    country: {
+      type: String,
+      default: ""
     }
   },
   computed: {
@@ -64,24 +72,27 @@ const t = "direct", g = n`
     whySpecialSentence() {
       return this.whySpecial ? ` This loan is special because ${this.whySpecial.charAt(0).toLowerCase() + this.whySpecial.slice(1)}` : "";
     },
+    nameSpan() {
+      return this.boldName ? this.country ? `<span class="data-hj-suppress tw-font-medium">${this.name} in ${this.country}</span>` : `<span class="data-hj-suppress tw-font-medium">${this.name}</span>` : `<span class="data-hj-suppress">${this.name}</span>`;
+    },
     loanUse() {
       if (this.anonymizationLevel === "full" || this.use.length === 0)
         return "For the borrower's privacy, this loan has been made anonymous.";
       if (this.hideLoanAmount)
-        return `Help <span class="data-hj-suppress">${this.name}</span> ${this.use.charAt(0).toLowerCase() + this.use.slice(1)} ${this.whySpecialSentence}`;
+        return `Help ${this.nameSpan} ${this.use.charAt(0).toLowerCase() + this.use.slice(1)} ${this.whySpecialSentence}`;
       const e = this.borrowerCount > 1;
-      return `${a(this.loanAmount).format("$0,0")} ${this.isDirect ? "to" : this.helpLanguage} ${e ? "a member of " : ""}<span class="data-hj-suppress">${this.name}</span> ${this.isDirect ? `${this.helpLanguage} ` : ""}${this.use.charAt(0).toLowerCase() + this.use.slice(1)}${this.whySpecialSentence}`;
+      return `${a(this.loanAmount).format("$0,0")} ${this.isDirect ? "to" : this.helpLanguage} ${e ? "a member of " : ""}${this.nameSpan} ${this.isDirect ? `${this.helpLanguage} ` : ""}${this.use.charAt(0).toLowerCase() + this.use.slice(1)}${this.whySpecialSentence}`;
     }
   }
-}, u = ["innerHTML"];
-function h(e, p, c, m, d, s) {
+}, l = ["innerHTML"];
+function h(e, p, c, m, d, n) {
   return i(), o("p", {
     class: "tw-line-clamp-4",
-    innerHTML: s.loanUse
-  }, null, 8, u);
+    innerHTML: n.loanUse
+  }, null, 8, l);
 }
-const w = /* @__PURE__ */ r(l, [["render", h]]);
+const g = /* @__PURE__ */ r(u, [["render", h]]);
 export {
-  g as KV_LOAN_USE_FRAGMENT,
-  w as default
+  w as KV_LOAN_USE_FRAGMENT,
+  g as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "7.1.0",
+  "version": "7.2.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -21,7 +21,7 @@
     "@babel/preset-env": "^7.24.8",
     "@babel/preset-react": "^7.24.7",
     "@babel/preset-typescript": "^7.24.7",
-    "@kiva/kv-tokens": "^3.5.0",
+    "@kiva/kv-tokens": "^3.5.1",
     "@kiva/vite-plugin-vue-lib-css": "^2.0.0",
     "@laynezh/vite-plugin-lib-assets": "^0.6.1",
     "@mdi/js": "^7.4.47",
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "e89d40ce0dda4f00cdfb43b62d7d6e3938ca621b"
+  "gitHead": "6f295be2f5791019ec8eb23e9f3b4ed36644bb43"
 }