@kiva/kv-components 7.3.1 → 7.3.3

package/dist/index.js

@@ -6,13 +6,13 @@ import { default as p } from "./vue/KvCardFrame.js";
 import { default as x } from "./vue/KvCarousel.js";
 import { default as n } from "./vue/KvCartModal.js";
 import { default as A } from "./vue/KvCartPill.js";
-import { default as i } from "./vue/KvCheckbox.js";
-import { default as L } from "./vue/KvCheckoutReceipt.js";
+import { default as _ } from "./vue/KvCheckbox.js";
+import { default as N } from "./vue/KvCheckoutReceipt.js";
 import { default as T } from "./vue/KvChip.js";
-import { KV_CLASSIC_LOAN_CARD_FRAGMENT as E, KV_CLASSIC_LOAN_CARD_USER_FRAGMET as R, default as M } from "./vue/KvClassicLoanCard.js";
+import { KV_CLASSIC_LOAN_CARD_FRAGMENT as E, KV_CLASSIC_LOAN_CARD_USER_FRAGMET as R, default as O } from "./vue/KvClassicLoanCard.js";
 import { KV_COMPACT_LOAN_CARD_FRAGMENT as I, KV_COMPACT_LOAN_CARD_USER_FRAGMENT as S, default as P } from "./vue/KvCompactLoanCard.js";
-import { default as G } from "./vue/KvCommentsAdd.js";
-import { default as F } from "./vue/KvCommentsContainer.js";
+import { default as g } from "./vue/KvCommentsAdd.js";
+import { default as V } from "./vue/KvCommentsContainer.js";
 import { default as D } from "./vue/KvCommentsHeartButton.js";
 import { default as B } from "./vue/KvCommentsList.js";
 import { default as y } from "./vue/KvCommentsListItem.js";
@@ -30,100 +30,101 @@ import { default as se } from "./vue/KvInlineActivityCard.js";
 import { default as pe } from "./vue/KvInlineActivityFeed.js";
 import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as xe, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as Ke, default as ne } from "./vue/KvIntroductionLoanCard.js";
 import { default as Ae } from "./vue/KvLendAmountButton.js";
-import { KV_LEND_CTA_FRAGMENT as ie, KV_LEND_CTA_USER_FRAGMENT as _e, default as Le } from "./vue/KvLendCta.js";
+import { KV_LEND_CTA_FRAGMENT as _e, KV_LEND_CTA_USER_FRAGMENT as ie, default as Ne } from "./vue/KvLendCta.js";
 import { default as Te } from "./vue/KvLightbox.js";
 import { default as Ee } from "./vue/KvLineGraph.js";
-import { KV_LOAN_ACTIVITIES_FRAGMENT as Me, default as Oe } from "./vue/KvLoanActivities.js";
+import { KV_LOAN_ACTIVITIES_FRAGMENT as Oe, default as Me } from "./vue/KvLoanActivities.js";
 import { KV_LOAN_BOOKMARK_FRAGMENT as Se, default as Pe } from "./vue/KvLoanBookmark.js";
-import { default as Ge } from "./vue/KvLoanCallouts.js";
-import { default as Fe } from "./vue/KvLoanInfoCard.js";
-import { default as De } from "./vue/KvLoanProgressGroup.js";
-import { KV_LOAN_TAG_FRAGMENT as Be, default as Ue } from "./vue/KvLoanTag.js";
-import { default as be } from "./vue/KvLoanTeamPick.js";
-import { KV_LOAN_USE_FRAGMENT as We, default as He } from "./vue/KvLoanUse.js";
-import { default as ze } from "./vue/KvLoadingPlaceholder.js";
-import { default as qe } from "./vue/KvLoadingSpinner.js";
-import { default as Xe } from "./vue/KvMap.js";
-import { default as Ze } from "./vue/KvMaterialIcon.js";
-import { default as eo } from "./vue/KvPageContainer.js";
-import { default as to } from "./vue/KvPagination.js";
-import { default as ro } from "./vue/KvPieChart.js";
-import { default as lo } from "./vue/KvPill.js";
-import { default as mo } from "./vue/KvPopper.js";
-import { default as uo } from "./vue/KvProgressBar.js";
-import { default as Ko } from "./vue/KvPulsingDot.js";
-import { default as vo } from "./vue/KvRadio.js";
-import { default as Co } from "./vue/KvSelect.js";
-import { default as _o } from "./vue/KvSideSheet.js";
-import { default as No } from "./vue/KvSwitch.js";
-import { default as co } from "./vue/KvTab.js";
-import { default as Ro } from "./vue/KvTabPanel.js";
-import { default as Oo } from "./vue/KvTabs.js";
-import { default as So } from "./vue/KvTextInput.js";
+import { default as ge } from "./vue/KvLoanCallouts.js";
+import { KV_LOAN_INFO_CARD_FRAGMENT as Ve, default as he } from "./vue/KvLoanInfoCard.js";
+import { default as ke } from "./vue/KvLoanProgressGroup.js";
+import { KV_LOAN_TAG_FRAGMENT as Ue, default as ye } from "./vue/KvLoanTag.js";
+import { default as we } from "./vue/KvLoanTeamPick.js";
+import { KV_LOAN_USE_FRAGMENT as He, default as je } from "./vue/KvLoanUse.js";
+import { default as Qe } from "./vue/KvLoadingPlaceholder.js";
+import { default as Je } from "./vue/KvLoadingSpinner.js";
+import { default as Ye } from "./vue/KvMap.js";
+import { default as $e } from "./vue/KvMaterialIcon.js";
+import { default as oo } from "./vue/KvPageContainer.js";
+import { default as ao } from "./vue/KvPagination.js";
+import { default as fo } from "./vue/KvPieChart.js";
+import { default as so } from "./vue/KvPill.js";
+import { default as po } from "./vue/KvPopper.js";
+import { default as xo } from "./vue/KvProgressBar.js";
+import { default as no } from "./vue/KvPulsingDot.js";
+import { default as Ao } from "./vue/KvRadio.js";
+import { default as _o } from "./vue/KvSelect.js";
+import { default as No } from "./vue/KvSideSheet.js";
+import { default as To } from "./vue/KvSwitch.js";
+import { default as Eo } from "./vue/KvTab.js";
+import { default as Oo } from "./vue/KvTabPanel.js";
+import { default as Io } from "./vue/KvTabs.js";
+import { default as Po } from "./vue/KvTextInput.js";
 import { default as go } from "./vue/KvTextLink.js";
-import { default as ho } from "./vue/KvThemeProvider.js";
-import { default as Vo } from "./vue/KvToast.js";
-import { default as ko } from "./vue/KvTooltip.js";
-import { default as Uo } from "./vue/KvTreeMapChart.js";
-import { default as bo } from "./vue/KvUserAvatar.js";
-import { default as Wo } from "./vue/KvUtilityMenu.js";
-import { default as jo } from "./vue/KvVerticalCarousel.js";
-import { default as Qo } from "./vue/KvVotingCard.js";
-import { default as Jo } from "./vue/KvVotingCardV2.js";
-import { KV_WIDE_LOAN_CARD_FRAGMENT as Yo, KV_WIDE_LOAN_CARD_USER_FRAGMENT as Zo, default as $o } from "./vue/KvWideLoanCard.js";
-import { default as ot } from "./vue/KvAtbModal.js";
-import { default as at } from "./vue/KvSecondaryNav.js";
-import { default as ft } from "./vue/KvWwwHeader.js";
-import { default as dt, Mash as st } from "./utils/Alea.js";
-import { useAttrs as pt } from "./utils/attrs.js";
-import { carouselUtil as xt } from "./utils/carousels.js";
-import { collapse as nt, expand as vt } from "./utils/expander.js";
-import { getKivaImageUrl as Ct, isLegacyPlaceholderAvatar as it, randomizedUserAvatarClass as _t } from "./utils/imageUtils.js";
-import { LOAN_CALLOUTS_FRAGMENT as Nt, LOAN_GEOCODE_FRAGMENT as Tt, LOAN_PROGRESS_FRAGMENT as ct, loanCardComputedProperties as Et, loanCardMethods as Rt } from "./utils/loanCard.js";
-import { BALANCE_CAMPAIGN as Ot, BASE_CAMPAIGN as It, ERL_COOKIE_NAME as St, NO_BALANCE_CAMPAIGN as Pt, TOP_UP_CAMPAIGN as gt, getDropdownPriceArray as Gt, getLendCtaSelectedOption as ht, isBetween25And50 as Ft, isLessThan25 as Vt } from "./utils/loanUtils.js";
-import { animationCoordinator as kt, generateMapMarkers as Bt, getCoordinatesBetween as Ut, getCountryColor as yt, getLoansIntervals as bt } from "./utils/mapUtils.js";
-import { lockPrintSingleEl as Wt, unlockPrintSingleEl as Ht } from "./utils/printing.js";
-import { lockScroll as zt, lockScrollSmallOnly as Qt, unlockScroll as qt, unlockScrollSmallOnly as Jt } from "./utils/scrollLock.js";
-import { buildTailwindClassName as Yt, headerNumberCase as Zt, kebabCase as $t, removeObjectProperty as ea } from "./utils/themeUtils.js";
-import { throttle as ta } from "./utils/throttle.js";
-import { isTargetElement as ra, offBodyTouchstart as fa, onBodyTouchstart as la } from "./utils/touchEvents.js";
-import { getTreemap as sa } from "./utils/treemap.js";
-import { KvBlueskyIcon as pa } from "./assets/icons/bluesky.js";
+import { default as Vo } from "./vue/KvThemeProvider.js";
+import { default as Do } from "./vue/KvToast.js";
+import { default as Bo } from "./vue/KvTooltip.js";
+import { default as yo } from "./vue/KvTreeMapChart.js";
+import { default as wo } from "./vue/KvUserAvatar.js";
+import { default as Ho } from "./vue/KvUtilityMenu.js";
+import { default as zo } from "./vue/KvVerticalCarousel.js";
+import { default as qo } from "./vue/KvVotingCard.js";
+import { default as Xo } from "./vue/KvVotingCardV2.js";
+import { KV_WIDE_LOAN_CARD_FRAGMENT as Zo, KV_WIDE_LOAN_CARD_USER_FRAGMENT as $o, default as et } from "./vue/KvWideLoanCard.js";
+import { default as tt } from "./vue/KvAtbModal.js";
+import { default as rt } from "./vue/KvSecondaryNav.js";
+import { default as lt } from "./vue/KvWwwHeader.js";
+import { default as st, Mash as mt } from "./utils/Alea.js";
+import { useAttrs as ut } from "./utils/attrs.js";
+import { carouselUtil as Kt } from "./utils/carousels.js";
+import { collapse as vt, expand as At } from "./utils/expander.js";
+import { getKivaImageUrl as _t, isLegacyPlaceholderAvatar as it, randomizedUserAvatarClass as Nt } from "./utils/imageUtils.js";
+import { LOAN_CALLOUTS_FRAGMENT as Tt, LOAN_GEOCODE_FRAGMENT as ct, LOAN_PROGRESS_FRAGMENT as Et, loanCardComputedProperties as Rt, loanCardMethods as Ot } from "./utils/loanCard.js";
+import { BALANCE_CAMPAIGN as It, BASE_CAMPAIGN as St, ERL_COOKIE_NAME as Pt, NO_BALANCE_CAMPAIGN as Gt, TOP_UP_CAMPAIGN as gt, getDropdownPriceArray as Ft, getLendCtaSelectedOption as Vt, isBetween25And50 as ht, isLessThan25 as Dt } from "./utils/loanUtils.js";
+import { animationCoordinator as Bt, generateMapMarkers as Ut, getCoordinatesBetween as yt, getCountryColor as bt, getLoansIntervals as wt } from "./utils/mapUtils.js";
+import { lockPrintSingleEl as Ht, unlockPrintSingleEl as jt } from "./utils/printing.js";
+import { lockScroll as Qt, lockScrollSmallOnly as qt, unlockScroll as Jt, unlockScrollSmallOnly as Xt } from "./utils/scrollLock.js";
+import { buildTailwindClassName as Zt, headerNumberCase as $t, kebabCase as ea, removeObjectProperty as oa } from "./utils/themeUtils.js";
+import { throttle as aa } from "./utils/throttle.js";
+import { isTargetElement as fa, offBodyTouchstart as la, onBodyTouchstart as da } from "./utils/touchEvents.js";
+import { getTreemap as ma } from "./utils/treemap.js";
+import { KvBlueskyIcon as ua } from "./assets/icons/bluesky.js";
 export {
-  dt as Alea,
-  Ot as BALANCE_CAMPAIGN,
-  It as BASE_CAMPAIGN,
-  St as ERL_COOKIE_NAME,
+  st as Alea,
+  It as BALANCE_CAMPAIGN,
+  St as BASE_CAMPAIGN,
+  Pt as ERL_COOKIE_NAME,
   E as KV_CLASSIC_LOAN_CARD_FRAGMENT,
   R as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
   I as KV_COMPACT_LOAN_CARD_FRAGMENT,
   S as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
   xe as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
   Ke as KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT,
-  ie as KV_LEND_CTA_FRAGMENT,
-  _e as KV_LEND_CTA_USER_FRAGMENT,
-  Me as KV_LOAN_ACTIVITIES_FRAGMENT,
+  _e as KV_LEND_CTA_FRAGMENT,
+  ie as KV_LEND_CTA_USER_FRAGMENT,
+  Oe as KV_LOAN_ACTIVITIES_FRAGMENT,
   Se as KV_LOAN_BOOKMARK_FRAGMENT,
-  Be as KV_LOAN_TAG_FRAGMENT,
-  We as KV_LOAN_USE_FRAGMENT,
-  Yo as KV_WIDE_LOAN_CARD_FRAGMENT,
-  Zo as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
+  Ve as KV_LOAN_INFO_CARD_FRAGMENT,
+  Ue as KV_LOAN_TAG_FRAGMENT,
+  He as KV_LOAN_USE_FRAGMENT,
+  Zo as KV_WIDE_LOAN_CARD_FRAGMENT,
+  $o as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
   t as KvAccordionItem,
   r as KvActivityRow,
-  ot as KvAtbModal,
-  pa as KvBlueskyIcon,
+  tt as KvAtbModal,
+  ua as KvBlueskyIcon,
   l as KvBorrowerImage,
   s as KvButton,
   p as KvCardFrame,
   x as KvCarousel,
   n as KvCartModal,
   A as KvCartPill,
-  i as KvCheckbox,
-  L as KvCheckoutReceipt,
+  _ as KvCheckbox,
+  N as KvCheckoutReceipt,
   T as KvChip,
-  M as KvClassicLoanCard,
-  G as KvCommentsAdd,
-  F as KvCommentsContainer,
+  O as KvClassicLoanCard,
+  g as KvCommentsAdd,
+  V as KvCommentsContainer,
   D as KvCommentsHeartButton,
   B as KvCommentsList,
   y as KvCommentsListItem,
@@ -142,86 +143,86 @@ export {
   pe as KvInlineActivityFeed,
   ne as KvIntroductionLoanCard,
   Ae as KvLendAmountButton,
-  Le as KvLendCta,
+  Ne as KvLendCta,
   Te as KvLightbox,
   Ee as KvLineGraph,
-  ze as KvLoadingPlaceholder,
-  qe as KvLoadingSpinner,
-  Oe as KvLoanActivities,
+  Qe as KvLoadingPlaceholder,
+  Je as KvLoadingSpinner,
+  Me as KvLoanActivities,
   Pe as KvLoanBookmark,
-  Ge as KvLoanCallouts,
-  Fe as KvLoanInfoCard,
-  De as KvLoanProgressGroup,
-  Ue as KvLoanTag,
-  be as KvLoanTeamPick,
-  He as KvLoanUse,
-  Xe as KvMap,
-  Ze as KvMaterialIcon,
-  eo as KvPageContainer,
-  to as KvPagination,
-  ro as KvPieChart,
-  lo as KvPill,
-  mo as KvPopper,
-  uo as KvProgressBar,
-  Ko as KvPulsingDot,
-  vo as KvRadio,
-  at as KvSecondaryNav,
-  Co as KvSelect,
-  _o as KvSideSheet,
-  No as KvSwitch,
-  co as KvTab,
-  Ro as KvTabPanel,
-  Oo as KvTabs,
-  So as KvTextInput,
+  ge as KvLoanCallouts,
+  he as KvLoanInfoCard,
+  ke as KvLoanProgressGroup,
+  ye as KvLoanTag,
+  we as KvLoanTeamPick,
+  je as KvLoanUse,
+  Ye as KvMap,
+  $e as KvMaterialIcon,
+  oo as KvPageContainer,
+  ao as KvPagination,
+  fo as KvPieChart,
+  so as KvPill,
+  po as KvPopper,
+  xo as KvProgressBar,
+  no as KvPulsingDot,
+  Ao as KvRadio,
+  rt as KvSecondaryNav,
+  _o as KvSelect,
+  No as KvSideSheet,
+  To as KvSwitch,
+  Eo as KvTab,
+  Oo as KvTabPanel,
+  Io as KvTabs,
+  Po as KvTextInput,
   go as KvTextLink,
-  ho as KvThemeProvider,
-  Vo as KvToast,
-  ko as KvTooltip,
-  Uo as KvTreeMapChart,
-  bo as KvUserAvatar,
-  Wo as KvUtilityMenu,
-  jo as KvVerticalCarousel,
-  Qo as KvVotingCard,
-  Jo as KvVotingCardV2,
-  $o as KvWideLoanCard,
-  ft as KvWwwHeader,
-  Nt as LOAN_CALLOUTS_FRAGMENT,
-  Tt as LOAN_GEOCODE_FRAGMENT,
-  ct as LOAN_PROGRESS_FRAGMENT,
-  st as Mash,
-  Pt as NO_BALANCE_CAMPAIGN,
+  Vo as KvThemeProvider,
+  Do as KvToast,
+  Bo as KvTooltip,
+  yo as KvTreeMapChart,
+  wo as KvUserAvatar,
+  Ho as KvUtilityMenu,
+  zo as KvVerticalCarousel,
+  qo as KvVotingCard,
+  Xo as KvVotingCardV2,
+  et as KvWideLoanCard,
+  lt as KvWwwHeader,
+  Tt as LOAN_CALLOUTS_FRAGMENT,
+  ct as LOAN_GEOCODE_FRAGMENT,
+  Et as LOAN_PROGRESS_FRAGMENT,
+  mt as Mash,
+  Gt as NO_BALANCE_CAMPAIGN,
   gt as TOP_UP_CAMPAIGN,
-  kt as animationCoordinator,
-  Yt as buildTailwindClassName,
-  xt as carouselUtil,
-  nt as collapse,
-  vt as expand,
-  Bt as generateMapMarkers,
-  Ut as getCoordinatesBetween,
-  yt as getCountryColor,
-  Gt as getDropdownPriceArray,
-  Ct as getKivaImageUrl,
-  ht as getLendCtaSelectedOption,
-  bt as getLoansIntervals,
-  sa as getTreemap,
-  Zt as headerNumberCase,
-  Ft as isBetween25And50,
+  Bt as animationCoordinator,
+  Zt as buildTailwindClassName,
+  Kt as carouselUtil,
+  vt as collapse,
+  At as expand,
+  Ut as generateMapMarkers,
+  yt as getCoordinatesBetween,
+  bt as getCountryColor,
+  Ft as getDropdownPriceArray,
+  _t as getKivaImageUrl,
+  Vt as getLendCtaSelectedOption,
+  wt as getLoansIntervals,
+  ma as getTreemap,
+  $t as headerNumberCase,
+  ht as isBetween25And50,
   it as isLegacyPlaceholderAvatar,
-  Vt as isLessThan25,
-  ra as isTargetElement,
-  $t as kebabCase,
-  Et as loanCardComputedProperties,
-  Rt as loanCardMethods,
-  Wt as lockPrintSingleEl,
-  zt as lockScroll,
-  Qt as lockScrollSmallOnly,
-  fa as offBodyTouchstart,
-  la as onBodyTouchstart,
-  _t as randomizedUserAvatarClass,
-  ea as removeObjectProperty,
-  ta as throttle,
-  Ht as unlockPrintSingleEl,
-  qt as unlockScroll,
-  Jt as unlockScrollSmallOnly,
-  pt as useAttrs
+  Dt as isLessThan25,
+  fa as isTargetElement,
+  ea as kebabCase,
+  Rt as loanCardComputedProperties,
+  Ot as loanCardMethods,
+  Ht as lockPrintSingleEl,
+  Qt as lockScroll,
+  qt as lockScrollSmallOnly,
+  la as offBodyTouchstart,
+  da as onBodyTouchstart,
+  Nt as randomizedUserAvatarClass,
+  oa as removeObjectProperty,
+  aa as throttle,
+  jt as unlockPrintSingleEl,
+  Jt as unlockScroll,
+  Xt as unlockScrollSmallOnly,
+  ut as useAttrs
 };

package/dist/vue/KvCarousel.css

@@ -1 +1 @@
-@media (min-width: 64rem){.aside-controls-content[data-v-af126c66]{width:82%}}.circle-slide[data-v-af126c66]{width:auto}.circle-slide.is-selected[data-v-af126c66]{opacity:1;transform:scale(1.2);max-width:300px}.circle-slide[data-v-af126c66]:not(.is-selected){opacity:.5;transform:scale(.7)}.circle-carousel[data-v-af126c66]{margin:0 auto}
+@media (min-width: 64rem){.aside-controls-content[data-v-031f58b6]{width:82%}}.circle-slide[data-v-031f58b6]{width:auto}.circle-slide.is-selected[data-v-031f58b6]{opacity:1;transform:scale(1.2);max-width:300px}.circle-slide[data-v-031f58b6]:not(.is-selected){opacity:.5;transform:scale(.7)}.circle-carousel[data-v-031f58b6]{margin:0 auto}

package/dist/vue/KvCarousel.js

@@ -180,13 +180,13 @@ function X(w, l, e, t, m, b) {
       class: d(["kv-carousel__controls tw-flex tw-justify-between tw-items-center tw-w-full", {
         "lg:tw-hidden": e.asideControls,
         "tw-mt-4 md:tw-justify-center": !e.controlsTopRight,
-        "md:tw-justify-end tw-absolute tw-top-0 tw-right-0 tw-w-auto tw-gap-2 tw-pr-1": e.controlsTopRight
+        "md:tw-justify-end tw-absolute tw-top-0 tw-right-0 tw-w-auto tw-gap-1.5 tw-pr-1": e.controlsTopRight
       }])
     }, [
       i("button", {
-        class: d(["tw-text-primary tw-h-4 tw-w-4 tw-rounded-full tw-border-primary tw-flex tw-items-center tw-justify-center disabled:tw-opacity-low disabled:tw-cursor-default", {
-          "tw-border-2": !e.controlsTopRight,
-          "tw-bg-white tw-shadow-lg": e.controlsTopRight
+        class: d(["tw-text-primary tw-rounded-full tw-border-primary tw-flex tw-items-center tw-justify-center disabled:tw-opacity-low disabled:tw-cursor-default", {
+          "tw-border-2 tw-h-4 tw-w-4": !e.controlsTopRight,
+          "tw-bg-white tw-shadow-lg tw-h-3.5 tw-w-3.5": e.controlsTopRight
         }]),
         disabled: t.embla && !t.embla.canScrollPrev(),
         onClick: l[0] || (l[0] = (o) => t.handleUserInteraction(t.previousIndex, "click-left-arrow"))
@@ -203,9 +203,9 @@ function X(w, l, e, t, m, b) {
         class: "tw-mx-2 md:tw-mx-3 lg:tw-mx-4 tw-invisible md:tw-visible"
       }, h(t.currentIndex + 1) + "/" + h(t.slideIndicatorCount), 9, H)),
       i("button", {
-        class: d(["tw-text-primary tw-h-4 tw-w-4 tw-rounded-full tw-border-primary tw-flex tw-items-center tw-justify-center disabled:tw-opacity-low disabled:tw-cursor-default", {
-          "tw-border-2": !e.controlsTopRight,
-          "tw-bg-white tw-shadow-lg": e.controlsTopRight
+        class: d(["tw-text-primary tw-rounded-full tw-border-primary tw-flex tw-items-center tw-justify-center disabled:tw-opacity-low disabled:tw-cursor-default", {
+          "tw-border-2 tw-h-4 tw-w-4": !e.controlsTopRight,
+          "tw-bg-white tw-shadow-lg tw-h-3.5 tw-w-3.5": e.controlsTopRight
         }]),
         disabled: t.embla && !t.embla.canScrollNext(),
         onClick: l[1] || (l[1] = (o) => t.handleUserInteraction(t.nextIndex, "click-right-arrow"))
@@ -259,7 +259,7 @@ function X(w, l, e, t, m, b) {
     ], 64)) : f("", !0)
   ], 2);
 }
-const lt = /* @__PURE__ */ N(O, [["render", X], ["__scopeId", "data-v-af126c66"]]);
+const lt = /* @__PURE__ */ N(O, [["render", X], ["__scopeId", "data-v-031f58b6"]]);
 export {
   lt as default
 };

package/dist/vue/KvLoanInfoCard.css

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

package/dist/vue/KvLoanInfoCard.js

@@ -1,14 +1,14 @@
-import A from "graphql-tag";
-import { LOAN_GEOCODE_FRAGMENT as B, loanCardComputedProperties as z, loanCardMethods as W } from "../utils/loanCard.js";
+import P from "graphql-tag";
+import { LOAN_GEOCODE_FRAGMENT as B, loanCardComputedProperties as R, loanCardMethods as z } from "../utils/loanCard.js";
 import D, { KV_LOAN_USE_FRAGMENT as K } from "./KvLoanUse.js";
-import R from "./KvBorrowerImage.js";
-import T from "./KvMaterialIcon.js";
-import E from "./KvLoadingPlaceholder.js";
-import { resolveComponent as c, openBlock as t, createElementBlock as i, normalizeClass as v, normalizeStyle as F, createElementVNode as d, createBlock as h, resolveDynamicComponent as _, withCtx as k, createVNode as s, createTextVNode as U, toDisplayString as b, createCommentVNode as V, Fragment as I, renderList as O, withModifiers as G } from "vue";
+import W from "./KvBorrowerImage.js";
+import F from "./KvMaterialIcon.js";
+import T from "./KvLoadingPlaceholder.js";
+import { resolveComponent as c, openBlock as t, createElementBlock as i, normalizeClass as _, normalizeStyle as E, createElementVNode as d, createBlock as h, 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 "./KvLoanInfoCard.css";
 import H from "../_virtual/_plugin-vue_export-helper.js";
-A`
-	fragment KvClassicLoanCard on LoanBasic {
+const we = P`
+	fragment KvLoanInfoCard on LoanBasic {
 		id
 		gender
 		image {
@@ -21,14 +21,13 @@ A`
 	}
 	${K}
 	${B}
-`;
-const q = {
-  name: "KvClassicLoanCard",
+`, q = {
+  name: "KvLoanInfoCard",
   components: {
-    KvBorrowerImage: R,
-    KvLoadingPlaceholder: E,
+    KvBorrowerImage: W,
+    KvLoadingPlaceholder: T,
     KvLoanUse: D,
-    KvMaterialIcon: T
+    KvMaterialIcon: F
   },
   props: {
     loanId: {
@@ -89,15 +88,15 @@ const q = {
       loanAmount: r,
       loanStatus: g,
       loanUse: p,
-      mdiMapMarker: x,
-      readMorePath: L,
+      mdiMapMarker: L,
+      readMorePath: x,
       state: C,
       tag: M,
-      unreservedAmount: S,
-      sharesAvailable: N
-    } = z(m), {
-      clickReadMore: P
-    } = W(m, a);
+      unreservedAmount: N,
+      sharesAvailable: S
+    } = R(m), {
+      clickReadMore: A
+    } = z(m, a);
     return {
       allDataLoaded: o,
       borrowerName: e,
@@ -110,13 +109,13 @@ const q = {
       loanAmount: r,
       loanStatus: g,
       loanUse: p,
-      mdiMapMarker: x,
-      readMorePath: L,
+      mdiMapMarker: L,
+      readMorePath: x,
       state: C,
       tag: M,
-      unreservedAmount: S,
-      sharesAvailable: N,
-      clickReadMore: P
+      unreservedAmount: N,
+      sharesAvailable: S,
+      clickReadMore: A
     };
   },
   computed: {
@@ -157,18 +156,18 @@ const q = {
 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");
   return t(), i("div", {
-    class: v(["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-w-full tw-pb-1 tw-p-1", { "tw-pointer-events-none": e.isLoading }]),
     "data-testid": "loan-card",
-    style: F([{ "box-shadow": "0 4px 12px rgba(0, 0, 0, 0.08)" }, { minWidth: "230px", maxWidth: n.cardWidth }])
+    style: E([{ "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, {
           key: 0,
-          class: v(["tw-mb-1 tw-w-full", { "tw-rounded-t tw-rounded-b-none": o.largeCard, "tw-rounded": !o.largeCard }]),
+          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(_(e.tag), {
+          (t(), h(v(e.tag), {
             to: e.readMorePath,
             href: e.readMorePath,
             class: "tw-flex",
@@ -177,7 +176,7 @@ function oe(m, a, o, e, y, n) {
           }, {
             default: k(() => [
               s(w, {
-                class: v(["tw-relative tw-w-full tw-bg-black", { "tw-rounded-t": o.largeCard, "tw-rounded": !o.largeCard }]),
+                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,
                 "default-image": { width: n.imageDefaultWidth },
@@ -191,14 +190,14 @@ function oe(m, a, o, e, y, n) {
                     class: "tw-h-2 tw-w-2",
                     icon: e.mdiMapMarker
                   }, null, 8, ["icon"]),
-                  U(" " + b(e.formattedLocation), 1)
+                  I(" " + b(e.formattedLocation), 1)
                 ])
-              ])) : V("", !0)
+              ])) : O("", !0)
             ]),
             _: 1
           }, 8, ["to", "href"]))
         ])),
-        (t(), h(_(e.tag), {
+        (t(), h(v(e.tag), {
           to: e.readMorePath,
           href: e.readMorePath,
           class: "loan-card-use tw-no-underline tw-text-primary",
@@ -208,7 +207,7 @@ function oe(m, a, o, e, y, n) {
           default: k(() => [
             d("div", Z, [
               e.isLoading ? (t(), i("div", $, [
-                (t(!0), i(I, null, O([...Array(4)], (r, g) => (t(), i("div", {
+                (t(!0), i(V, null, U([...Array(4)], (r, g) => (t(), i("div", {
                   key: g,
                   class: "tw-h-2 tw-mb-1"
                 }, [
@@ -230,7 +229,7 @@ function oe(m, a, o, e, y, n) {
           ]),
           _: 1
         }, 8, ["to", "href"])),
-        (t(), h(_(e.tag), {
+        (t(), h(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",
@@ -253,7 +252,8 @@ function oe(m, a, o, e, y, n) {
     ])
   ], 6);
 }
-const we = /* @__PURE__ */ H(q, [["render", oe], ["__scopeId", "data-v-4dc95254"]]);
+const ue = /* @__PURE__ */ H(q, [["render", oe], ["__scopeId", "data-v-5a01b4de"]]);
 export {
-  we as default
+  we as KV_LOAN_INFO_CARD_FRAGMENT,
+  ue as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "7.3.1",
+  "version": "7.3.3",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "510acc35df775a04f12b2eb7442ab43f40241f0a"
+  "gitHead": "c94e6715e92f2d8f64ad6c0b80d8a42e414db550"
 }