@kiva/kv-components 8.11.2 → 8.11.4

package/dist/vue/KvIntroductionLoanCard.js

@@ -1,19 +1,19 @@
-import M from "./KvIntroductionLoanCard2.js";
+import N from "./KvIntroductionLoanCard2.js";
 import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as tt, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as et } from "./KvIntroductionLoanCard2.js";
-import { resolveComponent as d, openBlock as e, createElementBlock as n, normalizeClass as _, normalizeStyle as P, createElementVNode as s, createBlock as o, resolveDynamicComponent as g, withCtx as m, createVNode as i, Suspense as R, createTextVNode as p, toDisplayString as f, createCommentVNode as c, Fragment as A, renderList as T } from "vue";
+import { resolveComponent as s, openBlock as e, createElementBlock as n, normalizeClass as _, normalizeStyle as P, createElementVNode as i, createBlock as o, resolveDynamicComponent as g, withCtx as w, createVNode as d, Suspense as p, toDisplayString as f, createCommentVNode as m, Fragment as R, renderList as A } from "vue";
 import "./KvIntroductionLoanCard.css";
 import B from "../_virtual/_plugin-vue_export-helper.js";
-const D = { class: "tw-grow" }, z = { class: "loan-card-active-hover" }, I = {
+const D = { class: "tw-grow" }, T = { class: "loan-card-active-hover" }, z = {
   key: 1,
   style: { height: "11rem" },
   class: "tw-relative tw-overflow-hidden"
-}, V = { key: 0 }, F = {
-  class: "tw-absolute tw-bottom-1 tw-left-1 tw-text-primary tw-bg-white tw-rounded tw-p-1 tw-mb-0 tw-mr-2 tw-text-h4 tw-inline-flex tw-items-center !tw-capitalize",
+}, I = { key: 0 }, F = {
+  class: "tw-absolute tw-bottom-1 tw-left-1 tw-text-primary tw-bg-white tw-rounded tw-p-1 tw-mb-0 tw-mr-2 tw-text-label tw-flex tw-items-center tw-h-3 !tw-capitalize",
   style: { padding: "2px 6px" }
-}, O = {
+}, O = { style: { "margin-top": "0.125rem" } }, S = {
   key: 3,
   class: "tw-flex tw-justify-center tw-gap-2"
-}, S = {
+}, V = {
   key: 0,
   class: "tw-w-full",
   style: { height: "5.5rem" }
@@ -25,20 +25,20 @@ const D = { class: "tw-grow" }, z = { class: "loan-card-active-hover" }, I = {
   class: "tw-bg-eco-green-1 tw-text-action tw-text-center tw-py-1.5",
   style: { "font-weight": "bold", "font-size": "13px", "border-radius": "8px" }
 };
-function G(k, a, w, t, H, h) {
-  const l = d("kv-loading-placeholder"), u = d("kv-borrower-image"), y = d("kv-flag"), b = d("kv-loan-bookmark"), v = d("kv-loan-callouts"), x = d("kv-loan-use"), C = d("kv-loan-progress-group"), N = d("kv-loan-tag");
+function G(k, a, c, t, H, h) {
+  const l = s("kv-loading-placeholder"), u = s("kv-borrower-image"), y = s("kv-flag"), b = s("kv-loan-bookmark"), v = s("kv-loan-callouts"), x = s("kv-loan-use"), C = s("kv-loan-progress-group"), L = s("kv-loan-tag");
   return e(), n("div", {
     class: _(["tw-flex tw-flex-col tw-bg-white tw-rounded tw-w-full tw-pb-2", { "tw-pointer-events-none": t.isLoading }]),
     "data-testid": "loan-card",
     style: P([{ "box-shadow": "0px 4px 8px 0px rgba(0, 0, 0, 0.38)" }, { minWidth: "230px", maxWidth: h.cardWidth }])
   }, [
-    s("div", D, [
-      s("div", z, [
+    i("div", D, [
+      i("div", T, [
         t.isLoading ? (e(), o(l, {
           key: 0,
           class: "tw-w-full tw-rounded-t",
           style: { height: "11rem" }
-        })) : (e(), n("div", I, [
+        })) : (e(), n("div", z, [
           (e(), o(g(t.tag), {
             to: t.readMorePath,
             href: t.readMorePath,
@@ -46,21 +46,21 @@ function G(k, a, w, t, H, h) {
             "aria-label": "Borrower image",
             onClick: a[0] || (a[0] = (r) => t.clickReadMore("Photo", r))
           }, {
-            default: m(() => [
-              i(u, {
+            default: w(() => [
+              d(u, {
                 class: "tw-relative tw-w-full tw-bg-black tw-rounded-t borrower-image tw-bg-clip-content",
                 alt: `Photo of ${t.borrowerName}`,
                 "aspect-ratio": h.imageAspectRatio,
                 "default-image": { width: h.imageDefaultWidth },
                 hash: t.imageHash,
                 images: h.imageSizes,
-                "photo-path": w.photoPath
+                "photo-path": c.photoPath
               }, null, 8, ["alt", "aspect-ratio", "default-image", "hash", "images", "photo-path"]),
-              t.countryName ? (e(), n("div", V, [
-                s("p", F, [
-                  (e(), o(R, null, {
-                    default: m(() => [
-                      i(y, {
+              t.countryName ? (e(), n("div", I, [
+                i("p", F, [
+                  (e(), o(p, null, {
+                    default: w(() => [
+                      d(y, {
                         class: "tw-ml-0.5 tw-mr-1",
                         country: t.countryCode,
                         name: t.countryName,
@@ -70,16 +70,16 @@ function G(k, a, w, t, H, h) {
                     ]),
                     _: 1
                   })),
-                  p(" " + f(t.formattedLocation), 1)
+                  i("span", O, f(t.formattedLocation), 1)
                 ])
-              ])) : c("", !0)
+              ])) : m("", !0)
             ]),
             _: 1
           }, 8, ["to", "href"])),
-          w.isVisitor ? c("", !0) : (e(), o(b, {
+          c.isVisitor ? m("", !0) : (e(), o(b, {
             key: 0,
-            "loan-id": w.loanId,
-            "is-bookmarked": w.isBookmarked,
+            "loan-id": c.loanId,
+            "is-bookmarked": c.isBookmarked,
             class: "loan-bookmark tw-absolute tw-right-1.5 tw-top-0",
             "data-testid": "loan-card-bookmark",
             onToggleBookmark: a[1] || (a[1] = (r) => k.$emit("toggle-bookmark"))
@@ -89,7 +89,7 @@ function G(k, a, w, t, H, h) {
           key: 2,
           class: "tw-mt-1 tw-mx-auto",
           style: { width: "60%", height: "1.75rem", "border-radius": "500rem" }
-        })) : c("", !0),
+        })) : m("", !0),
         (e(), o(g(t.tag), {
           to: t.readMorePath,
           href: t.readMorePath,
@@ -97,30 +97,30 @@ function G(k, a, w, t, H, h) {
           class: "!tw-text-primary tw-no-underline",
           onClick: a[2] || (a[2] = (r) => t.clickReadMore("Name", r))
         }, {
-          default: m(() => [
-            s("h3", {
-              class: _(["loan-card-name", { "tw-text-center": t.borrowerName.length < 20 }]),
+          default: w(() => [
+            i("h3", {
+              class: _(["loan-card-name tw-text-title", { "tw-text-center": t.borrowerName.length < 20 }]),
               style: { "font-size": "28px" }
             }, f(t.borrowerName), 3)
           ]),
           _: 1
         }, 8, ["to", "href"])),
-        t.isLoading ? (e(), n("div", O, [
+        t.isLoading ? (e(), n("div", S, [
           t.isLoading || typeof t.loanCallouts > "u" ? (e(), o(l, {
             key: 0,
             class: "tw-mt-0.5 tw-mb-1",
             style: { width: "20%", height: "1.65rem", "border-radius": "500rem" }
-          })) : c("", !0),
+          })) : m("", !0),
           t.isLoading || typeof t.loanCallouts > "u" ? (e(), o(l, {
             key: 1,
             class: "tw-mt-0.5 tw-mb-1",
             style: { width: "20%", height: "1.65rem", "border-radius": "500rem" }
-          })) : c("", !0),
+          })) : m("", !0),
           t.isLoading || typeof t.loanCallouts > "u" ? (e(), o(l, {
             key: 2,
             class: "tw-mt-0.5 tw-mb-1",
             style: { width: "20%", height: "1.65rem", "border-radius": "500rem" }
-          })) : c("", !0)
+          })) : m("", !0)
         ])) : (e(), o(g(t.tag), {
           key: 4,
           to: t.readMorePath,
@@ -129,8 +129,8 @@ function G(k, a, w, t, H, h) {
           "aria-label": "Loan tag",
           onClick: a[3] || (a[3] = (r) => t.clickReadMore("Tag", r))
         }, {
-          default: m(() => [
-            i(v, {
+          default: w(() => [
+            d(v, {
               callouts: t.loanCallouts,
               "add-bg-color": !1,
               class: "loan-callouts"
@@ -145,19 +145,19 @@ function G(k, a, w, t, H, h) {
           "aria-label": "Loan use",
           onClick: a[4] || (a[4] = (r) => t.clickReadMore("Use", r))
         }, {
-          default: m(() => [
-            s("div", {
+          default: w(() => [
+            i("div", {
               class: _(["tw-pt-0.5 tw-px-2", { "tw-mb-1.5": !t.isLoading }])
             }, [
-              t.isLoading ? (e(), n("div", S, [
-                (e(!0), n(A, null, T([...Array(3)], (r, L) => (e(), n("div", {
-                  key: L,
+              t.isLoading ? (e(), n("div", V, [
+                (e(!0), n(R, null, A([...Array(3)], (r, M) => (e(), n("div", {
+                  key: M,
                   class: "tw-h-2 tw-mb-1"
                 }, [
-                  i(l)
+                  d(l)
                 ]))), 128))
               ])) : (e(), n("div", E, [
-                i(x, {
+                d(x, {
                   use: t.loanUse,
                   "loan-amount": t.loanAmount,
                   status: t.loanStatus,
@@ -174,24 +174,24 @@ function G(k, a, w, t, H, h) {
         }, 8, ["to", "href"]))
       ])
     ]),
-    s("div", U, [
-      t.hasProgressData ? c("", !0) : (e(), n("div", W, [
-        s("div", j, [
-          i(l, {
+    i("div", U, [
+      t.hasProgressData ? m("", !0) : (e(), n("div", W, [
+        i("div", j, [
+          d(l, {
             class: "tw-mb-0.5",
             style: { width: "20%", height: "1.3rem" }
           }),
-          i(l, {
+          d(l, {
             class: "tw-mb-0.5",
             style: { width: "20%", height: "1.3rem" }
           })
         ]),
-        i(l, {
+        d(l, {
           class: "tw-rounded",
           style: { width: "100%", height: "0.5rem" }
         })
       ])),
-      s("div", null, [
+      i("div", null, [
         t.sharesAvailable ? (e(), o(g(t.tag), {
           key: 0,
           to: t.readMorePath,
@@ -200,8 +200,8 @@ function G(k, a, w, t, H, h) {
           "aria-label": "Loan progress",
           onClick: a[5] || (a[5] = (r) => t.clickReadMore("Progress", r))
         }, {
-          default: m(() => [
-            i(C, {
+          default: w(() => [
+            d(C, {
               id: "loanProgress",
               "money-left": t.unreservedAmount,
               "amount-goal": t.loanAmount,
@@ -210,15 +210,15 @@ function G(k, a, w, t, H, h) {
             }, null, 8, ["money-left", "amount-goal", "progress-percent"])
           ]),
           _: 1
-        }, 8, ["to", "href"])) : c("", !0)
+        }, 8, ["to", "href"])) : m("", !0)
       ]),
       t.isLoading ? (e(), o(l, {
         key: 1,
         class: "tw-rounded tw-mx-auto tw-mt-2",
         style: { width: "9rem", height: "1rem" }
-      })) : h.isFunded ? (e(), n("div", K, " 🎉 Fully funded! ")) : (e(), o(N, {
+      })) : h.isFunded ? (e(), n("div", K, " 🎉 Fully funded! ")) : (e(), o(L, {
         key: 3,
-        loan: w.loan,
+        loan: c.loan,
         "use-expanded-styles": !0,
         style: { "font-size": "15px" },
         class: "tw-text-center tw-pt-2"
@@ -226,7 +226,7 @@ function G(k, a, w, t, H, h) {
     ])
   ], 6);
 }
-const Y = /* @__PURE__ */ B(M, [["render", G], ["__scopeId", "data-v-035d3df9"]]);
+const Y = /* @__PURE__ */ B(N, [["render", G], ["__scopeId", "data-v-fa784de7"]]);
 export {
   tt as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
   et as KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT,

package/dist/vue/KvLineGraph.js

@@ -2,36 +2,36 @@ import u from "./KvLineGraph2.js";
 import { openBlock as e, createElementBlock as a, createElementVNode as o, normalizeStyle as r, Fragment as s, renderList as w, toDisplayString as i, createCommentVNode as c, normalizeClass as m } from "vue";
 import d from "../_virtual/_plugin-vue_export-helper.js";
 const f = { class: "tw-h-full tw-w-full tw-p-2.5" };
-function h(b, g, n, t, y, _) {
+function h(b, g, n, l, y, p) {
   return e(), a("div", f, [
     o("figure", {
       class: "tw-w-full tw-relative",
-      style: r({ height: t.graphHeight })
+      style: r({ height: l.graphHeight })
     }, [
       o("div", {
         class: "tw-w-full tw-h-full tw-bg-marigold-2 tw-opacity-low",
-        style: r({ clipPath: `polygon(${t.shade}, 100% 100%, 0% 100%)` })
+        style: r({ clipPath: `polygon(${l.shade}, 100% 100%, 0% 100%)` })
       }, null, 4),
       o("div", {
         class: "tw-absolute tw-top-0 tw-w-full tw-h-full tw-bg-marigold-2",
-        style: r({ clipPath: `polygon(${t.line})` })
+        style: r({ clipPath: `polygon(${l.line})` })
       }, null, 4),
-      (e(!0), a(s, null, w(t.normalizedPoints, (l) => (e(), a("span", {
-        key: l.x,
+      (e(!0), a(s, null, w(l.normalizedPoints, (t) => (e(), a("span", {
+        key: t.x,
         class: "tw-absolute tw-w-2 tw-h-2 tw-border tw-border-white tw-bg-marigold-2 tw-rounded-full",
-        style: r({ left: `${l.x}%`, top: `${l.y}%`, transform: "translate(-50%, -50%)" })
+        style: r({ left: `${t.x}%`, top: `${t.y}%`, transform: "translate(-50%, -50%)" })
       }, null, 4))), 128)),
-      (e(!0), a(s, null, w(t.normalizedPoints, (l) => (e(), a(s, null, [
-        l.label ? (e(), a("span", {
-          key: l.label,
+      (e(!0), a(s, null, w(l.normalizedPoints, (t) => (e(), a(s, null, [
+        t.label ? (e(), a("span", {
+          key: t.label,
           class: "tw-absolute",
-          style: r({ left: `${l.x}%`, bottom: "-3rem", transform: "translate(-50%, -50%)" })
-        }, i(l.label), 5)) : c("", !0)
+          style: r({ left: `${t.x}%`, bottom: "-3rem", transform: "translate(-50%, -50%)" })
+        }, i(t.label), 5)) : c("", !0)
       ], 64))), 256))
     ], 4),
-    n.axisLabel ? (e(), a("h4", {
+    n.axisLabel ? (e(), a("p", {
       key: 0,
-      class: m(["tw-text-center", { "tw-pt-1": !t.hasValueLabels, "tw-pt-6": t.hasValueLabels }])
+      class: m(["tw-text-center tw-text-upper", { "tw-pt-1": !l.hasValueLabels, "tw-pt-6": l.hasValueLabels }])
     }, i(n.axisLabel), 3)) : c("", !0)
   ]);
 }

package/dist/vue/KvLoanActivities.css

@@ -1 +1 @@
-.loan-activity[data-v-29ed34b0] #kvLightboxBody{display:flex;flex-direction:column;padding-left:0;padding-right:0;padding-bottom:0}.loan-activity[data-v-29ed34b0] div>div>div>div>div:first-child{box-shadow:var(--kiva-box-shadow)}.loan-activity[data-v-29ed34b0] div>div>div>div>div:first-child>div,.loan-activity[data-v-29ed34b0] #kvLightboxBody div{box-shadow:none}.loan-activity[data-v-29ed34b0] #kvLightboxBody>div:first-child{padding-left:2rem;padding-right:2rem}.loan-activity[data-v-29ed34b0] [role=dialog]{min-width:840px;max-width:840px!important}@media (max-width: calc(840px + 2rem)){.loan-activity[data-v-29ed34b0] [role=dialog]{min-width:100%;max-width:100%!important}}.loan-activity[data-v-29ed34b0] #kvLightboxBody>div:nth-child(2){padding-left:2rem;padding-right:2rem;box-shadow:var(--kiva-negative-box-shadow)}
+.loan-activity[data-v-c2b4aeda] #kvLightboxBody{display:flex;flex-direction:column;padding-left:0;padding-right:0;padding-bottom:0}.loan-activity[data-v-c2b4aeda] div>div>div>div>div:first-child{box-shadow:var(--kiva-box-shadow)}.loan-activity[data-v-c2b4aeda] div>div>div>div>div:first-child>div,.loan-activity[data-v-c2b4aeda] #kvLightboxBody div{box-shadow:none}.loan-activity[data-v-c2b4aeda] #kvLightboxBody>div:first-child{padding-left:2rem;padding-right:2rem}.loan-activity[data-v-c2b4aeda] [role=dialog]{min-width:840px;max-width:840px!important}@media (max-width: calc(840px + 2rem)){.loan-activity[data-v-c2b4aeda] [role=dialog]{min-width:100%;max-width:100%!important}}.loan-activity[data-v-c2b4aeda] #kvLightboxBody>div:nth-child(2){padding-left:2rem;padding-right:2rem;box-shadow:var(--kiva-negative-box-shadow)}

package/dist/vue/KvLoanActivities.js

@@ -1,54 +1,54 @@
-import h from "./KvLoanActivities2.js";
+import g from "./KvLoanActivities2.js";
 import { KV_LOAN_ACTIVITIES_FRAGMENT as H } from "./KvLoanActivities2.js";
-import { resolveComponent as c, openBlock as n, createElementBlock as s, createElementVNode as o, createVNode as d, toDisplayString as l, createCommentVNode as r, withCtx as m, Fragment as w, renderList as _, createBlock as g } from "vue";
+import { resolveComponent as c, openBlock as n, createElementBlock as s, createElementVNode as i, createVNode as d, toDisplayString as l, createCommentVNode as r, withCtx as m, Fragment as w, renderList as _, createBlock as h } from "vue";
 import "./KvLoanActivities.css";
 import y from "../_virtual/_plugin-vue_export-helper.js";
 const A = {
   key: 0,
   class: "loan-activity"
-}, L = { class: "tw-flex tw-justify-center lg:tw-px-0" }, C = { class: "tw-flex tw-justify-center tw-mt-1 tw-text-small" }, K = { key: 0 }, N = { class: "tw-text-h3 tw-flex-1 data-hj-suppress" }, M = { class: "tw-overflow-x-hidden tw-px-2 tw-pb-1" }, T = { class: "tw-text-center tw-text-h4" }, V = { class: "tw-flex tw-flex-col tw-gap-y-1" }, B = {
+}, L = { class: "tw-flex tw-justify-center lg:tw-px-0" }, C = { class: "tw-flex tw-justify-center tw-mt-1 tw-text-small" }, K = { key: 0 }, N = { class: "tw-text-title tw-flex-1 data-hj-suppress" }, M = { class: "tw-overflow-x-hidden tw-px-2 tw-pb-1" }, T = { class: "tw-text-center tw-text-upper" }, V = { class: "tw-flex tw-flex-col tw-gap-y-1" }, B = {
   key: 0,
   class: "tw-mt-1 tw-text-small tw-text-danger"
 }, F = { class: "tw-flex tw-justify-end tw-mt-4 tw-pb-2.5 md:tw-pb-4" };
 function I(x, a, t, e, j, E) {
-  const v = c("KvActivityRow"), k = c("KvLendCta"), b = c("KvLightbox");
+  const v = c("KvActivityRow"), k = c("KvLendCta"), u = c("KvLightbox");
   return t.combinedActivities.length > 0 ? (n(), s("div", A, [
-    o("div", L, [
+    i("div", L, [
       d(v, { activity: e.singleActivity }, null, 8, ["activity"])
     ]),
-    o("div", C, [
+    i("div", C, [
       e.lendersNumber && e.amountLent ? (n(), s("span", K, l(e.lendersNumber) + " lenders lent " + l(e.amountLent) + ".   ", 1)) : r("", !0),
-      o("button", {
+      i("button", {
         class: "tw-text-action hover:tw-underline",
-        onClick: a[0] || (a[0] = (...i) => e.showActivityModal && e.showActivityModal(...i))
+        onClick: a[0] || (a[0] = (...o) => e.showActivityModal && e.showActivityModal(...o))
       }, " See all activity ")
     ]),
-    d(b, {
+    d(u, {
       title: "Activity Feed Modal",
       visible: e.lightboxOpen,
       onLightboxClosed: e.closeLightbox
     }, {
       header: m(() => [
-        o("h2", N, l(e.modalTitle), 1)
+        i("h2", N, l(e.modalTitle), 1)
       ]),
       default: m(() => [
-        o("div", M, [
-          (n(!0), s(w, null, _(t.combinedActivities, (i) => (n(), s("div", {
-            key: i.key,
+        i("div", M, [
+          (n(!0), s(w, null, _(t.combinedActivities, (o) => (n(), s("div", {
+            key: o.key,
             class: "md:tw-px-8 lg:tw-px-14 tw-mt-4"
           }, [
-            o("h4", T, l(e.formattedDate(i.key)), 1),
-            o("div", V, [
-              (n(!0), s(w, null, _(i.data, (f, u) => (n(), g(v, {
-                key: u,
-                activity: f
+            i("p", T, l(e.formattedDate(o.key)), 1),
+            i("div", V, [
+              (n(!0), s(w, null, _(o.data, (b, f) => (n(), h(v, {
+                key: f,
+                activity: b
               }, null, 8, ["activity"]))), 128))
             ])
           ]))), 128))
         ]),
-        o("div", null, [
+        i("div", null, [
           t.errorMsg ? (n(), s("p", B, l(t.errorMsg), 1)) : r("", !0),
-          o("div", F, [
+          i("div", F, [
             d(k, {
               loan: t.loan,
               "is-loading": !1,
@@ -61,7 +61,7 @@ function I(x, a, t, e, j, E) {
               "is-adding": t.isAdding,
               "is-visitor": t.isVisitor,
               "enable-five-dollars-notes": t.enableFiveDollarsNotes,
-              onAddToBasket: a[1] || (a[1] = (i) => x.$emit("add-to-basket", i))
+              onAddToBasket: a[1] || (a[1] = (o) => x.$emit("add-to-basket", o))
             }, null, 8, ["loan", "kv-track-function", "get-cookie", "set-cookie", "user-balance", "basket-items", "route", "is-adding", "is-visitor", "enable-five-dollars-notes"])
           ])
         ])
@@ -70,7 +70,7 @@ function I(x, a, t, e, j, E) {
     }, 8, ["visible", "onLightboxClosed"])
   ])) : r("", !0);
 }
-const G = /* @__PURE__ */ y(h, [["render", I], ["__scopeId", "data-v-29ed34b0"]]);
+const G = /* @__PURE__ */ y(g, [["render", I], ["__scopeId", "data-v-c2b4aeda"]]);
 export {
   H as KV_LOAN_ACTIVITIES_FRAGMENT,
   G as default

package/dist/vue/KvLoanInfoCard.css

@@ -1 +1 @@
-.loan-card-active-hover[data-v-5370a5d5]:hover{cursor:pointer}.loan-card-use[data-v-5370a5d5]:hover,.loan-card-use[data-v-5370a5d5]: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-5370a5d5]{text-decoration-line:underline}.loan-card-progress[data-v-5370a5d5]:hover,.loan-card-progress[data-v-5370a5d5]:focus{text-decoration-line:none}
+.loan-card-active-hover[data-v-de35f998]:hover{cursor:pointer}.loan-card-use[data-v-de35f998]:hover,.loan-card-use[data-v-de35f998]: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-de35f998]{text-decoration-line:underline}.loan-card-progress[data-v-de35f998]:hover,.loan-card-progress[data-v-de35f998]:focus{text-decoration-line:none}

package/dist/vue/KvLoanInfoCard.js

@@ -3,11 +3,11 @@ import { LOAN_GEOCODE_FRAGMENT as R, loanCardComputedProperties as z, loanCardMe
 import K from "./KvLoanUse.js";
 import W from "./KvBorrowerImage.js";
 import F from "./KvMaterialIcon.js";
-import T from "./KvLoadingPlaceholder.js";
-import { resolveComponent as m, openBlock as t, createElementBlock as i, normalizeClass as _, normalizeStyle as E, createElementVNode as d, createBlock as c, resolveDynamicComponent as v, withCtx as k, createVNode as s, createTextVNode as I, toDisplayString as b, createCommentVNode as O, Fragment as V, renderList as U, withModifiers as G } from "vue";
+import E from "./KvLoadingPlaceholder.js";
+import { resolveComponent as m, openBlock as t, createElementBlock as i, normalizeClass as _, normalizeStyle as I, createElementVNode as l, createBlock as c, resolveDynamicComponent as v, withCtx as k, createVNode as s, toDisplayString as b, createCommentVNode as T, Fragment as O, renderList as U, withModifiers as V } from "vue";
 import "./KvLoanInfoCard.css";
-import H from "../_virtual/_plugin-vue_export-helper.js";
-import { KV_LOAN_USE_FRAGMENT as q } from "./KvLoanUse2.js";
+import G from "../_virtual/_plugin-vue_export-helper.js";
+import { KV_LOAN_USE_FRAGMENT as H } from "./KvLoanUse2.js";
 const fe = B`
 	fragment KvLoanInfoCard on LoanBasic {
 		id
@@ -20,13 +20,13 @@ const fe = B`
 		...KvLoanUse
 		...LoanGeocode
 	}
-	${q}
+	${H}
 	${R}
-`, j = {
+`, q = {
   name: "KvLoanInfoCard",
   components: {
     KvBorrowerImage: W,
-    KvLoadingPlaceholder: T,
+    KvLoadingPlaceholder: E,
     KvLoanUse: K,
     KvMaterialIcon: F
   },
@@ -82,14 +82,14 @@ const fe = B`
       borrowerName: e,
       city: y,
       countryName: n,
-      distributionModel: l,
+      distributionModel: d,
       formattedLocation: h,
       imageHash: u,
       isLoading: f,
       loanAmount: r,
       loanBorrowerCount: g,
-      loanStatus: x,
-      loanUse: p,
+      loanStatus: p,
+      loanUse: x,
       mdiMapMarker: L,
       readMorePath: C,
       state: M,
@@ -104,14 +104,14 @@ const fe = B`
       borrowerName: e,
       city: y,
       countryName: n,
-      distributionModel: l,
+      distributionModel: d,
       formattedLocation: h,
       imageHash: u,
       isLoading: f,
       loanAmount: r,
       loanBorrowerCount: g,
-      loanStatus: x,
-      loanUse: p,
+      loanStatus: p,
+      loanUse: x,
       mdiMapMarker: L,
       readMorePath: C,
       state: M,
@@ -141,13 +141,13 @@ const fe = B`
       ];
     }
   }
-}, J = { class: "tw-grow" }, Q = { class: "loan-card-active-hover tw-h-full tw-flex tw-flex-col" }, X = {
+}, j = { class: "tw-grow" }, J = { class: "loan-card-active-hover tw-h-full tw-flex tw-flex-col" }, Q = {
   key: 1,
   class: "tw-relative"
-}, Y = { key: 0 }, Z = {
-  class: "tw-absolute tw-bottom-1 tw-left-1 tw-text-primary tw-bg-white tw-rounded tw-p-1 tw-mb-0 tw-mr-2 tw-text-h4 tw-inline-flex tw-items-center",
+}, X = { key: 0 }, Y = {
+  class: "tw-absolute tw-bottom-1 tw-left-1 tw-text-primary tw-bg-white tw-rounded tw-p-1 tw-mb-0 tw-mr-2 tw-text-label tw-flex tw-items-center tw-h-3",
   style: { padding: "2px 6px", "text-transform": "capitalize" }
-}, $ = { class: "tw-mb-1.5 tw-pt-1" }, ee = {
+}, Z = { style: { "margin-top": "0.125rem" } }, $ = { class: "tw-mb-1.5 tw-pt-1" }, ee = {
   key: 0,
   class: "tw-w-full",
   style: { height: "5.5rem" }
@@ -157,19 +157,19 @@ const fe = B`
   style: { height: "1rem" }
 };
 function re(w, a, o, e, y, n) {
-  const l = m("kv-loading-placeholder"), h = m("kv-borrower-image"), u = m("kv-material-icon"), f = m("kv-loan-use");
+  const d = m("kv-loading-placeholder"), h = m("kv-borrower-image"), u = m("kv-material-icon"), f = m("kv-loan-use");
   return t(), i("div", {
     class: _(["tw-flex tw-flex-col tw-bg-white tw-rounded tw-h-full tw-w-full tw-pb-1 tw-p-1", { "tw-pointer-events-none": e.isLoading }]),
     "data-testid": "loan-card",
-    style: E([{ "box-shadow": "0 4px 12px rgba(0, 0, 0, 0.08)" }, { minWidth: "230px", maxWidth: n.cardWidth }])
+    style: I([{ "box-shadow": "0 4px 12px rgba(0, 0, 0, 0.08)" }, { minWidth: "230px", maxWidth: n.cardWidth }])
   }, [
-    d("div", J, [
-      d("div", Q, [
-        e.isLoading ? (t(), c(l, {
+    l("div", j, [
+      l("div", J, [
+        e.isLoading ? (t(), c(d, {
           key: 0,
           class: _(["tw-mb-1 tw-w-full", { "tw-rounded-t-sm tw-rounded-b-none": o.largeCard, "!tw-rounded-sm": !o.largeCard }]),
           style: { height: "15rem" }
-        }, null, 8, ["class"])) : (t(), i("div", X, [
+        }, null, 8, ["class"])) : (t(), i("div", Q, [
           (t(), c(v(e.tag), {
             to: e.readMorePath,
             href: e.readMorePath,
@@ -187,15 +187,15 @@ function re(w, a, o, e, y, n) {
                 images: n.imageSizes,
                 "photo-path": o.photoPath
               }, null, 8, ["class", "alt", "aspect-ratio", "default-image", "hash", "images", "photo-path"]),
-              e.countryName ? (t(), i("div", Y, [
-                d("p", Z, [
+              e.countryName ? (t(), i("div", X, [
+                l("p", Y, [
                   s(u, {
                     class: "tw-h-2 tw-w-2",
                     icon: e.mdiMapMarker
                   }, null, 8, ["icon"]),
-                  I(" " + b(e.formattedLocation), 1)
+                  l("span", Z, b(e.formattedLocation), 1)
                 ])
-              ])) : O("", !0)
+              ])) : T("", !0)
             ]),
             _: 1
           }, 8, ["to", "href"]))
@@ -208,13 +208,13 @@ function re(w, a, o, e, y, n) {
           onClick: a[1] || (a[1] = (r) => e.clickReadMore("Use", r))
         }, {
           default: k(() => [
-            d("div", $, [
+            l("div", $, [
               e.isLoading ? (t(), i("div", ee, [
-                (t(!0), i(V, null, U([...Array(4)], (r, g) => (t(), i("div", {
+                (t(!0), i(O, null, U([...Array(4)], (r, g) => (t(), i("div", {
                   key: g,
                   class: "tw-h-2 tw-mb-1"
                 }, [
-                  s(l)
+                  s(d)
                 ]))), 128))
               ])) : (t(), i("div", te, [
                 s(f, {
@@ -240,12 +240,12 @@ function re(w, a, o, e, y, n) {
           onClick: a[3] || (a[3] = (r) => e.clickReadMore(o.primaryLinkText, r))
         }, {
           default: k(() => [
-            d("div", ae, [
+            l("div", ae, [
               e.isLoading ? (t(), i("div", oe, [
-                s(l)
+                s(d)
               ])) : (t(), i("div", {
                 key: 1,
-                onClick: a[2] || (a[2] = G((r) => e.clickReadMore("ViewLoan", r), ["prevent"]))
+                onClick: a[2] || (a[2] = V((r) => e.clickReadMore("ViewLoan", r), ["prevent"]))
               }, b(o.primaryLinkText), 1))
             ])
           ]),
@@ -255,7 +255,7 @@ function re(w, a, o, e, y, n) {
     ])
   ], 6);
 }
-const ge = /* @__PURE__ */ H(j, [["render", re], ["__scopeId", "data-v-5370a5d5"]]);
+const ge = /* @__PURE__ */ G(q, [["render", re], ["__scopeId", "data-v-de35f998"]]);
 export {
   fe as KV_LOAN_INFO_CARD_FRAGMENT,
   ge as default

package/dist/vue/KvLoanProgressGroup.css

@@ -1 +1 @@
-.progress-group-amount-low[data-v-d788b8b5]{color:#ce4a00}
+.progress-group-amount-low[data-v-bb22840b]{color:#ce4a00}

package/dist/vue/KvLoanProgressGroup.js

@@ -1,29 +1,29 @@
 import c from "./KvLoanProgressGroup2.js";
-import { resolveComponent as m, openBlock as o, createElementBlock as r, createElementVNode as a, normalizeClass as n, toDisplayString as s, createCommentVNode as u, createVNode as _ } from "vue";
+import { resolveComponent as m, openBlock as o, createElementBlock as r, createElementVNode as a, normalizeClass as n, toDisplayString as l, createCommentVNode as u, createVNode as _ } from "vue";
 import "./KvLoanProgressGroup.css";
 import d from "../_virtual/_plugin-vue_export-helper.js";
-const f = {
+const p = {
   key: 0,
-  class: "tw-lowercase tw-mb-0.5"
+  class: "tw-text-label tw-mb-0.5"
 };
-function i(p, w, e, g, b, t) {
-  const l = m("kv-progress-bar");
+function f(i, b, e, g, w, t) {
+  const s = m("kv-progress-bar");
   return o(), r("figure", null, [
     a("div", {
       class: n({ "tw-flex tw-justify-between": e.amountGoal })
     }, [
-      a("h4", {
-        class: n(["tw-lowercase tw-mb-0.5", { "progress-group-amount-low": t.amountLow }])
-      }, s(t.fundingText), 3),
-      e.amountGoal ? (o(), r("h4", f, s(t.goalText), 1)) : u("", !0)
+      a("p", {
+        class: n(["tw-text-label tw-mb-0.5", { "progress-group-amount-low": t.amountLow }])
+      }, l(t.fundingText), 3),
+      e.amountGoal ? (o(), r("p", p, l(t.goalText), 1)) : u("", !0)
     ], 2),
-    _(l, {
+    _(s, {
       label: "Percent the loan has funded",
       value: e.progressPercent * 100
     }, null, 8, ["value"])
   ]);
 }
-const y = /* @__PURE__ */ d(c, [["render", i], ["__scopeId", "data-v-d788b8b5"]]);
+const y = /* @__PURE__ */ d(c, [["render", f], ["__scopeId", "data-v-bb22840b"]]);
 export {
   y as default
 };