@kiva/kv-components 7.6.3 → 8.0.0

package/dist/vue/KvVotingCardV2.vue.d.ts

@@ -0,0 +1,308 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    backgroundImageUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    percentage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showVoteButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showPercentage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    cssProps: import('vue').ComputedRef<{
+        '--background-image-voting-card': string;
+    }>;
+    castVote(): void;
+    isLightboxOpen: import('vue').Ref<boolean, boolean>;
+    isTruncated: import('vue').ComputedRef<boolean>;
+    truncatedDescription: import('vue').ComputedRef<string>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "vote"[], "vote", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    backgroundImageUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    percentage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showVoteButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showPercentage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onVote?: (...args: any[]) => any;
+}>, {
+    title: string;
+    description: string;
+    percentage: number;
+    showVoteButton: boolean;
+    showPercentage: boolean;
+    backgroundImageUrl: string;
+}, {}, {
+    KvButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        to: {
+            type: (StringConstructor | ObjectConstructor)[];
+            default: any;
+        };
+        href: {
+            type: StringConstructor;
+            default: any;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        state: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+    }>, {
+        buttonRef: import('vue').Ref<any, any>;
+        buttonInnerRef: import('vue').Ref<any, any>;
+        computedClass: import('vue').ComputedRef<string>;
+        computedType: import('vue').ComputedRef<string>;
+        isDisabled: import('vue').ComputedRef<boolean>;
+        loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+        onClick: (event: any) => void;
+        tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        to: {
+            type: (StringConstructor | ObjectConstructor)[];
+            default: any;
+        };
+        href: {
+            type: StringConstructor;
+            default: any;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        state: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+    }>> & Readonly<{
+        onClick?: (...args: any[]) => any;
+    }>, {
+        to: string | Record<string, any>;
+        type: string;
+        href: string;
+        variant: string;
+        state: string;
+    }, {}, {
+        KvLoadingSpinner: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            color: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            color: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+        }>> & Readonly<{}>, {
+            size: string;
+            color: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvLightbox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        blurBackground: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        title: {
+            type: StringConstructor;
+            required: true;
+        };
+        preventClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        mdiClose: string;
+        role: import('vue').ComputedRef<"alertdialog" | "dialog">;
+        kvLightbox: import('vue').Ref<any, any>;
+        kvLightboxBody: import('vue').Ref<any, any>;
+        onKeyUp: any;
+        onScreenClick: () => void;
+        hide: (closedBy?: string) => void;
+        show: () => void;
+        controlsRef: import('vue').Ref<any, any>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "lightbox-closed"[], "lightbox-closed", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        blurBackground: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        title: {
+            type: StringConstructor;
+            required: true;
+        };
+        preventClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        "onLightbox-closed"?: (...args: any[]) => any;
+    }>, {
+        variant: string;
+        visible: boolean;
+        preventClose: boolean;
+        blurBackground: 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>;
+    KvProgressBar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        min: {
+            type: NumberConstructor;
+            default: number;
+        };
+        max: {
+            type: NumberConstructor;
+            default: number;
+        };
+        value: {
+            type: NumberConstructor;
+            default: number;
+            required: true;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        bgVariant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+    }>, {
+        loaded: import('vue').Ref<boolean, boolean>;
+        percent: import('vue').ComputedRef<number>;
+        animateProgressBar: () => void;
+        variantClass: import('vue').ComputedRef<"tw-bg-tertiary" | "tw-bg-danger" | "tw-bg-caution" | "tw-bg-brand">;
+        backgroundVariant: import('vue').ComputedRef<"tw-bg-tertiary" | "tw-bg-secondary">;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        min: {
+            type: NumberConstructor;
+            default: number;
+        };
+        max: {
+            type: NumberConstructor;
+            default: number;
+        };
+        value: {
+            type: NumberConstructor;
+            default: number;
+            required: true;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        bgVariant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+    }>> & Readonly<{}>, {
+        value: number;
+        variant: string;
+        min: number;
+        max: number;
+        bgVariant: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvVotingCardV22.js

@@ -0,0 +1,61 @@
+import { ref as g, toRefs as p, computed as e } from "vue";
+import i from "./KvProgressBar.js";
+import m from "./KvButton.js";
+import f from "./KvLightbox.js";
+const h = {
+  name: "KvVotingCard",
+  components: {
+    KvButton: m,
+    KvLightbox: f,
+    KvProgressBar: i
+  },
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    backgroundImageUrl: {
+      type: String,
+      default: ""
+    },
+    percentage: {
+      type: Number,
+      default: 0
+    },
+    showVoteButton: {
+      type: Boolean,
+      default: !0
+    },
+    showPercentage: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: [
+    "vote"
+  ],
+  setup(n, { emit: a }) {
+    const u = g(!1), r = 110, {
+      backgroundImageUrl: s,
+      description: t
+    } = p(n), l = e(() => ({
+      "--background-image-voting-card": `url(${s.value})`
+    })), o = e(() => (t == null ? void 0 : t.value) && (t == null ? void 0 : t.value.length) > r), c = e(() => o.value ? `${t.value.substring(0, r)}...` : t.value);
+    return {
+      cssProps: l,
+      castVote() {
+        a("vote");
+      },
+      isLightboxOpen: u,
+      isTruncated: o,
+      truncatedDescription: c
+    };
+  }
+};
+export {
+  h as default
+};

package/dist/vue/KvWideLoanCard.css

@@ -1 +1 @@
-.loan-card-use[data-v-6ac3e4be]:hover,.loan-card-use[data-v-6ac3e4be]:focus{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1))}.loan-card-active-hover:hover .loan-card-use[data-v-6ac3e4be]{text-decoration-line:underline}.loan-card-progress[data-v-6ac3e4be],.loan-card-progress[data-v-6ac3e4be]:hover,.loan-card-progress[data-v-6ac3e4be]:focus{text-decoration-line:none}.loan-callouts[data-v-6ac3e4be] div{height:auto;flex-wrap:wrap}
+.loan-card-use[data-v-e7463419]:hover,.loan-card-use[data-v-e7463419]:focus{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1))}.loan-card-active-hover:hover .loan-card-use[data-v-e7463419]{text-decoration-line:underline}.loan-card-progress[data-v-e7463419],.loan-card-progress[data-v-e7463419]:hover,.loan-card-progress[data-v-e7463419]:focus{text-decoration-line:none}.loan-callouts[data-v-e7463419] div{height:auto;flex-wrap:wrap}