@kiva/kv-components 7.6.2 → 8.0.0

package/dist/vue/KvCartModal2.js

@@ -0,0 +1,106 @@
+import { toRefs as E, ref as i, computed as v, watch as w, onMounted as B, onBeforeUnmount as M, nextTick as N } from "vue";
+import { mdiClose as x, mdiCheckCircle as F } from "@mdi/js";
+import { useFocusTrap as I } from "@vueuse/integrations/useFocusTrap";
+import { hideOthers as K } from "../vendor/aria-hidden/dist/es2015/index.js";
+import { unlockScroll as O, lockScroll as P } from "../utils/scrollLock.js";
+import { unlockPrintSingleEl as A, lockPrintSingleEl as L } from "../utils/printing.js";
+import R from "./KvButton.js";
+import U from "./KvMaterialIcon.js";
+const H = {
+  components: {
+    KvMaterialIcon: U,
+    KvButton: R
+  },
+  props: {
+    /**
+     * Whether the dialog is open or not
+     * */
+    visible: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * The dialog has no close X button, clicking the screen does not close,
+     * pressing ESC does not close.
+     * */
+    preventClose: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * The number of loans in the basket
+     * */
+    basketCount: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * Category name for the CTA button
+     * */
+    categoryName: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: [
+    "cart-modal-closed"
+  ],
+  setup(l, { emit: f }) {
+    const {
+      visible: a,
+      preventClose: n
+    } = E(l), c = i(null), o = i(null), k = i(null), d = i(), C = v(() => [
+      c.value
+      // This cart modal
+    ]), p = v(() => !!l.categoryName), y = v(() => p.value ? `Support another ${l.categoryName}` : `View basket (${l.basketCount})`), {
+      activate: g,
+      deactivate: h
+    } = I(C, {
+      allowOutsideClick: !0
+      // allow clicking outside the cart modal to close it
+    });
+    let r = null, u = null;
+    const e = (t = "") => {
+      c.value && o.value && (h(), o.value.scrollTop = 0, A(o.value)), O(), r && (r(), r = null), document.removeEventListener("keyup", u), f("cart-modal-closed", { type: t });
+    };
+    u = (t) => {
+      t && t.key === "Escape" && !n.value && e();
+    };
+    const b = () => {
+      n.value || e("background");
+    }, s = () => {
+      a.value && (document.addEventListener("keyup", u), N(() => {
+        c.value && o.value && (g(), r = K(c.value), L(o.value)), P();
+      }));
+    }, T = (t) => {
+      e(t);
+    }, m = () => {
+      n.value || (d.value = setTimeout(() => {
+        f("cart-modal-closed", { type: "time" });
+      }, 1e4));
+    }, S = () => {
+      n.value || clearTimeout(d.value);
+    };
+    return w(a, () => {
+      a.value ? (s(), m()) : e();
+    }), B(() => {
+      a.value && (s(), m());
+    }), M(() => e()), {
+      mdiClose: x,
+      mdiCheckCircle: F,
+      onKeyUp: u,
+      onScreenClick: b,
+      hide: e,
+      show: s,
+      controlsRef: k,
+      handleClick: T,
+      clearAutomaticClose: S,
+      setAutomaticClose: m,
+      ctaText: y,
+      showCategoryOption: p
+    };
+  }
+};
+export {
+  H as default
+};

package/dist/vue/KvCartPill.js

@@ -1,57 +1,18 @@
-import { toRefs as a, computed as n, openBlock as i, createElementBlock as c, normalizeClass as u, renderSlot as p, createElementVNode as m, toDisplayString as f } from "vue";
-import d from "../_virtual/_plugin-vue_export-helper.js";
-const w = {
-  props: {
-    borrowerName: {
-      type: String,
-      default: ""
-    },
-    showBg: {
-      type: Boolean,
-      default: !1
-    },
-    milestonesNumber: {
-      type: Number,
-      default: 1
-    },
-    isCloseNextMilestone: {
-      type: Boolean,
-      default: !1
-    },
-    customMessage: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(e) {
-    const {
-      borrowerName: o,
-      milestonesNumber: t,
-      isCloseNextMilestone: s
-    } = a(e);
-    return {
-      pillCopy: n(() => {
-        if (e.customMessage)
-          return e.customMessage;
-        if (s.value)
-          return "You’re close to your next achievement!";
-        const l = t.value > 1 ? `${t.value} achievements` : "your next achievement";
-        return o.value ? `Supporting ${o.value} will reach ${l}!` : "Supporting this loan reaches an achievement!";
-      })
-    };
-  }
-}, y = { class: "tw-text-wrap" };
-function g(e, o, t, s, r, l) {
-  return i(), c("div", {
-    class: u(["tw-w-max tw-flex tw-items-center tw-gap-1 tw-px-1 tw-py-0.5 tw-rounded", {
-      "tw-text-small tw-bg-secondary": t.showBg
+import r from "./KvCartPill2.js";
+import { openBlock as s, createElementBlock as a, normalizeClass as l, renderSlot as n, createElementVNode as c, toDisplayString as i } from "vue";
+import p from "../_virtual/_plugin-vue_export-helper.js";
+const m = { class: "tw-text-wrap" };
+function w(t, d, e, o, f, _) {
+  return s(), a("div", {
+    class: l(["tw-w-max tw-flex tw-items-center tw-gap-1 tw-px-1 tw-py-0.5 tw-rounded", {
+      "tw-text-small tw-bg-secondary": e.showBg
     }])
   }, [
-    p(e.$slots, "icon"),
-    m("p", y, f(s.pillCopy), 1)
+    n(t.$slots, "icon"),
+    c("p", m, i(o.pillCopy), 1)
   ], 2);
 }
-const x = /* @__PURE__ */ d(w, [["render", g]]);
+const y = /* @__PURE__ */ p(r, [["render", w]]);
 export {
-  x as default
+  y as default
 };

package/dist/vue/KvCartPill.vue.d.ts

@@ -0,0 +1,52 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    borrowerName: {
+        type: StringConstructor;
+        default: string;
+    };
+    showBg: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    milestonesNumber: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isCloseNextMilestone: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    pillCopy: import('vue').ComputedRef<string>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    borrowerName: {
+        type: StringConstructor;
+        default: string;
+    };
+    showBg: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    milestonesNumber: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isCloseNextMilestone: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    borrowerName: string;
+    showBg: boolean;
+    milestonesNumber: number;
+    isCloseNextMilestone: boolean;
+    customMessage: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvCartPill2.js

@@ -0,0 +1,45 @@
+import { toRefs as l, computed as n } from "vue";
+const i = {
+  props: {
+    borrowerName: {
+      type: String,
+      default: ""
+    },
+    showBg: {
+      type: Boolean,
+      default: !1
+    },
+    milestonesNumber: {
+      type: Number,
+      default: 1
+    },
+    isCloseNextMilestone: {
+      type: Boolean,
+      default: !1
+    },
+    customMessage: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    const {
+      borrowerName: t,
+      milestonesNumber: o,
+      isCloseNextMilestone: s
+    } = l(e);
+    return {
+      pillCopy: n(() => {
+        if (e.customMessage)
+          return e.customMessage;
+        if (s.value)
+          return "You’re close to your next achievement!";
+        const a = o.value > 1 ? `${o.value} achievements` : "your next achievement";
+        return t.value ? `Supporting ${t.value} will reach ${a}!` : "Supporting this loan reaches an achievement!";
+      })
+    };
+  }
+};
+export {
+  i as default
+};

package/dist/vue/KvCheckbox.css

@@ -1 +1 @@
-[data-v-d1a3011d] .check-icon svg{transform:scale(1.2)}
+[data-v-14afb787] .check-icon svg{transform:scale(1.2)}

package/dist/vue/KvCheckbox.js

@@ -1,124 +1,28 @@
-import { nanoid as k } from "nanoid";
-import { toRefs as L, ref as v, watch as M, onMounted as I, resolveComponent as K, openBlock as r, createElementBlock as d, normalizeClass as c, normalizeStyle as S, createElementVNode as s, mergeProps as q, toHandlers as R, withModifiers as j, createCommentVNode as b, createBlock as z, renderSlot as D } from "vue";
-import { mdiCheckCircle as E } from "@mdi/js";
-import N from "./KvMaterialIcon.js";
-import { useAttrs as O } from "../utils/attrs.js";
+import s from "./KvCheckbox2.js";
+import { resolveComponent as f, openBlock as i, createElementBlock as r, normalizeClass as o, normalizeStyle as h, createElementVNode as l, mergeProps as v, toHandlers as b, withModifiers as k, createCommentVNode as d, createBlock as m, renderSlot as C } from "vue";
 import "./KvCheckbox.css";
-import H from "../_virtual/_plugin-vue_export-helper.js";
-const C = [
-  "change",
-  "update:modelValue"
-], P = {
-  components: {
-    KvMaterialIcon: N
-  },
-  inheritAttrs: !1,
-  model: {
-    prop: "modelValue",
-    event: "update:modelValue"
-  },
-  props: {
-    /**
-     * Whether the checkbox is checked or not
-     * */
-    modelValue: {
-      type: [Boolean, Array],
-      default: !1
-    },
-    /**
-     * Prevents the checkbox from being toggled or focused
-     * */
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Value of the checkbox if v-model is an array
-     * */
-    value: {
-      type: [String, Boolean],
-      default: ""
-    },
-    /**
-     * When set to false, visually indicates to the user that the contents of the input need
-     * to be changed
-     * */
-    valid: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Variant of the checkbox: 'square' (default) or 'round'
-     */
-    variant: {
-      type: String,
-      default: "square",
-      validator: (i) => ["square", "round"].includes(i)
-    },
-    blurOnDisabled: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: C,
-  setup(i, l) {
-    const {
-      modelValue: t,
-      value: e
-    } = L(i), { emit: u } = l, w = v(`kvc-${k(10)}`), a = v(!1), n = v(null), {
-      classes: g,
-      styles: y,
-      inputAttrs: x,
-      inputListeners: _
-    } = O(l, C), p = (h) => {
-      const m = h.target.checked;
-      let o;
-      Array.isArray(t.value) ? m ? o = [...t.value, h.target.value] : o = t.value.filter((V) => V !== e.value) : o = m, u("change", o), u("update:modelValue", o);
-    }, f = () => {
-      Array.isArray(t.value) ? a.value = t.value.includes(e.value) : a.value = t.value;
-    }, A = () => {
-      n.focus();
-    }, B = () => {
-      n.blur();
-    };
-    return f(), M(t, () => f()), I(() => {
-      w.value = `kvc-${k(10)}`;
-    }), {
-      uuid: w,
-      isChecked: a,
-      checkboxRef: n,
-      onChange: p,
-      setChecked: f,
-      focus: A,
-      blur: B,
-      classes: g,
-      styles: y,
-      inputAttrs: x,
-      inputListeners: _,
-      iconCheckCircle: E
-    };
-  }
-}, Z = ["for"], F = ["id", "checked", "value", "disabled"], G = {
+import g from "../_virtual/_plugin-vue_export-helper.js";
+const u = ["for"], x = ["id", "checked", "value", "disabled"], _ = {
   key: 0,
   class: "tw-w-1.5 tw-h-auto",
   viewBox: "0 0 12 9",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, J = { class: "tw-flex-1 peer-focus-visible:tw-ring-2 peer-focus-visible:tw-ring-action" };
-function Q(i, l, t, e, u, w) {
-  const a = K("KvMaterialIcon");
-  return r(), d("div", {
-    class: c(e.classes),
-    style: S(e.styles)
+}, y = { class: "tw-flex-1 peer-focus-visible:tw-ring-2 peer-focus-visible:tw-ring-action" };
+function L(a, n, t, e, B, M) {
+  const c = f("KvMaterialIcon");
+  return i(), r("div", {
+    class: o(e.classes),
+    style: h(e.styles)
   }, [
-    s("label", {
-      class: c(["tw-inline-flex tw-items-center", [
+    l("label", {
+      class: o(["tw-inline-flex tw-items-center", [
         { "tw-opacity-low": t.disabled && t.blurOnDisabled },
         t.variant === "round" ? "tw-align-middle" : ""
       ]]),
       for: e.uuid
     }, [
-      s("input", q(e.inputAttrs, {
+      l("input", v(e.inputAttrs, {
         id: e.uuid,
         ref: "checkboxRef",
         class: "tw-peer tw-appearance-none tw-w-max",
@@ -126,12 +30,12 @@ function Q(i, l, t, e, u, w) {
         checked: e.isChecked,
         value: t.value,
         disabled: t.disabled
-      }, R(e.inputListeners, !0), {
-        onChange: l[0] || (l[0] = j((...n) => e.onChange && e.onChange(...n), ["prevent"]))
-      }), null, 16, F),
-      t.variant === "square" ? (r(), d("div", {
+      }, b(e.inputListeners, !0), {
+        onChange: n[0] || (n[0] = k((...w) => e.onChange && e.onChange(...w), ["prevent"]))
+      }), null, 16, x),
+      t.variant === "square" ? (i(), r("div", {
         key: 0,
-        class: c(["tw-w-3 tw-h-3 tw-mr-2 tw-flex-shrink-0 tw-rounded-xs tw-border tw-flex tw-justify-center tw-items-center tw-overflow-hidden tw-transition-all tw-duration-100 peer-focus-visible:tw-ring-2 peer-focus-visible:tw-ring-action", {
+        class: o(["tw-w-3 tw-h-3 tw-mr-2 tw-flex-shrink-0 tw-rounded-xs tw-border tw-flex tw-justify-center tw-items-center tw-overflow-hidden tw-transition-all tw-duration-100 peer-focus-visible:tw-ring-2 peer-focus-visible:tw-ring-action", {
           "tw-bg-white": !e.isChecked,
           "tw-bg-action": e.isChecked,
           "tw-border-secondary": !e.isChecked && t.valid,
@@ -139,15 +43,15 @@ function Q(i, l, t, e, u, w) {
           "tw-border-danger": !t.valid
         }])
       }, [
-        e.isChecked ? (r(), d("svg", G, l[1] || (l[1] = [
-          s("path", {
+        e.isChecked ? (i(), r("svg", _, n[1] || (n[1] = [
+          l("path", {
             d: "M3.99975 6.79988L1.66642 4.46655C1.40642 4.20655 0.993086 4.20655 0.733086 4.46655C0.473086 4.72655 0.473086 5.13988 0.733086 5.39988L3.52642 8.19322C3.78642 8.45322 4.20642 8.45322 4.46642 8.19322L11.5331 1.13322C11.7931 0.873216 11.7931 0.459883 11.5331 0.199883C11.2731 -0.0601172 10.8598 -0.0601172 10.5998 0.199883L3.99975 6.79988Z",
             fill: "white"
           }, null, -1)
-        ]))) : b("", !0)
-      ], 2)) : (r(), d("div", {
+        ]))) : d("", !0)
+      ], 2)) : (i(), r("div", {
         key: 1,
-        class: c([
+        class: o([
           "tw-w-3 tw-h-3 tw-mr-1",
           "tw-flex-shrink-0",
           "tw-rounded-full",
@@ -163,19 +67,19 @@ function Q(i, l, t, e, u, w) {
           (!e.isChecked && t.valid, "")
         ])
       }, [
-        e.isChecked ? (r(), z(a, {
+        e.isChecked ? (i(), m(c, {
           key: 0,
           icon: e.iconCheckCircle,
           class: "check-icon"
-        }, null, 8, ["icon"])) : b("", !0)
+        }, null, 8, ["icon"])) : d("", !0)
       ], 2)),
-      s("div", J, [
-        D(i.$slots, "default", {}, void 0, !0)
+      l("div", y, [
+        C(a.$slots, "default", {}, void 0, !0)
       ])
-    ], 10, Z)
+    ], 10, u)
   ], 6);
 }
-const te = /* @__PURE__ */ H(P, [["render", Q], ["__scopeId", "data-v-d1a3011d"]]);
+const E = /* @__PURE__ */ g(s, [["render", L], ["__scopeId", "data-v-14afb787"]]);
 export {
-  te as default
+  E as default
 };

package/dist/vue/KvCheckbox.vue.d.ts

@@ -0,0 +1,90 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: (BooleanConstructor | ArrayConstructor)[];
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: string;
+    };
+    valid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    blurOnDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    uuid: import('vue').Ref<string, string>;
+    isChecked: import('vue').Ref<boolean, boolean>;
+    checkboxRef: import('vue').Ref<any, any>;
+    onChange: (event: any) => void;
+    setChecked: () => void;
+    focus: () => void;
+    blur: () => void;
+    classes: any[];
+    styles: any[];
+    inputAttrs: any;
+    inputListeners: any;
+    iconCheckCircle: string;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, string[], string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: (BooleanConstructor | ArrayConstructor)[];
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: string;
+    };
+    valid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    blurOnDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
+}>, {
+    value: string | boolean;
+    disabled: boolean;
+    variant: string;
+    modelValue: boolean | unknown[];
+    valid: boolean;
+    blurOnDisabled: boolean;
+}, {}, {
+    KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        icon: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvCheckbox2.js

@@ -0,0 +1,102 @@
+import { nanoid as p } from "nanoid";
+import { toRefs as V, ref as s, watch as B, onMounted as q } from "vue";
+import { mdiCheckCircle as x } from "@mdi/js";
+import M from "./KvMaterialIcon.js";
+import { useAttrs as R } from "../utils/attrs.js";
+const m = [
+  "change",
+  "update:modelValue"
+], I = {
+  components: {
+    KvMaterialIcon: M
+  },
+  inheritAttrs: !1,
+  model: {
+    prop: "modelValue",
+    event: "update:modelValue"
+  },
+  props: {
+    /**
+     * Whether the checkbox is checked or not
+     * */
+    modelValue: {
+      type: [Boolean, Array],
+      default: !1
+    },
+    /**
+     * Prevents the checkbox from being toggled or focused
+     * */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Value of the checkbox if v-model is an array
+     * */
+    value: {
+      type: [String, Boolean],
+      default: ""
+    },
+    /**
+     * When set to false, visually indicates to the user that the contents of the input need
+     * to be changed
+     * */
+    valid: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Variant of the checkbox: 'square' (default) or 'round'
+     */
+    variant: {
+      type: String,
+      default: "square",
+      validator: (l) => ["square", "round"].includes(l)
+    },
+    blurOnDisabled: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: m,
+  setup(l, r) {
+    const {
+      modelValue: e,
+      value: n
+    } = V(l), { emit: c } = r, i = s(`kvc-${p(10)}`), t = s(!1), o = s(null), {
+      classes: v,
+      styles: h,
+      inputAttrs: y,
+      inputListeners: k
+    } = R(r, m), A = (d) => {
+      const f = d.target.checked;
+      let a;
+      Array.isArray(e.value) ? f ? a = [...e.value, d.target.value] : a = e.value.filter((g) => g !== n.value) : a = f, c("change", a), c("update:modelValue", a);
+    }, u = () => {
+      Array.isArray(e.value) ? t.value = e.value.includes(n.value) : t.value = e.value;
+    }, C = () => {
+      o.value.focus();
+    }, b = () => {
+      o.value.blur();
+    };
+    return u(), B(e, () => u()), q(() => {
+      i.value = `kvc-${p(10)}`;
+    }), {
+      uuid: i,
+      isChecked: t,
+      checkboxRef: o,
+      onChange: A,
+      setChecked: u,
+      focus: C,
+      blur: b,
+      classes: v,
+      styles: h,
+      inputAttrs: y,
+      inputListeners: k,
+      iconCheckCircle: x
+    };
+  }
+};
+export {
+  I as default
+};

package/dist/vue/KvCheckoutReceipt.css

@@ -1 +1 @@
-.section[data-v-915e14e6]{border-bottom-width:.0625rem;border-top-width:0px;--tw-border-opacity: 1;border-color:rgba(var(--border-tertiary),var(--tw-border-opacity, 1));padding:.5rem;display:block;overflow:hidden}@media print{.section[data-v-915e14e6]{page-break-inside:avoid}}.section--lender-info[data-v-915e14e6]{padding-top:0}.section--print[data-v-915e14e6]{border-bottom:0}.checkout-receipt__headline[data-v-915e14e6]{text-align:center;margin-bottom:1.5rem}.checkout-receipt__item-list[data-v-915e14e6]{list-style:none;margin:0;width:100%}.loan__name[data-v-915e14e6]{margin-bottom:.5rem}.loan__name--inline[data-v-915e14e6]{display:inline-block}.loan__amount[data-v-915e14e6]{text-align:right}.total[data-v-915e14e6]{display:flex;align-items:baseline}.total__header[data-v-915e14e6],.total__amount[data-v-915e14e6]{text-align:right;flex:1}.total__amount[data-v-915e14e6]{flex-grow:.33}.payments[data-v-915e14e6]{border-bottom:none}.payments__type[data-v-915e14e6]{display:flex;text-align:right}.payments__type-title[data-v-915e14e6],.payments__type-amount[data-v-915e14e6]{flex:1}.print[data-v-915e14e6]{margin:0 auto}
+.section[data-v-5a2e1c60]{border-bottom-width:.0625rem;border-top-width:0px;--tw-border-opacity: 1;border-color:rgba(var(--border-tertiary),var(--tw-border-opacity, 1));padding:.5rem;display:block;overflow:hidden}@media print{.section[data-v-5a2e1c60]{page-break-inside:avoid}}.section--lender-info[data-v-5a2e1c60]{padding-top:0}.section--print[data-v-5a2e1c60]{border-bottom:0}.checkout-receipt__headline[data-v-5a2e1c60]{text-align:center;margin-bottom:1.5rem}.checkout-receipt__item-list[data-v-5a2e1c60]{list-style:none;margin:0;width:100%}.loan__name[data-v-5a2e1c60]{margin-bottom:.5rem}.loan__name--inline[data-v-5a2e1c60]{display:inline-block}.loan__amount[data-v-5a2e1c60]{text-align:right}.total[data-v-5a2e1c60]{display:flex;align-items:baseline}.total__header[data-v-5a2e1c60],.total__amount[data-v-5a2e1c60]{text-align:right;flex:1}.total__amount[data-v-5a2e1c60]{flex-grow:.33}.payments[data-v-5a2e1c60]{border-bottom:none}.payments__type[data-v-5a2e1c60]{display:flex;text-align:right}.payments__type-title[data-v-5a2e1c60],.payments__type-amount[data-v-5a2e1c60]{flex:1}.print[data-v-5a2e1c60]{margin:0 auto}