@kiva/kv-components 8.18.1 → 8.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/dist/vue/KvAtbModal.vue.d.ts +15 -0
  2. package/dist/vue/KvButton.js +12 -12
  3. package/dist/vue/KvButton.vue.d.ts +15 -0
  4. package/dist/vue/KvButton2.js +77 -53
  5. package/dist/vue/KvCartModal.vue.d.ts +15 -0
  6. package/dist/vue/KvCheckoutReceipt.vue.d.ts +15 -0
  7. package/dist/vue/KvClassicLoanCard.vue.d.ts +65 -1
  8. package/dist/vue/KvCommentsAdd.vue.d.ts +15 -0
  9. package/dist/vue/KvCommentsContainer.vue.d.ts +45 -0
  10. package/dist/vue/KvCommentsList.vue.d.ts +30 -0
  11. package/dist/vue/KvCommentsListItem.vue.d.ts +30 -0
  12. package/dist/vue/KvCommentsReplyButton.vue.d.ts +15 -0
  13. package/dist/vue/KvCompactLoanCard.vue.d.ts +35 -1
  14. package/dist/vue/KvIntroductionLoanCard.vue.d.ts +5 -1
  15. package/dist/vue/KvLendAmountButton.vue.d.ts +15 -0
  16. package/dist/vue/KvLendCta.vue.d.ts +30 -0
  17. package/dist/vue/KvLoanActivities.vue.d.ts +30 -0
  18. package/dist/vue/KvLoanTag.js +15 -15
  19. package/dist/vue/KvLoanTag.vue.d.ts +5 -1
  20. package/dist/vue/KvLoanTag2.js +14 -9
  21. package/dist/vue/KvPill.vue.d.ts +1 -1
  22. package/dist/vue/KvVotingCard.vue.d.ts +15 -0
  23. package/dist/vue/KvVotingCardV2.vue.d.ts +15 -0
  24. package/dist/vue/KvWideLoanCard.vue.d.ts +35 -1
  25. package/package.json +2 -2
package/dist/vue/KvAtbModal.vue.d.ts CHANGED
@@ -225,15 +225,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
225
225
  default: string;
226
226
  validator(value: string): boolean;
227
227
  };
228
+ size: {
229
+ type: StringConstructor;
230
+ default: string;
231
+ validator(value: string): boolean;
232
+ };
228
233
  }>, {
229
234
  buttonRef: import('vue').Ref<any, any>;
230
235
  buttonInnerRef: import('vue').Ref<any, any>;
231
236
  computedClass: import('vue').ComputedRef<string>;
232
237
  computedType: import('vue').ComputedRef<string>;
238
+ heightClass: import('vue').ComputedRef<"tw-min-h-4" | "tw-min-h-6">;
233
239
  isDisabled: import('vue').ComputedRef<boolean>;
234
240
  loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
235
241
  onClick: (event: any) => void;
242
+ paddingClass: import('vue').ComputedRef<"tw-py-0.5 tw-px-2" | "tw-py-1 tw-px-3">;
243
+ roundedClass: import('vue').ComputedRef<"tw-rounded-sm" | "tw-rounded">;
236
244
  tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
245
+ textClass: import('vue').ComputedRef<"" | "tw-text-label">;
237
246
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
238
247
  to: {
239
248
  type: (StringConstructor | ObjectConstructor)[];
@@ -258,11 +267,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
258
267
  default: string;
259
268
  validator(value: string): boolean;
260
269
  };
270
+ size: {
271
+ type: StringConstructor;
272
+ default: string;
273
+ validator(value: string): boolean;
274
+ };
261
275
  }>> & Readonly<{
262
276
  onClick?: (...args: any[]) => any;
263
277
  }>, {
264
278
  to: string | Record<string, any>;
265
279
  type: string;
280
+ size: string;
266
281
  href: string;
267
282
  variant: string;
268
283
  state: string;
package/dist/vue/KvButton.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import s from "./KvButton2.js";
2
- import { resolveComponent as c, openBlock as o, createBlock as l, resolveDynamicComponent as d, normalizeClass as n, withCtx as w, createElementVNode as i, createCommentVNode as f, renderSlot as m } from "vue";
3
- import u from "../_virtual/_plugin-vue_export-helper.js";
4
- function _(a, b, t, e, v, C) {
5
- const r = c("kv-loading-spinner");
6
- return o(), l(d(e.tag), {
2
+ import { resolveComponent as d, openBlock as o, createBlock as l, resolveDynamicComponent as c, normalizeClass as n, withCtx as w, createElementVNode as a, createCommentVNode as f, renderSlot as m } from "vue";
3
+ import C from "../_virtual/_plugin-vue_export-helper.js";
4
+ function u(i, _, t, e, b, v) {
5
+ const r = d("kv-loading-spinner");
6
+ return o(), l(c(e.tag), {
7
7
  ref: "buttonRef",
8
8
  to: t.to,
9
9
  type: e.computedType,
@@ -15,26 +15,26 @@ function _(a, b, t, e, v, C) {
15
15
  onClick: e.onClick
16
16
  }, {
17
17
  default: w(() => [
18
- i("span", {
18
+ a("span", {
19
19
  ref: "buttonInnerRef",
20
- class: n(["tw-inline-flex tw-w-full tw-justify-center tw-items-center tw-rounded tw-min-h-6 tw-relative tw-overflow-hidden tw-border tw-font-medium tw-text-center", e.computedClass])
20
+ class: n(["tw-inline-flex tw-w-full tw-justify-center tw-items-center tw-relative tw-overflow-hidden tw-border tw-font-medium tw-text-center", [e.computedClass, e.heightClass, e.roundedClass]])
21
21
  }, [
22
22
  t.state === "loading" ? (o(), l(r, {
23
23
  key: 0,
24
24
  class: "tw-absolute tw-w-full tw-text-center tw-z-0",
25
25
  color: e.loadingColor
26
26
  }, null, 8, ["color"])) : f("", !0),
27
- i("span", {
28
- class: n(["tw-py-1 tw-px-3 tw-z-10", { "tw-invisible": t.state === "loading" }])
27
+ a("span", {
28
+ class: n(["tw-z-10", [e.paddingClass, e.textClass, { "tw-invisible": t.state === "loading" }]])
29
29
  }, [
30
- m(a.$slots, "default")
30
+ m(i.$slots, "default")
31
31
  ], 2)
32
32
  ], 2)
33
33
  ]),
34
34
  _: 3
35
35
  }, 8, ["to", "type", "disabled", "class", "onClick"]);
36
36
  }
37
- const g = /* @__PURE__ */ u(s, [["render", _]]);
37
+ const y = /* @__PURE__ */ C(s, [["render", u]]);
38
38
  export {
39
- g as default
39
+ y as default
40
40
  };
package/dist/vue/KvButton.vue.d.ts CHANGED
@@ -22,15 +22,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
22
22
  default: string;
23
23
  validator(value: string): boolean;
24
24
  };
25
+ size: {
26
+ type: StringConstructor;
27
+ default: string;
28
+ validator(value: string): boolean;
29
+ };
25
30
  }>, {
26
31
  buttonRef: import('vue').Ref<any, any>;
27
32
  buttonInnerRef: import('vue').Ref<any, any>;
28
33
  computedClass: import('vue').ComputedRef<string>;
29
34
  computedType: import('vue').ComputedRef<string>;
35
+ heightClass: import('vue').ComputedRef<"tw-min-h-4" | "tw-min-h-6">;
30
36
  isDisabled: import('vue').ComputedRef<boolean>;
31
37
  loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
32
38
  onClick: (event: any) => void;
39
+ paddingClass: import('vue').ComputedRef<"tw-py-0.5 tw-px-2" | "tw-py-1 tw-px-3">;
40
+ roundedClass: import('vue').ComputedRef<"tw-rounded-sm" | "tw-rounded">;
33
41
  tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
42
+ textClass: import('vue').ComputedRef<"" | "tw-text-label">;
34
43
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
35
44
  to: {
36
45
  type: (StringConstructor | ObjectConstructor)[];
@@ -55,11 +64,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
55
64
  default: string;
56
65
  validator(value: string): boolean;
57
66
  };
67
+ size: {
68
+ type: StringConstructor;
69
+ default: string;
70
+ validator(value: string): boolean;
71
+ };
58
72
  }>> & Readonly<{
59
73
  onClick?: (...args: any[]) => any;
60
74
  }>, {
61
75
  to: string | Record<string, any>;
62
76
  type: string;
77
+ size: string;
63
78
  href: string;
64
79
  variant: string;
65
80
  state: string;
package/dist/vue/KvButton2.js CHANGED
@@ -1,8 +1,8 @@
1
- import { toRefs as T, computed as n, ref as h, watch as V, onMounted as X } from "vue";
2
- import Y from "./KvLoadingSpinner.js";
3
- const I = {
1
+ import { toRefs as _, computed as r, ref as w, watch as j, onMounted as D } from "vue";
2
+ import I from "./KvLoadingSpinner.js";
3
+ const W = {
4
4
  components: {
5
- KvLoadingSpinner: Y
5
+ KvLoadingSpinner: I
6
6
  },
7
7
  props: {
8
8
  /**
@@ -26,8 +26,8 @@ const I = {
26
26
  type: {
27
27
  type: String,
28
28
  default: "button",
29
- validator(r) {
30
- return ["button", "submit", "reset"].includes(r);
29
+ validator(e) {
30
+ return ["button", "submit", "reset"].includes(e);
31
31
  }
32
32
  },
33
33
  /**
@@ -37,8 +37,8 @@ const I = {
37
37
  variant: {
38
38
  type: String,
39
39
  default: "primary",
40
- validator(r) {
41
- return ["primary", "secondary", "link", "ghost", "danger", "caution"].includes(r);
40
+ validator(e) {
41
+ return ["primary", "secondary", "link", "ghost", "danger", "caution"].includes(e);
42
42
  }
43
43
  },
44
44
  /**
@@ -48,23 +48,43 @@ const I = {
48
48
  state: {
49
49
  type: String,
50
50
  default: "",
51
- validator(r) {
52
- return ["", "active", "disabled", "loading"].includes(r);
51
+ validator(e) {
52
+ return ["", "active", "disabled", "loading"].includes(e);
53
+ }
54
+ },
55
+ /**
56
+ * Size of the button
57
+ * `default, small`
58
+ *
59
+ * `default` renders a 48px tall button (`tw-min-h-6`) with 24px of
60
+ * horizontal and vertical padding (`tw-py-1 tw-px-3`), a 16px corner
61
+ * radius (`tw-rounded`), and inherits the surrounding text style.
62
+ * `small` renders a 32px tall button (`tw-min-h-4`) with 16px of
63
+ * horizontal padding and smaller vertical padding (`tw-py-0.5 tw-px-2`),
64
+ * a smaller 8px corner radius (`tw-rounded-sm`), and the label text
65
+ * style (`tw-text-label`).
66
+ */
67
+ size: {
68
+ type: String,
69
+ default: "default",
70
+ validator(e) {
71
+ return ["default", "small"].includes(e);
53
72
  }
54
73
  }
55
74
  },
56
75
  emits: [
57
76
  "click"
58
77
  ],
59
- setup(r, { emit: b }) {
78
+ setup(e, { emit: p }) {
60
79
  const {
61
- to: d,
62
- href: i,
63
- type: w,
64
- variant: l,
65
- state: a
66
- } = T(r), p = n(() => {
67
- switch (l.value) {
80
+ to: g,
81
+ href: n,
82
+ type: b,
83
+ variant: s,
84
+ state: i,
85
+ size: l
86
+ } = _(e), v = r(() => l.value === "small" ? "tw-min-h-4" : "tw-min-h-6"), f = r(() => l.value === "small" ? "tw-py-0.5 tw-px-2" : "tw-py-1 tw-px-3"), m = r(() => l.value === "small" ? "tw-rounded-sm" : "tw-rounded"), y = r(() => l.value === "small" ? "tw-text-label" : ""), k = r(() => {
87
+ switch (s.value) {
68
88
  case "secondary":
69
89
  case "caution":
70
90
  return "black";
@@ -73,33 +93,33 @@ const I = {
73
93
  default:
74
94
  return "white";
75
95
  }
76
- }), v = n(() => {
96
+ }), x = r(() => {
77
97
  let t = "";
78
- switch (l.value) {
98
+ switch (s.value) {
79
99
  case "primary":
80
100
  default:
81
- t = "tw-text-primary-inverse", a.value === "active" ? t = `${t} tw-bg-action-highlight tw-border-action-highlight` : t = `${t} tw-bg-action hover:tw-bg-action-highlight tw-border-action hover:tw-border-action-highlight`;
101
+ t = "tw-text-primary-inverse", i.value === "active" ? t = `${t} tw-bg-action-highlight tw-border-action-highlight` : t = `${t} tw-bg-action hover:tw-bg-action-highlight tw-border-action hover:tw-border-action-highlight`;
82
102
  break;
83
103
  case "secondary":
84
- t = "tw-text-action-highlight", a.value === "active" ? t = `${t} tw-bg-secondary` : t = `${t} tw-bg-primary hover:tw-bg-secondary tw-border-action-highlight`;
104
+ t = "tw-text-action-highlight", i.value === "active" ? t = `${t} tw-bg-secondary` : t = `${t} tw-bg-primary hover:tw-bg-secondary tw-border-action-highlight`;
85
105
  break;
86
106
  case "danger":
87
- t = "tw-text-danger", a.value === "active" ? t = `${t} tw-bg-danger-highlight tw-border-danger-highlight` : t = `${t} tw-bg-danger hover:tw-bg-danger-highlight tw-border-danger hover:tw-border-danger-highlight`;
107
+ t = "tw-text-danger", i.value === "active" ? t = `${t} tw-bg-danger-highlight tw-border-danger-highlight` : t = `${t} tw-bg-danger hover:tw-bg-danger-highlight tw-border-danger hover:tw-border-danger-highlight`;
88
108
  break;
89
109
  case "link":
90
- t = "tw-bg-primary-inverse tw-text-primary-inverse", a.value === "active" ? t = `${t} tw-border-secondary tw-bg-action` : t = `${t} tw-border-action-highlight hover:tw-border-action hover:tw-bg-action`;
110
+ t = "tw-bg-primary-inverse tw-text-primary-inverse", i.value === "active" ? t = `${t} tw-border-secondary tw-bg-action` : t = `${t} tw-border-action-highlight hover:tw-border-action hover:tw-bg-action`;
91
111
  break;
92
112
  case "ghost":
93
- t = "tw-text-primary tw-border-transparent", a.value === "active" ? t = `${t} tw-bg-secondary` : t = `${t} tw-bg-primary hover:tw-bg-secondary`;
113
+ t = "tw-text-primary tw-border-transparent", i.value === "active" ? t = `${t} tw-bg-secondary` : t = `${t} tw-bg-primary hover:tw-bg-secondary`;
94
114
  break;
95
115
  case "caution":
96
- t = "tw-text-caution", a.value === "active" ? t = `${t} tw-bg-caution-highlight tw-border-caution-highlight` : t = `${t} tw-bg-caution hover:tw-bg-caution-highlight tw-border-caution hover:tw-border-caution-highlight`;
116
+ t = "tw-text-caution", i.value === "active" ? t = `${t} tw-bg-caution-highlight tw-border-caution-highlight` : t = `${t} tw-bg-caution hover:tw-bg-caution-highlight tw-border-caution hover:tw-border-caution-highlight`;
97
117
  break;
98
118
  }
99
119
  return t;
100
- }), f = n(() => a.value === "disabled" || a.value === "loading"), m = n(() => d.value ? "router-link" : i.value ? "a" : "button"), y = n(() => d.value || i.value ? null : w.value), o = h(null), s = h(null), k = (t) => {
101
- const e = document.createElement("span");
102
- e.classList = `
120
+ }), $ = r(() => i.value === "disabled" || i.value === "loading"), C = r(() => g.value ? "router-link" : n.value ? "a" : "button"), S = r(() => g.value || n.value ? null : b.value), o = w(null), c = w(null), L = (t) => {
121
+ const a = document.createElement("span");
122
+ a.classList = `
103
123
  tw-absolute
104
124
  tw-inline-block
105
125
  tw-h-2
@@ -111,39 +131,43 @@ const I = {
111
131
  tw-opacity-0
112
132
  tw-animate-ripple
113
133
  motion-reduce:tw-animate-none
114
- `, e.dataset.testid = "ripple";
115
- const x = ["secondary", "ghost"].includes(l.value) ? "tw-bg-tertiary" : "tw-bg-primary";
116
- e.classList.add(x);
117
- const C = t.detail !== 0, { clientX: L, clientY: S } = t;
134
+ `, a.dataset.testid = "ripple";
135
+ const R = ["secondary", "ghost"].includes(s.value) ? "tw-bg-tertiary" : "tw-bg-primary";
136
+ a.classList.add(R);
137
+ const B = t.detail !== 0, { clientX: z, clientY: H } = t;
118
138
  if (o.value) {
119
139
  const {
120
- offsetLeft: E,
121
- offsetTop: R,
122
- offsetWidth: B,
123
- offsetHeight: H
140
+ offsetLeft: P,
141
+ offsetTop: T,
142
+ offsetWidth: V,
143
+ offsetHeight: X
124
144
  } = o.value;
125
- let c, u;
126
- C ? (c = `${L - E}px`, u = `${S - R}px`) : (c = `${B / 2}px`, u = `${H / 2}px`), e.style.setProperty("left", c), e.style.setProperty("top", u), s.value.appendChild(e), e.addEventListener("animationend", function P() {
127
- s.value.removeChild(e), e.removeEventListener("animationend", P);
145
+ let d, u;
146
+ B ? (d = `${z - P}px`, u = `${H - T}px`) : (d = `${V / 2}px`, u = `${X / 2}px`), a.style.setProperty("left", d), a.style.setProperty("top", u), c.value.appendChild(a), a.addEventListener("animationend", function Y() {
147
+ c.value.removeChild(a), a.removeEventListener("animationend", Y);
128
148
  });
129
149
  }
130
- }, $ = (t) => {
131
- b("click", t), k(t);
132
- }, g = () => {
133
- i.value && (o.value.href = i.value);
150
+ }, E = (t) => {
151
+ p("click", t), L(t);
152
+ }, h = () => {
153
+ n.value && (o.value.href = n.value);
134
154
  };
135
- return V(i, () => g()), X(() => g()), {
155
+ return j(n, () => h()), D(() => h()), {
136
156
  buttonRef: o,
137
- buttonInnerRef: s,
138
- computedClass: v,
139
- computedType: y,
140
- isDisabled: f,
141
- loadingColor: p,
142
- onClick: $,
143
- tag: m
157
+ buttonInnerRef: c,
158
+ computedClass: x,
159
+ computedType: S,
160
+ heightClass: v,
161
+ isDisabled: $,
162
+ loadingColor: k,
163
+ onClick: E,
164
+ paddingClass: f,
165
+ roundedClass: m,
166
+ tag: C,
167
+ textClass: y
144
168
  };
145
169
  }
146
170
  };
147
171
  export {
148
- I as default
172
+ W as default
149
173
  };
package/dist/vue/KvCartModal.vue.d.ts CHANGED
@@ -90,15 +90,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
90
90
  default: string;
91
91
  validator(value: string): boolean;
92
92
  };
93
+ size: {
94
+ type: StringConstructor;
95
+ default: string;
96
+ validator(value: string): boolean;
97
+ };
93
98
  }>, {
94
99
  buttonRef: import('vue').Ref<any, any>;
95
100
  buttonInnerRef: import('vue').Ref<any, any>;
96
101
  computedClass: import('vue').ComputedRef<string>;
97
102
  computedType: import('vue').ComputedRef<string>;
103
+ heightClass: import('vue').ComputedRef<"tw-min-h-4" | "tw-min-h-6">;
98
104
  isDisabled: import('vue').ComputedRef<boolean>;
99
105
  loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
100
106
  onClick: (event: any) => void;
107
+ paddingClass: import('vue').ComputedRef<"tw-py-0.5 tw-px-2" | "tw-py-1 tw-px-3">;
108
+ roundedClass: import('vue').ComputedRef<"tw-rounded-sm" | "tw-rounded">;
101
109
  tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
110
+ textClass: import('vue').ComputedRef<"" | "tw-text-label">;
102
111
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
103
112
  to: {
104
113
  type: (StringConstructor | ObjectConstructor)[];
@@ -123,11 +132,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
123
132
  default: string;
124
133
  validator(value: string): boolean;
125
134
  };
135
+ size: {
136
+ type: StringConstructor;
137
+ default: string;
138
+ validator(value: string): boolean;
139
+ };
126
140
  }>> & Readonly<{
127
141
  onClick?: (...args: any[]) => any;
128
142
  }>, {
129
143
  to: string | Record<string, any>;
130
144
  type: string;
145
+ size: string;
131
146
  href: string;
132
147
  variant: string;
133
148
  state: string;
package/dist/vue/KvCheckoutReceipt.vue.d.ts CHANGED
@@ -77,15 +77,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
77
77
  default: string;
78
78
  validator(value: string): boolean;
79
79
  };
80
+ size: {
81
+ type: StringConstructor;
82
+ default: string;
83
+ validator(value: string): boolean;
84
+ };
80
85
  }>, {
81
86
  buttonRef: import('vue').Ref<any, any>;
82
87
  buttonInnerRef: import('vue').Ref<any, any>;
83
88
  computedClass: import('vue').ComputedRef<string>;
84
89
  computedType: import('vue').ComputedRef<string>;
90
+ heightClass: import('vue').ComputedRef<"tw-min-h-4" | "tw-min-h-6">;
85
91
  isDisabled: import('vue').ComputedRef<boolean>;
86
92
  loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
87
93
  onClick: (event: any) => void;
94
+ paddingClass: import('vue').ComputedRef<"tw-py-0.5 tw-px-2" | "tw-py-1 tw-px-3">;
95
+ roundedClass: import('vue').ComputedRef<"tw-rounded-sm" | "tw-rounded">;
88
96
  tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
97
+ textClass: import('vue').ComputedRef<"" | "tw-text-label">;
89
98
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
90
99
  to: {
91
100
  type: (StringConstructor | ObjectConstructor)[];
@@ -110,11 +119,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
110
119
  default: string;
111
120
  validator(value: string): boolean;
112
121
  };
122
+ size: {
123
+ type: StringConstructor;
124
+ default: string;
125
+ validator(value: string): boolean;
126
+ };
113
127
  }>> & Readonly<{
114
128
  onClick?: (...args: any[]) => any;
115
129
  }>, {
116
130
  to: string | Record<string, any>;
117
131
  type: string;
132
+ size: string;
118
133
  href: string;
119
134
  variant: string;
120
135
  state: string;
package/dist/vue/KvClassicLoanCard.vue.d.ts CHANGED
@@ -981,15 +981,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
981
981
  default: string;
982
982
  validator(value: string): boolean;
983
983
  };
984
+ size: {
985
+ type: StringConstructor;
986
+ default: string;
987
+ validator(value: string): boolean;
988
+ };
984
989
  }>, {
985
990
  buttonRef: import('vue').Ref<any, any>;
986
991
  buttonInnerRef: import('vue').Ref<any, any>;
987
992
  computedClass: import('vue').ComputedRef<string>;
988
993
  computedType: import('vue').ComputedRef<string>;
994
+ heightClass: import('vue').ComputedRef<"tw-min-h-4" | "tw-min-h-6">;
989
995
  isDisabled: import('vue').ComputedRef<boolean>;
990
996
  loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
991
997
  onClick: (event: any) => void;
998
+ paddingClass: import('vue').ComputedRef<"tw-py-0.5 tw-px-2" | "tw-py-1 tw-px-3">;
999
+ roundedClass: import('vue').ComputedRef<"tw-rounded-sm" | "tw-rounded">;
992
1000
  tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
1001
+ textClass: import('vue').ComputedRef<"" | "tw-text-label">;
993
1002
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
994
1003
  to: {
995
1004
  type: (StringConstructor | ObjectConstructor)[];
@@ -1014,11 +1023,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1014
1023
  default: string;
1015
1024
  validator(value: string): boolean;
1016
1025
  };
1026
+ size: {
1027
+ type: StringConstructor;
1028
+ default: string;
1029
+ validator(value: string): boolean;
1030
+ };
1017
1031
  }>> & Readonly<{
1018
1032
  onClick?: (...args: any[]) => any;
1019
1033
  }>, {
1020
1034
  to: string | Record<string, any>;
1021
1035
  type: string;
1036
+ size: string;
1022
1037
  href: string;
1023
1038
  variant: string;
1024
1039
  state: string;
@@ -1075,15 +1090,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1075
1090
  default: string;
1076
1091
  validator(value: string): boolean;
1077
1092
  };
1093
+ size: {
1094
+ type: StringConstructor;
1095
+ default: string;
1096
+ validator(value: string): boolean;
1097
+ };
1078
1098
  }>, {
1079
1099
  buttonRef: import('vue').Ref<any, any>;
1080
1100
  buttonInnerRef: import('vue').Ref<any, any>;
1081
1101
  computedClass: import('vue').ComputedRef<string>;
1082
1102
  computedType: import('vue').ComputedRef<string>;
1103
+ heightClass: import('vue').ComputedRef<"tw-min-h-4" | "tw-min-h-6">;
1083
1104
  isDisabled: import('vue').ComputedRef<boolean>;
1084
1105
  loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
1085
1106
  onClick: (event: any) => void;
1107
+ paddingClass: import('vue').ComputedRef<"tw-py-0.5 tw-px-2" | "tw-py-1 tw-px-3">;
1108
+ roundedClass: import('vue').ComputedRef<"tw-rounded-sm" | "tw-rounded">;
1086
1109
  tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
1110
+ textClass: import('vue').ComputedRef<"" | "tw-text-label">;
1087
1111
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
1088
1112
  to: {
1089
1113
  type: (StringConstructor | ObjectConstructor)[];
@@ -1108,11 +1132,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1108
1132
  default: string;
1109
1133
  validator(value: string): boolean;
1110
1134
  };
1135
+ size: {
1136
+ type: StringConstructor;
1137
+ default: string;
1138
+ validator(value: string): boolean;
1139
+ };
1111
1140
  }>> & Readonly<{
1112
1141
  onClick?: (...args: any[]) => any;
1113
1142
  }>, {
1114
1143
  to: string | Record<string, any>;
1115
1144
  type: string;
1145
+ size: string;
1116
1146
  href: string;
1117
1147
  variant: string;
1118
1148
  state: string;
@@ -1239,7 +1269,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1239
1269
  tagText(): string;
1240
1270
  tagColor(): "#AF741C" | "#CE2626" | "#2B7C5F" | "#CE4A00";
1241
1271
  matchRatio(): any;
1242
- }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
1272
+ }, {
1273
+ orgDisplayName(org: {
1274
+ displayName?: string | null;
1275
+ }): string;
1276
+ }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
1243
1277
  loan: {
1244
1278
  type: ObjectConstructor;
1245
1279
  required: true;
@@ -1932,15 +1966,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1932
1966
  default: string;
1933
1967
  validator(value: string): boolean;
1934
1968
  };
1969
+ size: {
1970
+ type: StringConstructor;
1971
+ default: string;
1972
+ validator(value: string): boolean;
1973
+ };
1935
1974
  }>, {
1936
1975
  buttonRef: import('vue').Ref<any, any>;
1937
1976
  buttonInnerRef: import('vue').Ref<any, any>;
1938
1977
  computedClass: import('vue').ComputedRef<string>;
1939
1978
  computedType: import('vue').ComputedRef<string>;
1979
+ heightClass: import('vue').ComputedRef<"tw-min-h-4" | "tw-min-h-6">;
1940
1980
  isDisabled: import('vue').ComputedRef<boolean>;
1941
1981
  loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
1942
1982
  onClick: (event: any) => void;
1983
+ paddingClass: import('vue').ComputedRef<"tw-py-0.5 tw-px-2" | "tw-py-1 tw-px-3">;
1984
+ roundedClass: import('vue').ComputedRef<"tw-rounded-sm" | "tw-rounded">;
1943
1985
  tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
1986
+ textClass: import('vue').ComputedRef<"" | "tw-text-label">;
1944
1987
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
1945
1988
  to: {
1946
1989
  type: (StringConstructor | ObjectConstructor)[];
@@ -1965,11 +2008,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1965
2008
  default: string;
1966
2009
  validator(value: string): boolean;
1967
2010
  };
2011
+ size: {
2012
+ type: StringConstructor;
2013
+ default: string;
2014
+ validator(value: string): boolean;
2015
+ };
1968
2016
  }>> & Readonly<{
1969
2017
  onClick?: (...args: any[]) => any;
1970
2018
  }>, {
1971
2019
  to: string | Record<string, any>;
1972
2020
  type: string;
2021
+ size: string;
1973
2022
  href: string;
1974
2023
  variant: string;
1975
2024
  state: string;
@@ -2026,15 +2075,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
2026
2075
  default: string;
2027
2076
  validator(value: string): boolean;
2028
2077
  };
2078
+ size: {
2079
+ type: StringConstructor;
2080
+ default: string;
2081
+ validator(value: string): boolean;
2082
+ };
2029
2083
  }>, {
2030
2084
  buttonRef: import('vue').Ref<any, any>;
2031
2085
  buttonInnerRef: import('vue').Ref<any, any>;
2032
2086
  computedClass: import('vue').ComputedRef<string>;
2033
2087
  computedType: import('vue').ComputedRef<string>;
2088
+ heightClass: import('vue').ComputedRef<"tw-min-h-4" | "tw-min-h-6">;
2034
2089
  isDisabled: import('vue').ComputedRef<boolean>;
2035
2090
  loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
2036
2091
  onClick: (event: any) => void;
2092
+ paddingClass: import('vue').ComputedRef<"tw-py-0.5 tw-px-2" | "tw-py-1 tw-px-3">;
2093
+ roundedClass: import('vue').ComputedRef<"tw-rounded-sm" | "tw-rounded">;
2037
2094
  tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
2095
+ textClass: import('vue').ComputedRef<"" | "tw-text-label">;
2038
2096
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
2039
2097
  to: {
2040
2098
  type: (StringConstructor | ObjectConstructor)[];
@@ -2059,11 +2117,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
2059
2117
  default: string;
2060
2118
  validator(value: string): boolean;
2061
2119
  };
2120
+ size: {
2121
+ type: StringConstructor;
2122
+ default: string;
2123
+ validator(value: string): boolean;
2124
+ };
2062
2125
  }>> & Readonly<{
2063
2126
  onClick?: (...args: any[]) => any;
2064
2127
  }>, {
2065
2128
  to: string | Record<string, any>;
2066
2129
  type: string;
2130
+ size: string;
2067
2131
  href: string;
2068
2132
  variant: string;
2069
2133
  state: string;
package/dist/vue/KvCommentsAdd.vue.d.ts CHANGED
@@ -66,15 +66,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
66
66
  default: string;
67
67
  validator(value: string): boolean;
68
68
  };
69
+ size: {
70
+ type: StringConstructor;
71
+ default: string;
72
+ validator(value: string): boolean;
73
+ };
69
74
  }>, {
70
75
  buttonRef: import('vue').Ref<any, any>;
71
76
  buttonInnerRef: import('vue').Ref<any, any>;
72
77
  computedClass: import('vue').ComputedRef<string>;
73
78
  computedType: import('vue').ComputedRef<string>;
79
+ heightClass: import('vue').ComputedRef<"tw-min-h-4" | "tw-min-h-6">;
74
80
  isDisabled: import('vue').ComputedRef<boolean>;
75
81
  loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
76
82
  onClick: (event: any) => void;
83
+ paddingClass: import('vue').ComputedRef<"tw-py-0.5 tw-px-2" | "tw-py-1 tw-px-3">;
84
+ roundedClass: import('vue').ComputedRef<"tw-rounded-sm" | "tw-rounded">;
77
85
  tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
86
+ textClass: import('vue').ComputedRef<"" | "tw-text-label">;
78
87
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
79
88
  to: {
80
89
  type: (StringConstructor | ObjectConstructor)[];
@@ -99,11 +108,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
99
108
  default: string;
100
109
  validator(value: string): boolean;
101
110
  };
111
+ size: {
112
+ type: StringConstructor;
113
+ default: string;
114
+ validator(value: string): boolean;
115
+ };
102
116
  }>> & Readonly<{
103
117
  onClick?: (...args: any[]) => any;
104
118
  }>, {
105
119
  to: string | Record<string, any>;
106
120
  type: string;
121
+ size: string;
107
122
  href: string;
108
123
  variant: string;
109
124
  state: string;