@kiva/kv-components 5.3.3 → 5.3.5

package/dist/vue/KvLendCta.css

@@ -1 +1 @@
-.amountDropdownWrapper[data-v-74dcdf98] select{border-radius:14px 0 0 14px}.lend-again[data-v-74dcdf98] span{padding-left:0;padding-right:0;padding-left:.5rem;padding-right:.5rem}.lendButtonWrapper[data-v-74dcdf98] span:first-child{border-radius:0 14px 14px 0}.filtered-dropdown[data-v-74dcdf98] select{cursor:pointer;border-radius:.875rem;border-width:2px;font-weight:500}.unselected-dropdown[data-v-74dcdf98] select{--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.selected-dropdown[data-v-74dcdf98] select{--tw-border-opacity: 1;border-color:rgb(34 56 41 / var(--tw-border-opacity, 1))}.preset-option[data-v-74dcdf98] 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-74dcdf98] span.tw-w-full:first-child{--tw-border-opacity: 1;border-color:rgb(34 56 41 / var(--tw-border-opacity, 1))}
+.amountDropdownWrapper[data-v-62cf823a] select{border-radius:14px 0 0 14px}.lend-again[data-v-62cf823a] span{padding-left:0;padding-right:0;padding-left:.5rem;padding-right:.5rem}.lendButtonWrapper[data-v-62cf823a] span:first-child{border-radius:0 14px 14px 0}.filtered-dropdown[data-v-62cf823a] select{cursor:pointer;border-radius:.875rem;border-width:2px;font-weight:500}.unselected-dropdown[data-v-62cf823a] select{--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.selected-dropdown[data-v-62cf823a] select{--tw-border-opacity: 1;border-color:rgb(34 56 41 / var(--tw-border-opacity, 1))}.preset-option[data-v-62cf823a] 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-62cf823a] span.tw-w-full:first-child{--tw-border-opacity: 1;border-color:rgba(var(--border-action),var(--tw-border-opacity, 1))}

package/dist/vue/KvLendCta.js

@@ -1,10 +1,10 @@
 import { mdiChevronRight as T } from "@mdi/js";
-import { getLendCtaSelectedOption as g, getDropdownPriceArray as x } from "../utils/loanUtils.js";
+import { getLendCtaSelectedOption as p, getDropdownPriceArray as x } from "../utils/loanUtils.js";
 import C from "./KvLendAmountButton.js";
 import _ from "./KvSelect.js";
 import D from "./KvButton.js";
 import P from "./KvMaterialIcon.js";
-import { resolveComponent as w, openBlock as i, createElementBlock as a, createBlock as l, normalizeClass as r, withCtx as d, createTextVNode as c, toDisplayString as m, createElementVNode as y, createVNode as S, withModifiers as A, Fragment as p, renderList as v, createCommentVNode as u } from "vue";
+import { resolveComponent as w, openBlock as i, createElementBlock as a, createBlock as l, normalizeClass as r, withCtx as d, createTextVNode as c, toDisplayString as m, createElementVNode as y, createVNode as S, withModifiers as A, Fragment as B, renderList as v, createCommentVNode as u } from "vue";
 import "./KvLendCta.css";
 import F from "../_virtual/_plugin-vue_export-helper.js";
 const I = {
@@ -106,7 +106,7 @@ const I = {
     return {
       mdiChevronRight: T,
       defaultAmountOptions: [25, 50, 75],
-      selectedOption: g(
+      selectedOption: p(
         this.getCookie,
         this.setCookie,
         this.enableFiveDollarsNotes,
@@ -243,7 +243,7 @@ const I = {
   watch: {
     unreservedAmount(e, s) {
       var n, k;
-      e !== s && s === "" && (this.selectedOption = g(
+      e !== s && s === "" && (this.selectedOption = p(
         this.getCookie,
         this.setCookie,
         this.enableFiveDollarsNotes,
@@ -323,7 +323,7 @@ const I = {
   class: "amountDropdownWrapper"
 }, R = ["value"];
 function U(e, s, n, k, f, t) {
-  const h = w("kv-ui-button"), L = w("kv-material-icon"), B = w("kv-ui-select"), b = w("kv-lend-amount-button");
+  const h = w("kv-ui-button"), L = w("kv-material-icon"), g = w("kv-ui-select"), b = w("kv-lend-amount-button");
   return i(), a("div", V, [
     t.isInBasket ? (i(), l(h, {
       key: 0,
@@ -370,7 +370,10 @@ function U(e, s, n, k, f, t) {
       onSubmit: s[4] || (s[4] = A((...o) => t.addToBasket && t.addToBasket(...o), ["prevent"]))
     }, [
       y("fieldset", {
-        class: r(["tw-w-full tw-flex", { "tw-flex-col tw-gap-1.5 md:tw-flex-row md:tw-justify-between": n.showPresetAmounts }]),
+        class: r(["tw-w-full tw-flex", {
+          "tw-flex-col md:tw-flex-row md:tw-justify-between": n.showPresetAmounts,
+          "tw-gap-1.5": n.showPresetAmounts && !t.isLendAmountButton
+        }]),
         disabled: n.isAdding,
         "data-testid": "bp-lend-cta-select-and-button"
       }, [
@@ -378,7 +381,7 @@ function U(e, s, n, k, f, t) {
           key: 0,
           class: r(["tw-flex tw-gap-1 lg:tw-gap-2", { "tw-flex-wrap md:tw-flex-nowrap": n.enableHugeAmount }])
         }, [
-          t.isLendAmountButton ? u("", !0) : (i(!0), a(p, { key: 0 }, v(t.presetButtonsPrices, (o) => (i(), l(h, {
+          t.isLendAmountButton ? u("", !0) : (i(!0), a(B, { key: 0 }, v(t.presetButtonsPrices, (o) => (i(), l(h, {
             key: o,
             variant: "secondary",
             class: r(["tw-inline-flex tw-flex-1 preset-option tw-w-8", { "selected-option": f.selectedOption == o }]),
@@ -390,7 +393,7 @@ function U(e, s, n, k, f, t) {
             ]),
             _: 2
           }, 1032, ["class", "onClick"]))), 128)),
-          t.showFilteredDropdown ? (i(), l(B, {
+          t.showFilteredDropdown ? (i(), l(g, {
             key: 1,
             id: `LoanAmountDropdown_${t.loanId}`,
             modelValue: f.selectedDropdownOption,
@@ -407,7 +410,7 @@ function U(e, s, n, k, f, t) {
             onClick: A(t.clickDropdown, ["stop"])
           }, {
             default: d(() => [
-              (i(!0), a(p, null, v(t.presetDropdownPrices, (o) => (i(), a("option", {
+              (i(!0), a(B, null, v(t.presetDropdownPrices, (o) => (i(), a("option", {
                 key: o,
                 value: o
               }, m(o !== "Other" ? `$${o}` : o), 9, H))), 128))
@@ -415,7 +418,7 @@ function U(e, s, n, k, f, t) {
             _: 1
           }, 8, ["id", "modelValue", "class", "onUpdate:modelValue", "onClick"])) : u("", !0)
         ], 2)) : n.showPresetAmounts ? u("", !0) : (i(), a("div", K, [
-          t.hideShowLendDropdown && !t.isLessThan25 ? (i(), l(B, {
+          t.hideShowLendDropdown && !t.isLessThan25 ? (i(), l(g, {
             key: 0,
             id: `LoanAmountDropdown_${t.loanId}`,
             modelValue: f.selectedOption,
@@ -429,7 +432,7 @@ function U(e, s, n, k, f, t) {
             onClick: A(t.clickDropdown, ["stop"])
           }, {
             default: d(() => [
-              (i(!0), a(p, null, v(t.prices, (o) => (i(), a("option", {
+              (i(!0), a(B, null, v(t.prices, (o) => (i(), a("option", {
                 key: o,
                 value: o
               }, " $" + m(o), 9, R))), 128))
@@ -487,7 +490,7 @@ function U(e, s, n, k, f, t) {
     ], 32)) : u("", !0)
   ]);
 }
-const Z = /* @__PURE__ */ F(I, [["render", U], ["__scopeId", "data-v-74dcdf98"]]);
+const Z = /* @__PURE__ */ F(I, [["render", U], ["__scopeId", "data-v-62cf823a"]]);
 export {
   Z as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "5.3.3",
+  "version": "5.3.5",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -106,5 +106,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "ac1cad8ab1ea6d9d1274b97cf61febb26261d371"
+  "gitHead": "edf2d18c4c65660427738f7ddfa8bb1ae0e71ddb"
 }