@kiva/kv-components 6.57.7 → 6.58.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.
- package/dist/vue/KvDatePicker.css +1 -1
- package/dist/vue/KvLightbox.js +10 -10
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
.kv-datepicker__loading{padding:20px;text-align:center;color:var(--text-secondary)}.kv-datepicker .dp__input{font-family:inherit;font-weight:inherit;height:3rem
|
|
1
|
+
.kv-datepicker__loading{padding:20px;text-align:center;color:var(--text-secondary)}.kv-datepicker .dp__input{font-family:inherit;font-weight:inherit;height:3rem}.kv-datepicker .dp__input:focus-within,.kv-datepicker .dp__input:focus-visible{border-color:rgb(var(--bg-action));border-width:2px;outline:none}.kv-datepicker .dp__disabled{color:rgb(var(--text-tertiary))}.kv-datepicker .dp__theme_light{--dp-primary-color: rgb(var(--bg-primary-inverse));--dp-secondary-color: rgb(var(--bg-tertiary));--dp-icon-color: rgb(var(--bg-action));--dp-hover-icon-color: rgb(var(--bg-action));--dp-border-radius: .25rem;--dp-border-color-focus: rgb(var(--bg-action-highlight));--dp-font-family: inherit, "Postgrotesk", sans-serif;--dp-primary-text-color: rgb(var(--text-primary-inverse));--dp-border-color: rgb(var(--bg-tertiary));--dp-hover-color: rgb(var(--bg-tertiary));--dp-background-color: rgb(var(--bg-primary));--dp-text-color: rgb(var(--text-primary));--dp-menu-border-color: rgb(var(--bg-primary-inverse));--dp-disabled-color: rgb(var(--bg-tertiary), 25%);--dp-disabled-color-text: rgb(var(--bg-tertiary));--dp-success-color: rgb(var(--bg-action));--dp-danger-color: rgb(var(--bg-danger));--dp-highlight-color: rgb(var(--bg-action));--dp-cell-border-radius: .25rem;--dp-loader: rgb(var(--bg-action));--dp-range-between-dates-background-color: rgb(var(--bg-action));--dp-range-between-dates-text-color: rgb(var(--bg-primary));--dp-range-between-border-color: rgb(var(--bg-action))}
|
package/dist/vue/KvLightbox.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { toRefs as L, ref as u, nextTick as C, computed as E, watch as K, onMounted as M, onBeforeUnmount as N, resolveComponent as P, openBlock as b, createBlock as R, Transition as V, withCtx as j, withDirectives as q, createElementVNode as i, withModifiers as
|
|
1
|
+
import { toRefs as L, ref as u, nextTick as C, computed as E, watch as K, onMounted as M, onBeforeUnmount as N, resolveComponent as P, openBlock as b, createBlock as R, Transition as V, withCtx as j, withDirectives as q, createElementVNode as i, withModifiers as k, createElementBlock as g, createCommentVNode as y, normalizeClass as S, renderSlot as p, toDisplayString as z, createVNode as D, vShow as I } from "vue";
|
|
2
2
|
import { mdiClose as O } from "@mdi/js";
|
|
3
3
|
import { useFocusTrap as T } from "@vueuse/integrations/useFocusTrap";
|
|
4
4
|
import { hideOthers as U } from "../vendor/aria-hidden/dist/es2015/index.js";
|
|
@@ -60,7 +60,7 @@ const X = {
|
|
|
60
60
|
const {
|
|
61
61
|
visible: t,
|
|
62
62
|
variant: l,
|
|
63
|
-
preventClose:
|
|
63
|
+
preventClose: x
|
|
64
64
|
} = L(n), c = u(null), a = u(null), r = u(null), w = u(null), v = u(null);
|
|
65
65
|
C(() => {
|
|
66
66
|
const {
|
|
@@ -83,10 +83,10 @@ const X = {
|
|
|
83
83
|
c.value && a.value && ((s = v.value) == null || s.call(v), a.value.scrollTop = 0, H(a.value)), A(), m && (m(), m = null), document.removeEventListener("keyup", f), e("lightbox-closed", { type: o });
|
|
84
84
|
};
|
|
85
85
|
f = (o) => {
|
|
86
|
-
o && o.key === "Escape" && !
|
|
86
|
+
o && o.key === "Escape" && !x.value && d();
|
|
87
87
|
};
|
|
88
88
|
const _ = () => {
|
|
89
|
-
|
|
89
|
+
x.value || d("background-click");
|
|
90
90
|
}, h = () => {
|
|
91
91
|
t.value && (document.addEventListener("keyup", f), C(() => {
|
|
92
92
|
var o;
|
|
@@ -112,7 +112,7 @@ const X = {
|
|
|
112
112
|
controlsRef: r
|
|
113
113
|
};
|
|
114
114
|
}
|
|
115
|
-
}, Y = ["aria-label", "aria-describedby", "role"], Z = { class: "tw-flex tw-p-2.5 md:tw-px-4 md:tw-pt-4 md:tw-pb-3.5" }, F = { class: "tw-flex-grow" }, $ = { class: "tw-
|
|
115
|
+
}, Y = ["aria-label", "aria-describedby", "role"], Z = { class: "tw-flex tw-p-2.5 md:tw-px-4 md:tw-pt-4 md:tw-pb-3.5" }, F = { class: "tw-flex-grow" }, $ = { class: "tw-flex-1" }, tt = {
|
|
116
116
|
id: "kvLightboxBody",
|
|
117
117
|
ref: "kvLightboxBody",
|
|
118
118
|
class: "tw-flex-1 tw-px-2.5 md:tw-px-4 tw-pb-2.5 md:tw-pb-4 tw-overflow-auto"
|
|
@@ -121,7 +121,7 @@ const X = {
|
|
|
121
121
|
ref: "controlsRef",
|
|
122
122
|
class: "tw-flex-shrink-0 tw-flex tw-justify-end tw-gap-x-2.5 tw-p-2.5 md:tw-px-4 md:tw-pb-4 md:tw-pt-1"
|
|
123
123
|
};
|
|
124
|
-
function lt(n, e, t, l,
|
|
124
|
+
function lt(n, e, t, l, x, c) {
|
|
125
125
|
const a = P("kv-material-icon");
|
|
126
126
|
return b(), R(V, {
|
|
127
127
|
"enter-active-class": "tw-transition-opacity tw-duration-300",
|
|
@@ -134,13 +134,13 @@ function lt(n, e, t, l, k, c) {
|
|
|
134
134
|
default: j(() => [
|
|
135
135
|
q(i("div", {
|
|
136
136
|
class: "tw-z-modal tw-fixed tw-inset-0 tw-bg-black tw-bg-opacity-[75%]",
|
|
137
|
-
onClick: e[3] || (e[3] =
|
|
137
|
+
onClick: e[3] || (e[3] = k((...r) => l.onScreenClick && l.onScreenClick(...r), ["stop", "prevent"]))
|
|
138
138
|
}, [
|
|
139
139
|
i("div", null, [
|
|
140
140
|
t.blurBackground ? (b(), g("div", {
|
|
141
141
|
key: 0,
|
|
142
142
|
class: "tw-fixed tw-inset-0 tw-w-full tw-h-full tw-backdrop-blur-sm",
|
|
143
|
-
onClick: e[0] || (e[0] =
|
|
143
|
+
onClick: e[0] || (e[0] = k((...r) => l.onScreenClick && l.onScreenClick(...r), ["stop", "prevent"]))
|
|
144
144
|
})) : y("", !0),
|
|
145
145
|
i("div", {
|
|
146
146
|
class: S(["tw-flex tw-absolute tw-inset-0", {
|
|
@@ -164,7 +164,7 @@ function lt(n, e, t, l, k, c) {
|
|
|
164
164
|
"aria-label": t.title ? t.title : null,
|
|
165
165
|
"aria-describedby": t.variant === "alert" ? "kvLightboxBody" : null,
|
|
166
166
|
role: l.role,
|
|
167
|
-
onClick: e[2] || (e[2] =
|
|
167
|
+
onClick: e[2] || (e[2] = k(() => {
|
|
168
168
|
}, ["stop"]))
|
|
169
169
|
}, [
|
|
170
170
|
i("div", Z, [
|
|
@@ -176,7 +176,7 @@ function lt(n, e, t, l, k, c) {
|
|
|
176
176
|
t.preventClose ? y("", !0) : (b(), g("button", {
|
|
177
177
|
key: 0,
|
|
178
178
|
class: "tw-grid tw-content-center tw-justify-center tw-ml-auto tw-w-6 tw-h-6 tw--m-2 hover:tw-text-action-highlight",
|
|
179
|
-
onClick: e[1] || (e[1] =
|
|
179
|
+
onClick: e[1] || (e[1] = k((r) => l.hide("close-x"), ["stop"]))
|
|
180
180
|
}, [
|
|
181
181
|
D(a, {
|
|
182
182
|
class: "tw-w-3 tw-h-3",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kiva/kv-components",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.58.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -114,5 +114,5 @@
|
|
|
114
114
|
"embla-carousel-fade",
|
|
115
115
|
"popper.js"
|
|
116
116
|
],
|
|
117
|
-
"gitHead": "
|
|
117
|
+
"gitHead": "3c67ddaea821beb6c6de444767ab3efe9a60ca3b"
|
|
118
118
|
}
|