@kernel4632/kima 0.9.5 → 0.9.6
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/components/navigation/{collapsible.ce.vue_vue_type_style_index_0_scoped_ddf8529a_lang.css → collapsible.ce.vue_vue_type_style_index_0_scoped_f3cd40e5_lang.css} +1 -1
- package/dist/kima-elements.js +13 -4
- package/dist/style.css +1 -1
- package/dist/styles/collapsible.css +1 -1
- package/dist/vue/components/navigation/collapsible.ce.js +32 -23
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes kima-ripple-glow-
|
|
1
|
+
@keyframes kima-ripple-glow-f3cd40e5{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-collapsible[data-v-f3cd40e5]{box-sizing:border-box;min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-weight:var(--kima-font-weight-semi-bold);font-size:var(--kima-font-size-body-large);background:var(--kima-color-layer-1);border-radius:var(--kima-radius-m);width:100%;min-width:0;padding:var(--kima-space-4);border:0;display:block}.kima-collapsible__content[data-v-f3cd40e5]{padding:var(--kima-space-4);line-height:1.7}
|
package/dist/kima-elements.js
CHANGED
|
@@ -120649,7 +120649,7 @@ var xRe = /*#__PURE__*/ fl(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
|
120649
120649
|
F(t.$slots, "default", {}, void 0, !0)
|
|
120650
120650
|
], 16, JBe));
|
|
120651
120651
|
}
|
|
120652
|
-
}), [["styles", [qBe]], ["__scopeId", "data-v-f2081ae5"]]), nVe = "@keyframes kima-ripple-glow-
|
|
120652
|
+
}), [["styles", [qBe]], ["__scopeId", "data-v-f2081ae5"]]), nVe = "@keyframes kima-ripple-glow-f3cd40e5{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-collapsible[data-v-f3cd40e5]{box-sizing:border-box;min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-weight:var(--kima-font-weight-semi-bold);font-size:var(--kima-font-size-body-large);background:var(--kima-color-layer-1);border-radius:var(--kima-radius-m);width:100%;min-width:0;padding:var(--kima-space-4);border:0;display:block}.kima-collapsible__content[data-v-f3cd40e5]{padding:var(--kima-space-4);line-height:1.7}", rVe = ["aria-hidden", "inert"], iVe = { class: "kima-collapsible__content" }, aVe = /*#__PURE__*/ fl(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
120653
120653
|
__name: "collapsible.ce",
|
|
120654
120654
|
props: {
|
|
120655
120655
|
open: Boolean,
|
|
@@ -120661,8 +120661,15 @@ var xRe = /*#__PURE__*/ fl(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
|
120661
120661
|
},
|
|
120662
120662
|
emits: ["update:open", "change"],
|
|
120663
120663
|
setup(e, { emit: t }) {
|
|
120664
|
-
let n = e, r = t, { root: i, forwardedAttrs: a } = H7(), [o, s] = U7(n, "open", r), c = `kima-collapsible-${Nr()}
|
|
120665
|
-
|
|
120664
|
+
let n = e, r = t, { root: i, forwardedAttrs: a } = H7(), [o, s] = U7(n, "open", r), c = `kima-collapsible-${Nr()}`, l = /* @__PURE__ */ A(null), u = /* @__PURE__ */ new WeakMap();
|
|
120665
|
+
function d() {
|
|
120666
|
+
let e = l.value;
|
|
120667
|
+
if (e) for (let t of e.querySelectorAll("a,button,input,select,textarea,[tabindex]")) if (u.has(t) || u.set(t, t.getAttribute("tabindex")), o.value) {
|
|
120668
|
+
let e = u.get(t);
|
|
120669
|
+
e == null ? t.removeAttribute("tabindex") : t.setAttribute("tabindex", e);
|
|
120670
|
+
} else t.setAttribute("tabindex", "-1");
|
|
120671
|
+
}
|
|
120672
|
+
return N(o, () => In(d), { immediate: !0 }), (t, n) => (I(), L("div", H({
|
|
120666
120673
|
ref_key: "root",
|
|
120667
120674
|
ref: i
|
|
120668
120675
|
}, j(a), { class: "kima-collapsible" }), [B(j(NQ), {
|
|
@@ -120683,6 +120690,8 @@ var xRe = /*#__PURE__*/ fl(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
|
120683
120690
|
_: 3
|
|
120684
120691
|
}), B(us, H({ css: !1 }, j(cl)), {
|
|
120685
120692
|
default: M(() => [Xn(z("div", {
|
|
120693
|
+
ref_key: "content",
|
|
120694
|
+
ref: l,
|
|
120686
120695
|
id: c,
|
|
120687
120696
|
"aria-hidden": !j(o),
|
|
120688
120697
|
inert: !j(o)
|
|
@@ -120696,7 +120705,7 @@ var xRe = /*#__PURE__*/ fl(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
|
120696
120705
|
"onUpdate:open"
|
|
120697
120706
|
])], 16));
|
|
120698
120707
|
}
|
|
120699
|
-
}), [["styles", [nVe]], ["__scopeId", "data-v-
|
|
120708
|
+
}), [["styles", [nVe]], ["__scopeId", "data-v-f3cd40e5"]]), oVe = { class: "kima-shell-nav__list" }, sVe = ["data-active", "onKeydown"], cVe = { class: "kima-shell-nav__row" }, lVe = { key: 1 }, uVe = [
|
|
120700
120709
|
"id",
|
|
120701
120710
|
"inert",
|
|
120702
120711
|
"aria-hidden"
|
package/dist/style.css
CHANGED
|
@@ -216,7 +216,7 @@
|
|
|
216
216
|
/*$vite$:1*/
|
|
217
217
|
@keyframes kima-ripple-glow-f2081ae5{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-carousel[data-v-f2081ae5]{box-sizing:border-box;min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-weight:var(--kima-font-weight-semi-bold);font-size:var(--kima-font-size-body-large);background:var(--kima-color-layer-1);border-radius:var(--kima-radius-m);width:100%;min-width:0;padding:var(--kima-space-4);border:0;display:block}.kima-carousel[data-v-f2081ae5]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-carousel__viewport[data-v-f2081ae5]{padding:var(--kima-space-6);box-sizing:border-box;background:var(--kima-color-layer-1);border-radius:var(--kima-radius-m);overflow-wrap:anywhere;min-height:180px;position:relative;overflow:hidden}.kima-carousel__controls[data-v-f2081ae5]{justify-content:space-between;align-items:center;gap:var(--kima-space-3);margin-top:var(--kima-space-4);flex-wrap:wrap;display:flex}.kima-carousel__viewport[data-v-f2081ae5]{display:grid}.kima-carousel__slide[data-v-f2081ae5]{grid-area:1/1;min-width:0}.kima-carousel-forward-enter-active[data-v-f2081ae5],.kima-carousel-forward-leave-active[data-v-f2081ae5],.kima-carousel-backward-enter-active[data-v-f2081ae5],.kima-carousel-backward-leave-active[data-v-f2081ae5]{transition:transform var(--kima-duration-slower) var(--kima-curve-emphasized), opacity var(--kima-duration-medium) var(--kima-curve-standard)}.kima-carousel-forward-enter-from[data-v-f2081ae5]{opacity:0;transform:translate(24px)}.kima-carousel-forward-leave-to[data-v-f2081ae5],.kima-carousel-backward-enter-from[data-v-f2081ae5]{opacity:0;transform:translate(-24px)}.kima-carousel-backward-leave-to[data-v-f2081ae5]{opacity:0;transform:translate(24px)}:is(.kima-carousel[data-v-f2081ae5]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .kima-carousel__previous svg,.kima-carousel[data-v-f2081ae5]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .kima-carousel__next svg){transform:scaleX(-1)}
|
|
218
218
|
/*$vite$:1*/
|
|
219
|
-
@keyframes kima-ripple-glow-
|
|
219
|
+
@keyframes kima-ripple-glow-f3cd40e5{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-collapsible[data-v-f3cd40e5]{box-sizing:border-box;min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-weight:var(--kima-font-weight-semi-bold);font-size:var(--kima-font-size-body-large);background:var(--kima-color-layer-1);border-radius:var(--kima-radius-m);width:100%;min-width:0;padding:var(--kima-space-4);border:0;display:block}.kima-collapsible__content[data-v-f3cd40e5]{padding:var(--kima-space-4);line-height:1.7}
|
|
220
220
|
/*$vite$:1*/
|
|
221
221
|
@keyframes kima-ripple-glow-24e2c032{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-link[data-v-24e2c032]{box-sizing:border-box;min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-weight:var(--kima-font-weight-semi-bold);font-size:var(--kima-font-size-body-large);position:relative}.kima-link[data-v-24e2c032]:after{content:"";z-index:1;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--kima-duration-effects) var(--kima-curve-standard);background:currentColor;position:absolute;inset:0}.kima-link[data-v-24e2c032]>*{z-index:2;position:relative}.kima-link[data-v-24e2c032]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-link[data-v-24e2c032]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-link[data-v-24e2c032]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-link[data-v-24e2c032]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-link[data-v-24e2c032]{position:relative;overflow:hidden}.kima-link[data-v-24e2c032] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-24e2c032 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-link[data-v-24e2c032]:disabled,.kima-link[aria-disabled=true][data-v-24e2c032]{cursor:not-allowed;opacity:var(--kima-opacity-disabled)}.kima-link[data-v-24e2c032]{align-items:center;gap:var(--kima-space-2);box-sizing:border-box;min-height:48px;padding:var(--kima-space-2) var(--kima-space-4);border-radius:var(--kima-radius-m);color:var(--kima-color-primary);background:var(--kima-color-transparent);font:inherit;cursor:pointer;transition:background-color var(--kima-duration-effects) var(--kima-curve-standard), color var(--kima-duration-effects) var(--kima-curve-standard);padding-inline:var(--kima-space-2);overflow-wrap:anywhere;border:0;text-decoration:none;display:inline-flex}.kima-link--underline[data-v-24e2c032]{text-underline-offset:.2em;text-decoration:underline}.kima-link[aria-current][data-v-24e2c032]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}.kima-link[aria-current][data-v-24e2c032]:hover{background:var(--kima-color-primary-container-hover)}
|
|
222
222
|
/*$vite$:1*/
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
@import "_tokens.css";
|
|
2
2
|
@import "../components/core/button.ce.vue_vue_type_style_index_0_scoped_ba403858_lang.css";
|
|
3
|
-
@import "../components/navigation/collapsible.ce.
|
|
3
|
+
@import "../components/navigation/collapsible.ce.vue_vue_type_style_index_0_scoped_f3cd40e5_lang.css";
|
|
@@ -3,10 +3,10 @@ import t from "../core/button.ce.js";
|
|
|
3
3
|
import { collapseTransition as n } from "../../utils/motion.js";
|
|
4
4
|
import { useNavigationModel as r, useNavigationRoot as i } from "../../utils/navigation.js";
|
|
5
5
|
/* empty css */
|
|
6
|
-
import { Transition as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, mergeProps as u,
|
|
7
|
-
import { CollapsibleRoot as
|
|
6
|
+
import { Transition as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, mergeProps as u, nextTick as d, openBlock as f, ref as p, renderSlot as m, toDisplayString as h, unref as g, useId as _, vShow as v, watch as y, withCtx as b, withDirectives as x } from "vue";
|
|
7
|
+
import { CollapsibleRoot as S, CollapsibleTrigger as C } from "reka-ui";
|
|
8
8
|
// src/components/navigation/collapsible.ce.vue
|
|
9
|
-
var
|
|
9
|
+
var w = ["aria-hidden", "inert"], T = { class: "kima-collapsible__content" }, E = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
10
10
|
__name: "collapsible.ce",
|
|
11
11
|
props: {
|
|
12
12
|
open: Boolean,
|
|
@@ -17,33 +17,42 @@ var x = ["aria-hidden", "inert"], S = { class: "kima-collapsible__content" }, C
|
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
19
|
emits: ["update:open", "change"],
|
|
20
|
-
setup(e, { emit:
|
|
21
|
-
let
|
|
22
|
-
|
|
20
|
+
setup(e, { emit: E }) {
|
|
21
|
+
let D = e, O = E, { root: k, forwardedAttrs: A } = i(), [j, M] = r(D, "open", O), N = `kima-collapsible-${_()}`, P = p(null), F = /* @__PURE__ */ new WeakMap();
|
|
22
|
+
function I() {
|
|
23
|
+
let e = P.value;
|
|
24
|
+
if (e) for (let t of e.querySelectorAll("a,button,input,select,textarea,[tabindex]")) if (F.has(t) || F.set(t, t.getAttribute("tabindex")), j.value) {
|
|
25
|
+
let e = F.get(t);
|
|
26
|
+
e == null ? t.removeAttribute("tabindex") : t.setAttribute("tabindex", e);
|
|
27
|
+
} else t.setAttribute("tabindex", "-1");
|
|
28
|
+
}
|
|
29
|
+
return y(j, () => d(I), { immediate: !0 }), (r, i) => (f(), o("div", u({
|
|
23
30
|
ref_key: "root",
|
|
24
|
-
ref:
|
|
25
|
-
},
|
|
26
|
-
open:
|
|
31
|
+
ref: k
|
|
32
|
+
}, g(A), { class: "kima-collapsible" }), [l(g(S), {
|
|
33
|
+
open: g(j),
|
|
27
34
|
disabled: e.disabled,
|
|
28
|
-
"onUpdate:open":
|
|
35
|
+
"onUpdate:open": g(M)
|
|
29
36
|
}, {
|
|
30
|
-
default:
|
|
31
|
-
default:
|
|
37
|
+
default: b(() => [l(g(C), { "as-child": "" }, {
|
|
38
|
+
default: b(() => [l(t, {
|
|
32
39
|
variant: "text",
|
|
33
40
|
disabled: e.disabled,
|
|
34
|
-
"aria-expanded":
|
|
35
|
-
"aria-controls":
|
|
41
|
+
"aria-expanded": g(j),
|
|
42
|
+
"aria-controls": N
|
|
36
43
|
}, {
|
|
37
|
-
default:
|
|
44
|
+
default: b(() => [m(r.$slots, "trigger", {}, () => [c(h(e.label), 1)], !0)]),
|
|
38
45
|
_: 3
|
|
39
46
|
}, 8, ["disabled", "aria-expanded"])]),
|
|
40
47
|
_: 3
|
|
41
|
-
}), l(a, u({ css: !1 },
|
|
42
|
-
default:
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
48
|
+
}), l(a, u({ css: !1 }, g(n)), {
|
|
49
|
+
default: b(() => [x(s("div", {
|
|
50
|
+
ref_key: "content",
|
|
51
|
+
ref: P,
|
|
52
|
+
id: N,
|
|
53
|
+
"aria-hidden": !g(j),
|
|
54
|
+
inert: !g(j)
|
|
55
|
+
}, [s("div", T, [m(r.$slots, "default", {}, void 0, !0)])], 8, w), [[v, g(j)]])]),
|
|
47
56
|
_: 3
|
|
48
57
|
}, 16)]),
|
|
49
58
|
_: 3
|
|
@@ -53,5 +62,5 @@ var x = ["aria-hidden", "inert"], S = { class: "kima-collapsible__content" }, C
|
|
|
53
62
|
"onUpdate:open"
|
|
54
63
|
])], 16));
|
|
55
64
|
}
|
|
56
|
-
}), [["__scopeId", "data-v-
|
|
57
|
-
export {
|
|
65
|
+
}), [["__scopeId", "data-v-f3cd40e5"]]);
|
|
66
|
+
export { E as default };
|
package/package.json
CHANGED