@kiva/kv-components 7.6.3 → 8.0.1

package/dist/vue/KvAccordionItem.vue.d.ts

@@ -0,0 +1,107 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: true;
+        validator: (v: string) => boolean;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    collapse: () => void;
+    expand: () => void;
+    isOpen: import('vue').Ref<boolean, boolean>;
+    mdiChevronDown: string;
+    toggle: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "toggle"[], "toggle", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: true;
+        validator: (v: string) => boolean;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onToggle?: (...args: any[]) => any;
+}>, {
+    open: boolean;
+    disabled: 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>;
+    KvExpandable: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        property: {
+            type: StringConstructor;
+            default: string;
+        };
+        delay: {
+            type: NumberConstructor;
+            default: number;
+        };
+        easing: {
+            type: StringConstructor;
+            default: string;
+        };
+        skipEnter: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        skipLeave: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        enter: (el: any, done: any) => any;
+        leave: (el: any, done: any) => any;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        property: {
+            type: StringConstructor;
+            default: string;
+        };
+        delay: {
+            type: NumberConstructor;
+            default: number;
+        };
+        easing: {
+            type: StringConstructor;
+            default: string;
+        };
+        skipEnter: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        skipLeave: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        property: string;
+        delay: number;
+        easing: string;
+        skipEnter: boolean;
+        skipLeave: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvAccordionItem2.js

@@ -0,0 +1,60 @@
+import { toRefs as n, ref as s } from "vue";
+import { mdiChevronDown as p } from "@mdi/js";
+import r from "./KvExpandable.js";
+import i from "./KvMaterialIcon.js";
+const x = {
+  components: {
+    KvMaterialIcon: i,
+    KvExpandable: r
+  },
+  props: {
+    /**
+     * Unique id. used for a11y
+    * */
+    id: {
+      type: String,
+      required: !0,
+      validator: (o) => o.length > 0 && !/\s/g.test(o)
+      // must be a valid html5 id
+    },
+    /**
+    	* Whether the body is shown initially
+    * */
+    open: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Whether the accordion can be toggled
+    * */
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "toggle"
+  ],
+  setup(o, { emit: a }) {
+    const {
+      open: l,
+      disabled: t
+    } = n(o), e = s(l.value);
+    return {
+      collapse: () => {
+        t.value || (e.value = !1);
+      },
+      expand: () => {
+        t.value || (e.value = !0);
+      },
+      isOpen: e,
+      mdiChevronDown: p,
+      toggle: () => {
+        t.value || (e.value = !e.value, a("toggle", { open: e.value }));
+      }
+    };
+  }
+};
+export {
+  x as default
+};

package/dist/vue/KvActivityRow.js

@@ -1,23 +1,12 @@
-import r from "./KvUserAvatar.js";
-import { resolveComponent as o, openBlock as a, createElementBlock as i, createElementVNode as t, createVNode as c } from "vue";
-import l from "../_virtual/_plugin-vue_export-helper.js";
-const s = {
-  name: "KvActivityRow",
-  components: {
-    KvUserAvatar: r
-  },
-  props: {
-    activity: {
-      type: Object,
-      required: !0
-    }
-  }
-}, m = { class: "tw-flex tw-gap-x-1 tw-items-center" }, d = ["innerHTML"];
-function v(_, p, e, u, f, w) {
-  const n = o("KvUserAvatar");
-  return a(), i("div", m, [
+import r from "./KvActivityRow2.js";
+import { resolveComponent as l, openBlock as a, createElementBlock as o, createElementVNode as t, createVNode as i } from "vue";
+import c from "../_virtual/_plugin-vue_export-helper.js";
+const s = { class: "tw-flex tw-gap-x-1 tw-items-center" }, m = ["innerHTML"];
+function d(_, v, e, u, f, p) {
+  const n = l("KvUserAvatar");
+  return a(), o("div", s, [
     t("div", null, [
-      c(n, {
+      i(n, {
         "lender-name": e.activity.lenderName,
         "lender-image-url": e.activity.lenderImage,
         class: "tw-w-3 tw-h-3",
@@ -27,11 +16,11 @@ function v(_, p, e, u, f, w) {
     t("div", null, [
       t("p", {
         innerHTML: e.activity.text
-      }, null, 8, d)
+      }, null, 8, m)
     ])
   ]);
 }
-const K = /* @__PURE__ */ l(s, [["render", v]]);
+const h = /* @__PURE__ */ c(r, [["render", d]]);
 export {
-  K as default
+  h as default
 };

package/dist/vue/KvActivityRow.vue.d.ts

@@ -0,0 +1,66 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    activity: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    activity: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {
+    KvUserAvatar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        lenderName: {
+            type: StringConstructor;
+            default: string;
+        };
+        lenderImageUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+        isSmall: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showCssPlaceholder: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        isAnonymousUser: import('vue').ComputedRef<boolean>;
+        avatarClass: import('vue').ComputedRef<string>;
+        userHasImage: import('vue').ComputedRef<boolean>;
+        lenderNameFirstLetter: import('vue').ComputedRef<string>;
+        letterViewBox: import('vue').ComputedRef<"0 0 27 27" | "0 0 27.5 27.5">;
+        isLegacyPlaceholderAvatar: typeof import('..').isLegacyPlaceholderAvatar;
+        isImageLoading: import('vue').Ref<boolean, boolean>;
+        onImgLoad: () => void;
+        imageRef: import('vue').Ref<any, any>;
+        userAvatar: import('vue').Ref<any, any>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        lenderName: {
+            type: StringConstructor;
+            default: string;
+        };
+        lenderImageUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+        isSmall: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showCssPlaceholder: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        lenderName: string;
+        lenderImageUrl: string;
+        isSmall: boolean;
+        showCssPlaceholder: boolean;
+    }, {}, {
+        KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvActivityRow2.js

@@ -0,0 +1,16 @@
+import t from "./KvUserAvatar.js";
+const r = {
+  name: "KvActivityRow",
+  components: {
+    KvUserAvatar: t
+  },
+  props: {
+    activity: {
+      type: Object,
+      required: !0
+    }
+  }
+};
+export {
+  r as default
+};

package/dist/vue/KvAtbModal.css

@@ -1 +1 @@
-@media (min-width: 45.875rem){.cart-modal[data-v-93b3820a] div.container{right:var(--modal-right)!important;top:var(--modal-top)!important}}
+@media (min-width: 45.875rem){.cart-modal[data-v-51208d3d] div.container{right:var(--modal-right)!important;top:var(--modal-top)!important}}