@kiva/kv-components 6.22.2 → 6.24.0

package/dist/vue/KvLendCta.css

@@ -1 +1 @@
-.amountDropdownWrapper[data-v-8b9dbed8] select{border-radius:14px 0 0 14px}.lend-again[data-v-8b9dbed8] span{padding-left:0;padding-right:0;padding-left:.5rem;padding-right:.5rem}.lendButtonWrapper[data-v-8b9dbed8] span:first-child{border-radius:0 14px 14px 0}.filtered-dropdown[data-v-8b9dbed8] select{cursor:pointer;border-radius:.875rem;border-width:2px;font-weight:500}.unselected-dropdown[data-v-8b9dbed8] select{--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.selected-dropdown[data-v-8b9dbed8] select{--tw-border-opacity: 1;border-color:rgb(34 56 41 / var(--tw-border-opacity, 1))}.preset-option[data-v-8b9dbed8] span.tw-w-full:first-child{border-width:2px;--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.selected-option[data-v-8b9dbed8] span.tw-w-full:first-child{--tw-border-opacity: 1;border-color:rgba(var(--border-action),var(--tw-border-opacity, 1))}
+.amountDropdownWrapper[data-v-3b66ed0d] select{border-radius:14px 0 0 14px}.lend-again[data-v-3b66ed0d] span{padding-left:0;padding-right:0;padding-left:.5rem;padding-right:.5rem}.lendButtonWrapper[data-v-3b66ed0d] span:first-child{border-radius:0 14px 14px 0}.filtered-dropdown[data-v-3b66ed0d] select{cursor:pointer;border-radius:.875rem;border-width:2px;font-weight:500}.unselected-dropdown[data-v-3b66ed0d] select{--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.preset-option[data-v-3b66ed0d] span.tw-w-full:first-child{border-width:2px;--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.selected-dropdown[data-v-3b66ed0d] select,.selected-option[data-v-3b66ed0d] span.tw-w-full:first-child{--tw-border-opacity: 1;border-color:rgba(var(--border-action),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--bg-secondary),var(--tw-bg-opacity, 1))}.button-ellipsis[data-v-3b66ed0d] span>span{min-width:0;overflow:hidden;text-overflow:ellipsis}

package/dist/vue/KvLendCta.js

@@ -6,7 +6,7 @@ import S from "./KvSelect.js";
 import F from "./KvButton.js";
 import I from "./KvMaterialIcon.js";
 import N from "./KvCartPill.js";
-import { resolveComponent as A, openBlock as i, createElementBlock as r, createBlock as a, withCtx as l, createElementVNode as u, createCommentVNode as d, normalizeClass as h, createTextVNode as f, toDisplayString as w, createVNode as V, withModifiers as p, Fragment as L, renderList as g } from "vue";
+import { resolveComponent as A, openBlock as i, createElementBlock as l, createBlock as a, withCtx as r, createElementVNode as u, createCommentVNode as d, normalizeClass as h, createTextVNode as f, toDisplayString as w, createVNode as V, withModifiers as p, Fragment as L, renderList as g } from "vue";
 import "./KvLendCta.css";
 import O from "../_virtual/_plugin-vue_export-helper.js";
 const k = "Other", ot = C`
@@ -358,13 +358,13 @@ const k = "Other", ot = C`
 }, z = ["value"];
 function q(t, n, s, y, c, e) {
   const b = A("kv-cart-pill"), m = A("kv-ui-button"), x = A("kv-material-icon"), v = A("kv-ui-select"), T = A("kv-lend-amount-button");
-  return i(), r("div", H, [
+  return i(), l("div", H, [
     s.showPill && s.showPresetAmounts ? (i(), a(b, {
       key: 0,
       "borrower-name": e.loanName,
       class: "!tw-w-full tw-justify-center tw-pb-2"
     }, {
-      icon: l(() => n[5] || (n[5] = [
+      icon: r(() => n[5] || (n[5] = [
         u("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           width: "25",
@@ -408,7 +408,7 @@ function q(t, n, s, y, c, e) {
       href: s.externalLinks ? "/basket" : void 0,
       onClick: n[0] || (n[0] = (o) => e.clickSecondaryButton(o))
     }, {
-      default: l(() => [
+      default: r(() => [
         f(w(e.loanInBasketButtonText), 1)
       ]),
       _: 1
@@ -416,11 +416,11 @@ function q(t, n, s, y, c, e) {
       key: 2,
       class: "tw-inline-flex tw-flex-1"
     }, {
-      default: l(() => [
+      default: r(() => [
         f(w(e.ctaButtonText), 1)
       ]),
       _: 1
-    })) : e.isFunded ? (i(), r("div", K, " This loan was just funded! 🎉 ")) : s.showViewLoan ? (i(), a(m, {
+    })) : e.isFunded ? (i(), l("div", K, " This loan was just funded! 🎉 ")) : s.showViewLoan ? (i(), a(m, {
       key: 4,
       state: `${e.allSharesReserved ? "disabled" : ""}`,
       to: s.externalLinks ? void 0 : e.readMorePath,
@@ -428,7 +428,7 @@ function q(t, n, s, y, c, e) {
       class: "tw-mb-0",
       onClick: n[1] || (n[1] = (o) => t.$emit("show-loan-details", o))
     }, {
-      default: l(() => [
+      default: r(() => [
         u("span", R, [
           n[6] || (n[6] = f(" View loan ")),
           V(x, {
@@ -438,31 +438,31 @@ function q(t, n, s, y, c, e) {
         ])
       ]),
       _: 1
-    }, 8, ["state", "to", "href"])) : e.useFormSubmit ? (i(), r("form", {
+    }, 8, ["state", "to", "href"])) : e.useFormSubmit ? (i(), l("form", {
       key: 5,
       class: "tw-w-full tw-flex",
       onSubmit: n[4] || (n[4] = p((...o) => e.addToBasket && e.addToBasket(...o), ["prevent"]))
     }, [
       u("fieldset", {
         class: h(["tw-w-full tw-flex", {
-          "tw-flex-col md:tw-flex-row md:tw-justify-between": s.showPresetAmounts,
+          "tw-flex-col md:tw-flex-row md:tw-justify-between tw-min-w-0": s.showPresetAmounts,
           "tw-gap-1.5": s.showPresetAmounts && !e.isLendAmountButton
         }]),
         disabled: s.isAdding,
         "data-testid": "bp-lend-cta-select-and-button"
       }, [
-        s.showPresetAmounts && !s.isAdding ? (i(), r("div", {
+        s.showPresetAmounts && !s.isAdding ? (i(), l("div", {
           key: 0,
           class: h(["tw-flex tw-gap-1 lg:tw-gap-2", { "tw-flex-wrap md:tw-flex-nowrap": s.enableHugeAmount }])
         }, [
-          e.isLendAmountButton ? d("", !0) : (i(!0), r(L, { key: 0 }, g(e.presetButtonsPrices, (o) => (i(), a(m, {
+          e.isLendAmountButton ? d("", !0) : (i(!0), l(L, { key: 0 }, g(e.presetButtonsPrices, (o) => (i(), a(m, {
             key: o,
             variant: "secondary",
             class: h(["tw-inline-flex tw-flex-1 preset-option tw-w-8", { "selected-option": c.selectedOption == o }]),
             "data-testid": "bp-lend-cta-lend-button",
             onClick: (Z) => e.clickPresetButton(o)
           }, {
-            default: l(() => [
+            default: r(() => [
               f(" $" + w(o), 1)
             ]),
             _: 2
@@ -483,15 +483,15 @@ function q(t, n, s, y, c, e) {
             "aria-label": "Lend amount",
             onClick: p(e.clickDropdown, ["stop"])
           }, {
-            default: l(() => [
-              (i(!0), r(L, null, g(e.presetDropdownPrices, (o) => (i(), r("option", {
+            default: r(() => [
+              (i(!0), l(L, null, g(e.presetDropdownPrices, (o) => (i(), l("option", {
                 key: o,
                 value: o
               }, w(o !== c.OTHER_OPTION ? `$${o}` : o), 9, E))), 128))
             ]),
             _: 1
           }, 8, ["id", "modelValue", "class", "onUpdate:modelValue", "onClick"])) : d("", !0)
-        ], 2)) : s.showPresetAmounts ? d("", !0) : (i(), r("div", j, [
+        ], 2)) : s.showPresetAmounts ? d("", !0) : (i(), l("div", j, [
           e.hideShowLendDropdown && !e.isLessThan25 ? (i(), a(v, {
             key: 0,
             id: `LoanAmountDropdown_${e.loanId}`,
@@ -505,8 +505,8 @@ function q(t, n, s, y, c, e) {
             "aria-label": "Lend amount",
             onClick: p(e.clickDropdown, ["stop"])
           }, {
-            default: l(() => [
-              (i(!0), r(L, null, g(e.prices, (o) => (i(), r("option", {
+            default: r(() => [
+              (i(!0), l(L, null, g(e.prices, (o) => (i(), l("option", {
                 key: o,
                 value: o
               }, " $" + w(o), 9, z))), 128))
@@ -516,17 +516,18 @@ function q(t, n, s, y, c, e) {
         ])),
         u("div", {
           class: h({
+            "tw-min-w-0": s.showPresetAmounts,
             lendButtonWrapper: e.hideShowLendDropdown && !s.showPresetAmounts,
             "tw-hidden": e.hideLendButton
           })
         }, [
           e.lendButtonVisibility && !e.isLessThan25 ? (i(), a(m, {
             key: "lendButton",
-            class: h(["tw-inline-flex tw-flex-1", { "tw-w-full": s.showPresetAmounts }]),
+            class: h(["tw-inline-flex tw-flex-1", { "button-ellipsis tw-w-full": s.showPresetAmounts }]),
             "data-testid": "bp-lend-cta-lend-button",
             type: "submit"
           }, {
-            default: l(() => [
+            default: r(() => [
               f(w(e.ctaButtonText), 1)
             ]),
             _: 1
@@ -536,7 +537,7 @@ function q(t, n, s, y, c, e) {
             "data-testid": "bp-lend-cta-lend-again-button",
             type: "submit"
           }, {
-            default: l(() => [
+            default: r(() => [
               f(w(s.primaryButtonText || "Lend") + " again ", 1)
             ]),
             _: 1
@@ -555,7 +556,7 @@ function q(t, n, s, y, c, e) {
           key: 3,
           class: "tw-inline-flex tw-flex-1"
         }, {
-          default: l(() => n[7] || (n[7] = [
+          default: r(() => n[7] || (n[7] = [
             f(" Adding to basket ")
           ])),
           _: 1
@@ -564,7 +565,7 @@ function q(t, n, s, y, c, e) {
     ], 32)) : d("", !0)
   ]);
 }
-const at = /* @__PURE__ */ O(M, [["render", q], ["__scopeId", "data-v-8b9dbed8"]]);
+const at = /* @__PURE__ */ O(M, [["render", q], ["__scopeId", "data-v-3b66ed0d"]]);
 export {
   ot as KV_LEND_CTA_FRAGMENT,
   it as KV_LEND_CTA_USER_FRAGMENT,

package/dist/vue/KvSideSheet.js

@@ -236,7 +236,7 @@ function re(i, l, s, t, H, z) {
       }, [
         c("div", {
           ref: "headlineRef",
-          class: k(["tw-flex tw-justify-between tw-transition-opacity tw-duration-200 tw-px-3 tw-py-2 tw-border-tertiary", {
+          class: k(["tw-flex tw-justify-between tw-transition-opacity tw-duration-200 tw-px-3 tw-py-2 tw-border-tertiary tw-gap-1.5", {
             "tw-opacity-0": !t.open,
             "tw-opacity-full": t.open,
             "tw-border-b": s.showHeadlineBorder

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.22.2",
+  "version": "6.24.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -111,5 +111,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "079961c26fef494054039c190cfc249fa8109f74"
+  "gitHead": "80af57480cc41d61f72ebab068ae343722c0ab0a"
 }