@kiva/kv-components 6.30.0 → 6.31.0

package/dist/vue/KvLendCta.css

@@ -1 +1 @@
-.amountDropdownWrapper[data-v-898962c3] select{border-radius:14px 0 0 14px}.lend-again[data-v-898962c3] span{padding-left:0;padding-right:0;padding-left:.5rem;padding-right:.5rem}.lendButtonWrapper[data-v-898962c3] span:first-child{border-radius:0 14px 14px 0}.filtered-dropdown[data-v-898962c3] select{cursor:pointer;border-radius:.875rem;border-width:2px;font-weight:500}.unselected-dropdown[data-v-898962c3] select{--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.preset-option[data-v-898962c3] 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-898962c3] select,.selected-option[data-v-898962c3] 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-898962c3] span>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.amountDropdownWrapper[data-v-b607e1c2] select{border-radius:14px 0 0 14px}.lend-again[data-v-b607e1c2] span{padding-left:0;padding-right:0;padding-left:.5rem;padding-right:.5rem}.lendButtonWrapper[data-v-b607e1c2] span:first-child{border-radius:0 14px 14px 0}.filtered-dropdown[data-v-b607e1c2] select{cursor:pointer;border-radius:.875rem;border-width:2px;font-weight:500}.unselected-dropdown[data-v-b607e1c2] select{--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.preset-option[data-v-b607e1c2] 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-b607e1c2] select,.selected-option[data-v-b607e1c2] 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-b607e1c2] span>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

package/dist/vue/KvLendCta.js

@@ -5,7 +5,7 @@ import D from "./KvLendAmountButton.js";
 import P from "./KvSelect.js";
 import F from "./KvButton.js";
 import S from "./KvMaterialIcon.js";
-import { resolveComponent as k, openBlock as i, createElementBlock as a, createBlock as r, normalizeClass as c, withCtx as d, createTextVNode as m, toDisplayString as f, createElementVNode as p, createVNode as I, withModifiers as y, Fragment as B, renderList as v, createCommentVNode as l } from "vue";
+import { resolveComponent as k, openBlock as i, createElementBlock as a, createBlock as r, withCtx as d, createTextVNode as c, toDisplayString as m, createElementVNode as p, createVNode as I, withModifiers as y, normalizeClass as f, Fragment as B, renderList as v, createCommentVNode as l } from "vue";
 import "./KvLendCta.css";
 import N from "../_virtual/_plugin-vue_export-helper.js";
 const w = "Other", nt = T`
@@ -354,22 +354,22 @@ function j(t, n, s, A, u, e) {
     e.isInBasket ? (i(), r(h, {
       key: 0,
       variant: "secondary",
-      class: c(["tw-inline-flex tw-flex-1", { "tw-w-full": s.showPresetAmounts }]),
+      class: "tw-inline-flex tw-flex-1 tw-w-full",
       "data-testid": "bp-lend-cta-checkout-button",
       to: s.externalLinks ? void 0 : "/basket",
       href: s.externalLinks ? "/basket" : void 0,
       onClick: n[0] || (n[0] = (o) => e.clickSecondaryButton(o))
     }, {
       default: d(() => [
-        m(f(e.loanInBasketButtonText), 1)
+        c(m(e.loanInBasketButtonText), 1)
       ]),
       _: 1
-    }, 8, ["class", "to", "href"])) : e.showNonActionableLoanButton ? (i(), r(h, {
+    }, 8, ["to", "href"])) : e.showNonActionableLoanButton ? (i(), r(h, {
       key: 1,
       class: "tw-inline-flex tw-flex-1"
     }, {
       default: d(() => [
-        m(f(e.ctaButtonText), 1)
+        c(m(e.ctaButtonText), 1)
       ]),
       _: 1
     })) : e.isFunded ? (i(), a("div", K, " This loan was just funded! 🎉 ")) : s.showViewLoan ? (i(), r(h, {
@@ -382,7 +382,7 @@ function j(t, n, s, A, u, e) {
     }, {
       default: d(() => [
         p("span", M, [
-          n[5] || (n[5] = m(" View loan ")),
+          n[5] || (n[5] = c(" View loan ")),
           I(x, {
             class: "tw-w-3 tw-h-3 tw-align-middle",
             icon: u.mdiChevronRight
@@ -396,7 +396,7 @@ function j(t, n, s, A, u, e) {
       onSubmit: n[4] || (n[4] = y((...o) => e.addToBasket && e.addToBasket(...o), ["prevent"]))
     }, [
       p("fieldset", {
-        class: c(["tw-w-full tw-flex", {
+        class: f(["tw-w-full tw-flex", {
           "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
         }]),
@@ -407,12 +407,12 @@ function j(t, n, s, A, u, e) {
           e.isLendAmountButton ? l("", !0) : (i(!0), a(B, { key: 0 }, v(e.presetButtonsPrices, (o) => (i(), r(h, {
             key: o,
             variant: "secondary",
-            class: c(["tw-inline-flex tw-flex-1 preset-option tw-w-8", { "selected-option": u.selectedOption == o }]),
+            class: f(["tw-inline-flex tw-flex-1 preset-option tw-w-8", { "selected-option": u.selectedOption == o }]),
             "data-testid": "bp-lend-cta-lend-button",
             onClick: (q) => e.clickPresetButton(o)
           }, {
             default: d(() => [
-              m(" $" + f(o), 1)
+              c(" $" + m(o), 1)
             ]),
             _: 2
           }, 1032, ["class", "onClick"]))), 128)),
@@ -424,7 +424,7 @@ function j(t, n, s, A, u, e) {
               n[2] || (n[2] = (o) => u.selectedDropdownOption = o),
               e.trackLendAmountSelection
             ],
-            class: c(["tw-min-w-12 tw-rounded filtered-dropdown tw-w-full", {
+            class: f(["tw-min-w-12 tw-rounded filtered-dropdown tw-w-full", {
               "unselected-dropdown": !e.selectedDropdown,
               "selected-dropdown": e.selectedDropdown
             }]),
@@ -435,7 +435,7 @@ function j(t, n, s, A, u, e) {
               (i(!0), a(B, null, v(e.presetDropdownPrices, (o) => (i(), a("option", {
                 key: o,
                 value: o
-              }, f(o !== u.OTHER_OPTION ? `$${o}` : o), 9, U))), 128))
+              }, m(o !== u.OTHER_OPTION ? `$${o}` : o), 9, U))), 128))
             ]),
             _: 1
           }, 8, ["id", "modelValue", "class", "onUpdate:modelValue", "onClick"])) : l("", !0)
@@ -457,13 +457,13 @@ function j(t, n, s, A, u, e) {
               (i(!0), a(B, null, v(e.prices, (o) => (i(), a("option", {
                 key: o,
                 value: o
-              }, " $" + f(o), 9, H))), 128))
+              }, " $" + m(o), 9, H))), 128))
             ]),
             _: 1
           }, 8, ["id", "modelValue", "onUpdate:modelValue", "onClick"])) : l("", !0)
         ])),
         p("div", {
-          class: c({
+          class: f({
             "tw-min-w-0": s.showPresetAmounts,
             lendButtonWrapper: e.hideShowLendDropdown && !s.showPresetAmounts,
             "tw-hidden": e.hideLendButton
@@ -471,22 +471,22 @@ function j(t, n, s, A, u, e) {
         }, [
           e.lendButtonVisibility && !e.isLessThan25 ? (i(), r(h, {
             key: "lendButton",
-            class: c(["tw-inline-flex tw-flex-1", { "button-ellipsis tw-w-full": s.showPresetAmounts }]),
+            class: f(["tw-inline-flex tw-flex-1", { "button-ellipsis tw-w-full": s.showPresetAmounts }]),
             "data-testid": "bp-lend-cta-lend-button",
             type: "submit"
           }, {
             default: d(() => [
-              m(f(e.ctaButtonText), 1)
+              c(m(e.ctaButtonText), 1)
             ]),
             _: 1
           }, 8, ["class"])) : e.showLendAgain ? (i(), r(h, {
             key: "lendAgainButton",
-            class: c(["lend-again", { "tw-w-full": s.showPresetAmounts }]),
+            class: f(["lend-again", { "tw-w-full": s.showPresetAmounts }]),
             "data-testid": "bp-lend-cta-lend-again-button",
             type: "submit"
           }, {
             default: d(() => [
-              m(f(s.primaryButtonText || "Lend") + " again ", 1)
+              c(m(s.primaryButtonText || "Lend") + " again ", 1)
             ]),
             _: 1
           }, 8, ["class"])) : l("", !0)
@@ -505,7 +505,7 @@ function j(t, n, s, A, u, e) {
           class: "tw-inline-flex tw-flex-1"
         }, {
           default: d(() => n[6] || (n[6] = [
-            m(" Adding to basket ")
+            c(" Adding to basket ")
           ])),
           _: 1
         })) : l("", !0)
@@ -513,7 +513,7 @@ function j(t, n, s, A, u, e) {
     ], 32)) : l("", !0)
   ]);
 }
-const ot = /* @__PURE__ */ N(O, [["render", j], ["__scopeId", "data-v-898962c3"]]);
+const ot = /* @__PURE__ */ N(O, [["render", j], ["__scopeId", "data-v-b607e1c2"]]);
 export {
   nt as KV_LEND_CTA_FRAGMENT,
   st as KV_LEND_CTA_USER_FRAGMENT,

package/dist/vue/KvSelect.css

@@ -0,0 +1 @@
+.container[data-v-57d55c25]{position:relative;width:100%}.container>select[data-v-57d55c25]{border-radius:8px}

package/dist/vue/KvSelect.js

@@ -1,7 +1,8 @@
-import { ref as m, watch as w, resolveComponent as p, openBlock as f, createElementBlock as g, normalizeClass as d, normalizeStyle as v, createElementVNode as c, withDirectives as b, mergeProps as h, renderSlot as V, vModelSelect as y, createVNode as _ } from "vue";
+import { ref as m, watch as w, resolveComponent as p, openBlock as f, createElementBlock as g, normalizeClass as d, normalizeStyle as v, createElementVNode as c, withDirectives as b, mergeProps as _, renderSlot as h, vModelSelect as V, createVNode as y } from "vue";
 import { mdiChevronDown as C } from "@mdi/js";
 import { useAttrs as S } from "../utils/attrs.js";
 import k from "./KvMaterialIcon.js";
+import "./KvSelect.css";
 import x from "../_virtual/_plugin-vue_export-helper.js";
 const u = [
   "change",
@@ -61,7 +62,7 @@ const u = [
       inputValue: n
     };
   }
-}, B = { class: "tw-relative tw-w-full" }, D = ["id", "disabled"];
+}, B = { class: "container" }, D = ["id", "disabled"];
 function N(a, t, o, e, i, s) {
   const r = p("kv-material-icon");
   return f(), g("div", {
@@ -69,24 +70,24 @@ function N(a, t, o, e, i, s) {
     style: v(e.styles)
   }, [
     c("div", B, [
-      b(c("select", h({ id: o.id }, e.inputAttrs, {
+      b(c("select", _({ id: o.id }, e.inputAttrs, {
         "onUpdate:modelValue": t[0] || (t[0] = (n) => e.inputValue = n),
         disabled: o.disabled,
-        class: ["tw-text-base tw-bg-primary tw-h-6 tw-pr-4 tw-pl-2 tw-border tw-border-tertiary tw-rounded-sm tw-appearance-none tw-w-full tw-ring-inset focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-action focus:tw-border-transparent", { "tw-opacity-low": o.disabled }],
+        class: ["tw-text-base tw-bg-primary tw-h-6 tw-pr-4 tw-pl-2 tw-border tw-border-tertiary tw-appearance-none tw-w-full tw-ring-inset focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-action focus:tw-border-transparent tw-text-ellipsis", { "tw-opacity-low": o.disabled }],
         onChange: t[1] || (t[1] = (...n) => e.onChange && e.onChange(...n))
       }), [
-        V(a.$slots, "default")
+        h(a.$slots, "default", {}, void 0, !0)
       ], 16, D), [
-        [y, e.inputValue]
+        [V, e.inputValue]
       ]),
-      _(r, {
+      y(r, {
         icon: e.mdiChevronDown,
         class: d(["tw-w-4 tw-absolute tw-top-0 tw-right-0 tw-pt-1.5 tw-pr-1 tw-pointer-events-none", { "tw-opacity-low": o.disabled }])
       }, null, 8, ["icon", "class"])
     ])
   ], 6);
 }
-const I = /* @__PURE__ */ x(A, [["render", N]]);
+const L = /* @__PURE__ */ x(A, [["render", N], ["__scopeId", "data-v-57d55c25"]]);
 export {
-  I as default
+  L as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.30.0",
+  "version": "6.31.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -111,5 +111,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "dcc1dba54ce0fe677ce67bc8ad5abe0c398df219"
+  "gitHead": "d3956897d2eb25a800eed90e0e19168af4b38565"
 }