@kiva/kv-components 8.5.2 → 8.5.4

package/dist/vue/KvLoanInfoCard.css

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

package/dist/vue/KvLoanInfoCard.js

@@ -4,7 +4,7 @@ import D from "./KvLoanUse.js";
 import K from "./KvBorrowerImage.js";
 import W from "./KvMaterialIcon.js";
 import F from "./KvLoadingPlaceholder.js";
-import { resolveComponent as c, openBlock as t, createElementBlock as i, normalizeClass as _, normalizeStyle as T, createElementVNode as d, createBlock as h, resolveDynamicComponent as v, withCtx as k, createVNode as s, createTextVNode as E, toDisplayString as b, createCommentVNode as I, Fragment as O, renderList as V, withModifiers as U } from "vue";
+import { resolveComponent as c, openBlock as t, createElementBlock as i, normalizeClass as _, normalizeStyle as T, createElementVNode as d, createBlock as w, resolveDynamicComponent as v, withCtx as k, createVNode as s, createTextVNode as E, toDisplayString as b, createCommentVNode as I, Fragment as O, renderList as V, withModifiers as U } from "vue";
 import "./KvLoanInfoCard.css";
 import G from "../_virtual/_plugin-vue_export-helper.js";
 import { KV_LOAN_USE_FRAGMENT as H } from "./KvLoanUse2.js";
@@ -83,14 +83,14 @@ const ue = P`
       city: y,
       countryName: n,
       distributionModel: l,
-      formattedLocation: w,
+      formattedLocation: h,
       imageHash: u,
       isLoading: f,
       loanAmount: r,
       loanStatus: g,
       loanUse: p,
-      mdiMapMarker: L,
-      readMorePath: x,
+      mdiMapMarker: x,
+      readMorePath: L,
       state: C,
       tag: M,
       unreservedAmount: N,
@@ -104,14 +104,14 @@ const ue = P`
       city: y,
       countryName: n,
       distributionModel: l,
-      formattedLocation: w,
+      formattedLocation: h,
       imageHash: u,
       isLoading: f,
       loanAmount: r,
       loanStatus: g,
       loanUse: p,
-      mdiMapMarker: L,
-      readMorePath: x,
+      mdiMapMarker: x,
+      readMorePath: L,
       state: C,
       tag: M,
       unreservedAmount: N,
@@ -139,7 +139,7 @@ const ue = P`
       ];
     }
   }
-}, j = { class: "tw-grow" }, J = { class: "loan-card-active-hover" }, Q = {
+}, j = { class: "tw-grow" }, J = { class: "loan-card-active-hover tw-h-full tw-flex tw-flex-col" }, Q = {
   key: 1,
   class: "tw-relative"
 }, X = { key: 0 }, Y = {
@@ -155,20 +155,20 @@ const ue = P`
   style: { height: "1rem" }
 };
 function oe(m, a, o, e, y, n) {
-  const l = c("kv-loading-placeholder"), w = c("kv-borrower-image"), u = c("kv-material-icon"), f = c("kv-loan-use");
+  const l = c("kv-loading-placeholder"), h = c("kv-borrower-image"), u = c("kv-material-icon"), f = c("kv-loan-use");
   return t(), i("div", {
-    class: _(["tw-flex tw-flex-col tw-bg-white tw-rounded tw-w-full tw-pb-1 tw-p-1", { "tw-pointer-events-none": e.isLoading }]),
+    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: T([{ "box-shadow": "0 4px 12px rgba(0, 0, 0, 0.08)" }, { minWidth: "230px", maxWidth: n.cardWidth }])
   }, [
     d("div", j, [
       d("div", J, [
-        e.isLoading ? (t(), h(l, {
+        e.isLoading ? (t(), w(l, {
           key: 0,
           class: _(["tw-mb-1 tw-w-full", { "tw-rounded-t tw-rounded-b-none": o.largeCard, "tw-rounded": !o.largeCard }]),
           style: { height: "15rem" }
         }, null, 8, ["class"])) : (t(), i("div", Q, [
-          (t(), h(v(e.tag), {
+          (t(), w(v(e.tag), {
             to: e.readMorePath,
             href: e.readMorePath,
             class: "tw-flex",
@@ -176,7 +176,7 @@ function oe(m, a, o, e, y, n) {
             onClick: a[0] || (a[0] = (r) => e.clickReadMore("Photo", r))
           }, {
             default: k(() => [
-              s(w, {
+              s(h, {
                 class: _(["tw-relative tw-w-full tw-bg-black", { "tw-rounded-t": o.largeCard, "tw-rounded": !o.largeCard }]),
                 alt: `Photo of ${e.borrowerName}`,
                 "aspect-ratio": n.imageAspectRatio,
@@ -198,7 +198,7 @@ function oe(m, a, o, e, y, n) {
             _: 1
           }, 8, ["to", "href"]))
         ])),
-        (t(), h(v(e.tag), {
+        (t(), w(v(e.tag), {
           to: e.readMorePath,
           href: e.readMorePath,
           class: "loan-card-use tw-no-underline tw-text-primary",
@@ -230,10 +230,10 @@ function oe(m, a, o, e, y, n) {
           ]),
           _: 1
         }, 8, ["to", "href"])),
-        (t(), h(v(e.tag), {
+        (t(), w(v(e.tag), {
           to: e.readMorePath,
           href: e.readMorePath,
-          class: "loan-card-learn-more tw-no-underline hover:tw-no-underline tw-font-medium tw-text-action hover:tw-text-action-highlight",
+          class: "loan-card-learn-more tw-no-underline hover:tw-no-underline tw-font-medium tw-text-action hover:tw-text-action-highlight tw-mt-auto",
           "aria-label": o.primaryLinkText,
           onClick: a[3] || (a[3] = (r) => e.clickReadMore(o.primaryLinkText, r))
         }, {
@@ -253,7 +253,7 @@ function oe(m, a, o, e, y, n) {
     ])
   ], 6);
 }
-const fe = /* @__PURE__ */ G(q, [["render", oe], ["__scopeId", "data-v-5a01b4de"]]);
+const fe = /* @__PURE__ */ G(q, [["render", oe], ["__scopeId", "data-v-56d96df4"]]);
 export {
   ue as KV_LOAN_INFO_CARD_FRAGMENT,
   fe as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "8.5.2",
+  "version": "8.5.4",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -34,7 +34,7 @@
     "@babel/preset-env": "^7.24.8",
     "@babel/preset-react": "^7.24.7",
     "@babel/preset-typescript": "^7.24.7",
-    "@kiva/kv-tokens": "^3.7.1",
+    "@kiva/kv-tokens": "^3.7.2",
     "@kiva/vite-plugin-vue-lib-css": "^2.0.0",
     "@laynezh/vite-plugin-lib-assets": "^0.6.1",
     "@mdi/js": "^7.4.47",
@@ -125,5 +125,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "8ae76e2ab2c457b7dd52654cb154bbd2723904ef"
+  "gitHead": "79d1606e5c72b3b1a4e64fe7b94944030d3a23aa"
 }