@kiva/kv-components 6.67.2 → 6.68.0

package/dist/vue/KvCompactLoanCard.css

@@ -1 +1 @@
-.loan-card-use[data-v-6a955eed]:hover,.loan-card-use[data-v-6a955eed]: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-6a955eed]{text-decoration-line:underline}.loan-card-progress[data-v-6a955eed]:hover,.loan-card-progress[data-v-6a955eed]:focus{text-decoration-line:none}.loan-card-use-text[data-v-6a955eed] 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-6a955eed] form,.loan-card-cta[data-v-6a955eed] fieldset,.loan-card-cta[data-v-6a955eed] .tw-w-full,.loan-card-cta[data-v-6a955eed] button{height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.loan-card-cta[data-v-6a955eed] .tw-inline-flex{height:40px!important;max-height:40px!important;min-height:40px!important}
+.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}

package/dist/vue/KvCompactLoanCard.js

@@ -178,9 +178,9 @@ const Fe = B`
       city: C,
       countryName: A,
       distributionModel: w,
-      formattedLocation: h,
+      formattedLocation: g,
       fundraisingPercent: s,
-      hasProgressData: g,
+      hasProgressData: h,
       imageHash: k,
       isLoading: v,
       loanAmount: _,
@@ -202,9 +202,9 @@ const Fe = B`
       city: C,
       countryName: A,
       distributionModel: w,
-      formattedLocation: h,
+      formattedLocation: g,
       fundraisingPercent: s,
-      hasProgressData: g,
+      hasProgressData: h,
       imageHash: k,
       isLoading: v,
       loanAmount: _,
@@ -233,18 +233,15 @@ 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",
-  style: { "min-width": "322px" }
-}, 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" }, 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" }, 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");
+}, 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");
   return n(), m("div", ie, [
     r("div", se, [
       r("div", de, [
@@ -280,7 +277,7 @@ function ge(l, o, t, e, C, A) {
             onClick: o[1] || (o[1] = (a) => e.clickReadMore("Tag", a))
           }, {
             default: f(() => [
-              t.showTags && !e.isLoading ? (n(), i(h, {
+              t.showTags && !e.isLoading ? (n(), i(g, {
                 key: 0,
                 loan: t.loan
               }, null, 8, ["loan"])) : L("", !0)
@@ -303,7 +300,7 @@ function ge(l, o, t, e, C, A) {
                   u(s)
                 ]))), 128))
               ])) : (n(), m("div", fe, [
-                u(g, {
+                u(h, {
                   use: e.loanUse,
                   "loan-amount": e.loanAmount,
                   status: e.loanStatus,
@@ -333,7 +330,7 @@ function ge(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", he, [
+        r("div", ge, [
           e.sharesAvailable ? (n(), i(c(e.tag), {
             key: 0,
             to: e.readMorePath,
@@ -402,7 +399,7 @@ function ge(l, o, t, e, C, A) {
     ], 2)
   ]);
 }
-const Oe = /* @__PURE__ */ le(re, [["render", ge], ["__scopeId", "data-v-6a955eed"]]);
+const Oe = /* @__PURE__ */ le(re, [["render", he], ["__scopeId", "data-v-b7c571a8"]]);
 export {
   Fe as KV_COMPACT_LOAN_CARD_FRAGMENT,
   Ee as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css

@@ -1 +1 @@
-.header-link[data-v-151d85c9]{cursor:pointer;padding-top:1rem;padding-bottom:1rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.header-link[data-v-151d85c9]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}[data-v-151d85c9] .avatar div:first-child{display:flex}
+.header-link[data-v-11e40cc0]{cursor:pointer;padding-top:1rem;padding-bottom:1rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.header-link[data-v-11e40cc0]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}[data-v-11e40cc0] .avatar div:first-child{display:flex}

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as h, ref as l, inject as Z, computed as H, watch as _, onMounted as $, onUnmounted as ee, resolveComponent as p, resolveDirective as ne, openBlock as r, createElementBlock as w, withDirectives as v, normalizeClass as y, withModifiers as U, createVNode as B, createBlock as T, withCtx as K, createTextVNode as f, createElementVNode as M, createCommentVNode as P, vShow as V, toDisplayString as te } from "vue";
+import { defineAsyncComponent as h, ref as l, inject as Z, computed as H, watch as _, onMounted as $, onUnmounted as ee, resolveComponent as p, resolveDirective as ne, openBlock as r, createElementBlock as w, withDirectives as v, normalizeClass as y, withModifiers as U, createVNode as B, createBlock as T, withCtx as x, createTextVNode as f, createElementVNode as M, createCommentVNode as P, vShow as V, toDisplayString as te } from "vue";
 import { mdiAccountCircle as oe, mdiChevronDown as ae, mdiMagnify as le, mdiMenu as re } from "@mdi/js";
 import ie from "numeral";
 import de from "@kiva/kv-tokens";
@@ -10,7 +10,7 @@ import { throttle as ce } from "../../utils/throttle.js";
 import { isLegacyPlaceholderAvatar as we } from "../../utils/imageUtils.js";
 import "./KvHeaderLinkBar.css";
 import fe from "../../_virtual/_plugin-vue_export-helper.js";
-const Me = h(() => import("./KvHeaderMobileMenu.js")), R = h(() => import("./KvHeaderMyKivaMenu.js")), ke = h(() => import("./LendMenu/KvLendMenu.js")), he = h(() => import("./KvHeaderTakeActionMenu.js")), ge = h(() => import("./KvHeaderAboutMenu.js")), F = 150, k = "avatar-menu", x = "menuButton", W = { top: "-3.75rem", width: "100%" }, A = "lendButton", be = {
+const Me = h(() => import("./KvHeaderMobileMenu.js")), R = h(() => import("./KvHeaderMyKivaMenu.js")), ke = h(() => import("./LendMenu/KvLendMenu.js")), he = h(() => import("./KvHeaderTakeActionMenu.js")), ge = h(() => import("./KvHeaderAboutMenu.js")), F = 150, k = "avatar-menu", K = "menuButton", W = { top: "-3.75rem", width: "100%" }, A = "lendButton", be = {
   components: {
     KvMaterialIcon: ue,
     KvIconBag: me,
@@ -69,7 +69,7 @@ const Me = h(() => import("./KvHeaderMobileMenu.js")), R = h(() => import("./KvH
       ), t.value = o, u(
         o,
         m,
-        o === x && i.isMobile ? W : s
+        o === K && i.isMobile ? W : s
       ));
     }, j = (o) => {
       !navigator.maxTouchPoints && t.value === o && (t.value = null, u());
@@ -88,7 +88,7 @@ const Me = h(() => import("./KvHeaderMobileMenu.js")), R = h(() => import("./KvH
         "TopNav",
         "hover-Lend-menu",
         "Lend"
-      ), t.value === x && (t.value = null), !t.value || t.value !== o ? (t.value = o, o === k ? b() : o === x && i.isMobile ? u(o, m, W) : u(o, m, s)) : (t.value = null, u());
+      ), t.value === K && (t.value = null), !t.value || t.value !== o ? (t.value = o, o === k ? b() : o === K && i.isMobile ? u(o, m, W) : u(o, m, s)) : (t.value = null, u());
     }, S = ce(() => {
       t.value === k && b();
     }, 100), G = H(() => i.isMobile ? void 0 : "/lend-by-category"), J = H(() => {
@@ -181,7 +181,7 @@ function Ie(i, n, a, e, N, E) {
       onMouseleave: n[3] || (n[3] = (t) => e.handleMouseOut("lendButton")),
       onTouchstart: n[4] || (n[4] = U((t) => e.handleTouchStart("lendButton", e.KvLendMenu), ["stop"]))
     }, {
-      default: K(() => n[11] || (n[11] = [
+      default: x(() => n[11] || (n[11] = [
         f(" Lend ")
       ])),
       _: 1
@@ -199,7 +199,7 @@ function Ie(i, n, a, e, N, E) {
       onMouseleave: n[5] || (n[5] = (t) => e.handleMouseOut("takeActionButton")),
       onUserTap: e.handleTouchStart
     }, {
-      default: K(() => n[12] || (n[12] = [
+      default: x(() => n[12] || (n[12] = [
         f(" Take action ")
       ])),
       _: 1
@@ -218,7 +218,7 @@ function Ie(i, n, a, e, N, E) {
       onMouseleave: n[6] || (n[6] = (t) => e.handleMouseOut("aboutUsLink")),
       onUserTap: e.handleTouchStart
     }, {
-      default: K(() => n[13] || (n[13] = [
+      default: x(() => n[13] || (n[13] = [
         f(" About ")
       ])),
       _: 1
@@ -242,7 +242,7 @@ function Ie(i, n, a, e, N, E) {
       "data-testid": "header-basket"
     }, [
       B(I, {
-        class: "tw-w-3 tw-h-3 md:tw-w-3.5 md:tw-h-3.5 tw-pointer-events-none",
+        class: "tw-w-3 tw-h-3 md:tw-w-3.5 md:tw-h-3.5 tw-pointer-events-none tw-text-action",
         count: a.basketCount
       }, null, 8, ["count"]),
       n[15] || (n[15] = M("span", { class: "tw-hidden md:tw-block" }, "Basket", -1))
@@ -285,7 +285,7 @@ function Ie(i, n, a, e, N, E) {
     ])
   ], 32);
 }
-const Pe = /* @__PURE__ */ fe(be, [["render", Ie], ["__scopeId", "data-v-151d85c9"]]);
+const Pe = /* @__PURE__ */ fe(be, [["render", Ie], ["__scopeId", "data-v-11e40cc0"]]);
 export {
   Pe as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.67.2",
+  "version": "6.68.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "dabfed9e626974f9252b44fd355ca999e3943a38"
+  "gitHead": "97959b8f544b02ef01dbf1a9b7b6d909da2d5cd1"
 }