@kernel4632/kima 0.9.4 → 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/core/tabs.ce.vue_vue_type_style_index_0_scoped_0d322299_lang.css +1 -0
- 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-core.js +6 -6
- package/dist/kima-elements.js +19 -10
- package/dist/style.css +2 -2
- package/dist/styles/collapsible.css +1 -1
- package/dist/styles/core.css +1 -1
- package/dist/styles/tabs.css +1 -1
- package/dist/vue/components/core/tabs.ce.js +5 -5
- package/dist/vue/components/navigation/collapsible.ce.js +32 -23
- package/package.json +1 -1
- package/dist/components/core/tabs.ce.vue_vue_type_style_index_0_scoped_9535a533_lang.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.kima-tabs[data-v-0d322299]{--kima-tabs-height:var(--kima-tab-height);--kima-tabs-gap:var(--kima-space-4);--kima-tabs-indicator-height:var(--kima-tab-indicator-height);box-sizing:border-box;width:100%;min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);display:flex}.kima-tabs--horizontal[data-v-0d322299]{flex-direction:column}.kima-tabs--vertical[data-v-0d322299]{--kima-tabs-height:48px;gap:var(--kima-tabs-gap);flex-direction:row}.kima-tabs__list[data-v-0d322299]{min-width:0;padding:var(--kima-space-1);border-radius:var(--kima-radius-m);background:var(--kima-color-layer-1);display:flex;position:relative}.kima-tabs--vertical .kima-tabs__list[data-v-0d322299]{flex-direction:column;flex:0 0 min(180px,35%);align-self:flex-start;width:min(180px,35%)}.kima-tabs__tab[data-v-0d322299]{box-sizing:border-box;min-width:64px;min-height:var(--kima-tabs-height);padding:var(--kima-space-2) var(--kima-space-3);border-radius:var(--kima-radius-s);color:var(--kima-color-on-surface-variant);background:var(--kima-color-transparent);font:inherit;font-size:var(--kima-font-size-medium);font-weight:var(--kima-font-weight-medium);white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:color var(--kima-duration-effects) var(--kima-ease-effects), background-color var(--kima-duration-effects) var(--kima-ease-effects);border:0;flex:1 1 0;justify-content:center;align-items:center;display:inline-flex;position:relative}.kima-tabs__tab[data-v-0d322299]:hover:not(:disabled){background:var(--kima-color-layer-1)}.kima-tabs__tab[data-v-0d322299]:active:not(:disabled){background:var(--kima-color-layer-2)}.kima-tabs__tab[data-v-0d322299]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-tabs__tab[aria-selected=true][data-v-0d322299]{color:var(--kima-color-primary)}.kima-tabs__tab[data-v-0d322299]:disabled{cursor:not-allowed;color:var(--kima-color-on-surface-38)}.kima-tabs--vertical .kima-tabs__tab[data-v-0d322299]{flex:none;justify-content:flex-start;min-height:48px}.kima-tabs__panels[data-v-0d322299]{flex:auto;min-width:0;display:grid;position:relative}.kima-tabs__panel.kima-content-leave-active[data-v-0d322299]{transition-duration:var(--kima-duration-fast);position:absolute;inset-block-start:0;inset-inline:0}.kima-tabs__marker[data-v-0d322299]{pointer-events:none;background:var(--kima-color-primary);border-radius:var(--kima-radius-full);position:absolute;top:0;left:0}.kima-tabs__marker--ready[data-v-0d322299]{transition:transform var(--kima-duration-slow) var(--kima-curve-emphasized), width var(--kima-duration-slow) var(--kima-curve-emphasized), height var(--kima-duration-slow) var(--kima-curve-emphasized), opacity var(--kima-duration-effects) var(--kima-curve-standard)}.kima-tabs__panel[data-v-0d322299]{min-width:0;padding-top:var(--kima-tabs-gap);outline:none;flex:auto;grid-area:1/1;align-self:start}.kima-tabs__panel[data-v-0d322299]:focus-visible{outline:2px solid var(--kima-color-primary);outline-offset:2px}.kima-tabs--vertical .kima-tabs__panel[data-v-0d322299]{padding-top:0}@media (width<=560px){.kima-tabs__tab[data-v-0d322299]{padding-inline:var(--kima-space-2);font-size:var(--kima-font-size-sm)}}
|
|
@@ -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}
|
|
@@ -52115,7 +52115,7 @@ var $W = "@keyframes kima-ripple-glow-f1632b10{0%{opacity:.14}55%{opacity:.1}to{
|
|
|
52115
52115
|
])])) : J("", !0)
|
|
52116
52116
|
], 16, zG)], 8, RG)], 2));
|
|
52117
52117
|
}
|
|
52118
|
-
}), [["styles", [LG]], ["__scopeId", "data-v-c1ac8a33"]]), vK = ".kima-tabs[data-v-
|
|
52118
|
+
}), [["styles", [LG]], ["__scopeId", "data-v-c1ac8a33"]]), vK = ".kima-tabs[data-v-0d322299]{--kima-tabs-height:var(--kima-tab-height);--kima-tabs-gap:var(--kima-space-4);--kima-tabs-indicator-height:var(--kima-tab-indicator-height);box-sizing:border-box;width:100%;min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);display:flex}.kima-tabs--horizontal[data-v-0d322299]{flex-direction:column}.kima-tabs--vertical[data-v-0d322299]{--kima-tabs-height:48px;gap:var(--kima-tabs-gap);flex-direction:row}.kima-tabs__list[data-v-0d322299]{min-width:0;padding:var(--kima-space-1);border-radius:var(--kima-radius-m);background:var(--kima-color-layer-1);display:flex;position:relative}.kima-tabs--vertical .kima-tabs__list[data-v-0d322299]{flex-direction:column;flex:0 0 min(180px,35%);align-self:flex-start;width:min(180px,35%)}.kima-tabs__tab[data-v-0d322299]{box-sizing:border-box;min-width:64px;min-height:var(--kima-tabs-height);padding:var(--kima-space-2) var(--kima-space-3);border-radius:var(--kima-radius-s);color:var(--kima-color-on-surface-variant);background:var(--kima-color-transparent);font:inherit;font-size:var(--kima-font-size-medium);font-weight:var(--kima-font-weight-medium);white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:color var(--kima-duration-effects) var(--kima-ease-effects), background-color var(--kima-duration-effects) var(--kima-ease-effects);border:0;flex:1 1 0;justify-content:center;align-items:center;display:inline-flex;position:relative}.kima-tabs__tab[data-v-0d322299]:hover:not(:disabled){background:var(--kima-color-layer-1)}.kima-tabs__tab[data-v-0d322299]:active:not(:disabled){background:var(--kima-color-layer-2)}.kima-tabs__tab[data-v-0d322299]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-tabs__tab[aria-selected=true][data-v-0d322299]{color:var(--kima-color-primary)}.kima-tabs__tab[data-v-0d322299]:disabled{cursor:not-allowed;color:var(--kima-color-on-surface-38)}.kima-tabs--vertical .kima-tabs__tab[data-v-0d322299]{flex:none;justify-content:flex-start;min-height:48px}.kima-tabs__panels[data-v-0d322299]{flex:auto;min-width:0;display:grid;position:relative}.kima-tabs__panel.kima-content-leave-active[data-v-0d322299]{transition-duration:var(--kima-duration-fast);position:absolute;inset-block-start:0;inset-inline:0}.kima-tabs__marker[data-v-0d322299]{pointer-events:none;background:var(--kima-color-primary);border-radius:var(--kima-radius-full);position:absolute;top:0;left:0}.kima-tabs__marker--ready[data-v-0d322299]{transition:transform var(--kima-duration-slow) var(--kima-curve-emphasized), width var(--kima-duration-slow) var(--kima-curve-emphasized), height var(--kima-duration-slow) var(--kima-curve-emphasized), opacity var(--kima-duration-effects) var(--kima-curve-standard)}.kima-tabs__panel[data-v-0d322299]{min-width:0;padding-top:var(--kima-tabs-gap);outline:none;flex:auto;grid-area:1/1;align-self:start}.kima-tabs__panel[data-v-0d322299]:focus-visible{outline:2px solid var(--kima-color-primary);outline-offset:2px}.kima-tabs--vertical .kima-tabs__panel[data-v-0d322299]{padding-top:0}@media (width<=560px){.kima-tabs__tab[data-v-0d322299]{padding-inline:var(--kima-space-2);font-size:var(--kima-font-size-sm)}}", yK = ["aria-orientation"], bK = [
|
|
52119
52119
|
"id",
|
|
52120
52120
|
"aria-selected",
|
|
52121
52121
|
"aria-controls",
|
|
@@ -52214,7 +52214,7 @@ var $W = "@keyframes kima-ripple-glow-f1632b10{0%{opacity:.14}55%{opacity:.1}to{
|
|
|
52214
52214
|
}
|
|
52215
52215
|
function S(e, t) {
|
|
52216
52216
|
if (t.isComposing) return;
|
|
52217
|
-
let r = m.value === "horizontal", i = r ? t.key === "ArrowRight" : t.key === "ArrowDown",
|
|
52217
|
+
let r = m.value === "horizontal", i = r && a.value && getComputedStyle(a.value).direction === "rtl", o = r ? t.key === (i ? "ArrowLeft" : "ArrowRight") : t.key === "ArrowDown", s = r ? t.key === (i ? "ArrowRight" : "ArrowLeft") : t.key === "ArrowUp";
|
|
52218
52218
|
if (t.key === "Home") {
|
|
52219
52219
|
t.preventDefault(), x(b(0, 1));
|
|
52220
52220
|
return;
|
|
@@ -52227,10 +52227,10 @@ var $W = "@keyframes kima-ripple-glow-f1632b10{0%{opacity:.14}55%{opacity:.1}to{
|
|
|
52227
52227
|
t.preventDefault(), y(n.items[e]);
|
|
52228
52228
|
return;
|
|
52229
52229
|
}
|
|
52230
|
-
if (!
|
|
52230
|
+
if (!o && !s) return;
|
|
52231
52231
|
t.preventDefault();
|
|
52232
|
-
let
|
|
52233
|
-
x(b((e +
|
|
52232
|
+
let c = o ? 1 : -1;
|
|
52233
|
+
x(b((e + c + n.items.length) % n.items.length, c));
|
|
52234
52234
|
}
|
|
52235
52235
|
return z(() => n.modelValue, (e) => {
|
|
52236
52236
|
f.value = e;
|
|
@@ -52300,7 +52300,7 @@ var $W = "@keyframes kima-ripple-glow-f1632b10{0%{opacity:.14}55%{opacity:.1}to{
|
|
|
52300
52300
|
_: 2
|
|
52301
52301
|
}, 1040))), 128))], 512)], 2));
|
|
52302
52302
|
}
|
|
52303
|
-
}, [["styles", [vK]], ["__scopeId", "data-v-
|
|
52303
|
+
}, [["styles", [vK]], ["__scopeId", "data-v-0d322299"]]), CK = "@keyframes kima-ripple-glow-f22e5c02{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-text-field[data-v-f22e5c02]{width:100%;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);display:block}.kima-text-field__control[data-v-f22e5c02]{position:relative}.kima-text-field__control[data-v-f22e5c02]: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-text-field__control[data-v-f22e5c02]>*{z-index:2;position:relative}.kima-text-field__control[data-v-f22e5c02]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-text-field__control[data-v-f22e5c02]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-text-field__control[data-v-f22e5c02]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-text-field__control[data-v-f22e5c02]{position:relative;overflow:hidden}.kima-text-field__control[data-v-f22e5c02] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-f22e5c02 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-text-field__control[data-v-f22e5c02]{height:var(--kima-field-height);box-sizing:border-box;border-radius:var(--kima-radius-m);background:var(--kima-color-layer-2);transition:background-color var(--kima-duration-effects) var(--kima-curve-standard), box-shadow var(--kima-duration-effects) var(--kima-curve-standard);align-items:center;display:flex}.kima-text-field__control[data-v-f22e5c02]:focus-within{background:var(--kima-color-layer-3);box-shadow:inset 0 0 0 var(--kima-outline-width-focused) var(--kima-color-primary)}.kima-text-field--error .kima-text-field__control[data-v-f22e5c02]{background:var(--kima-color-error-container);box-shadow:none}.kima-text-field--error .kima-text-field__control[data-v-f22e5c02]:focus-within{background:var(--kima-color-error-container);box-shadow:inset 0 0 0 var(--kima-outline-width-focused) var(--kima-color-error)}.kima-text-field--disabled[data-v-f22e5c02]{opacity:var(--kima-opacity-disabled)}.kima-text-field__control input[data-v-f22e5c02]{transition:color var(--kima-duration-effects) var(--kima-curve-standard), background-color var(--kima-duration-effects) var(--kima-curve-standard), border-color var(--kima-duration-effects) var(--kima-curve-standard), box-shadow var(--kima-duration-effects) var(--kima-curve-standard), opacity var(--kima-duration-effects) var(--kima-curve-standard);box-sizing:border-box;min-width:0;height:100%;padding:0 var(--kima-field-padding);color:var(--kima-color-on-surface);background:var(--kima-color-transparent);font:inherit;font-size:var(--kima-font-size-body-large);border:0;outline:0;flex:auto}.kima-text-field--error .kima-text-field__control input[data-v-f22e5c02]{color:var(--kima-color-on-error-container)}.kima-text-field__control input[data-v-f22e5c02]::placeholder{color:var(--kima-color-on-surface-variant);opacity:1}.kima-text-field--error .kima-text-field__control input[data-v-f22e5c02]::placeholder{color:var(--kima-color-on-error-container);opacity:.7}.kima-text-field__actions[data-v-f22e5c02]{align-items:center;gap:var(--kima-space-1);margin-right:var(--kima-space-1);flex:none;display:flex}.kima-text-field__action[data-v-f22e5c02]{transition:color var(--kima-duration-effects) var(--kima-curve-standard), background-color var(--kima-duration-effects) var(--kima-curve-standard), border-color var(--kima-duration-effects) var(--kima-curve-standard), box-shadow var(--kima-duration-effects) var(--kima-curve-standard), opacity var(--kima-duration-effects) var(--kima-curve-standard);border-radius:var(--kima-radius-full);width:32px;height:32px;color:var(--kima-color-on-surface-variant);background:var(--kima-color-transparent);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.kima-text-field__action[data-v-f22e5c02]:hover:not(:disabled){color:var(--kima-color-primary);background:color-mix(in srgb, var(--kima-color-primary) 12%, var(--kima-color-transparent))}.kima-text-field__action[data-v-f22e5c02]:focus-visible{outline:2px solid var(--kima-color-primary);outline-offset:1px}.kima-text-field__action[data-v-f22e5c02]:disabled{cursor:not-allowed}.kima-text-field--error .kima-text-field__action[data-v-f22e5c02]:hover:not(:disabled){color:var(--kima-color-error);background:color-mix(in srgb, var(--kima-color-error) 12%, var(--kima-color-transparent))}.kima-text-field__action--clear[data-v-f22e5c02]{margin-right:var(--kima-space-1)}.kima-text-field__message-wrap[data-v-f22e5c02]{display:grid}.kima-text-field__message[data-v-f22e5c02]{min-height:1.2em;margin:var(--kima-space-1) var(--kima-field-padding) 0;color:var(--kima-color-on-surface-variant);font-size:var(--kima-font-size-small);grid-area:1/1;line-height:1.2}.kima-text-field__message--error[data-v-f22e5c02]{color:var(--kima-color-error)}", wK = ["aria-disabled"], TK = [
|
|
52304
52304
|
"name",
|
|
52305
52305
|
"type",
|
|
52306
52306
|
"value",
|
package/dist/kima-elements.js
CHANGED
|
@@ -111914,7 +111914,7 @@ var Gje = "@keyframes kima-ripple-glow-597751c9{0%{opacity:.14}55%{opacity:.1}to
|
|
|
111914
111914
|
t.$slots.default || j(c)("default") ? (I(), L("span", VMe, [F(t.$slots, "default", {}, void 0, !0)])) : V("", !0)
|
|
111915
111915
|
], 2));
|
|
111916
111916
|
}
|
|
111917
|
-
}), [["styles", [LMe]], ["__scopeId", "data-v-2bcc172e"]]), UMe = ".kima-tabs[data-v-
|
|
111917
|
+
}), [["styles", [LMe]], ["__scopeId", "data-v-2bcc172e"]]), UMe = ".kima-tabs[data-v-0d322299]{--kima-tabs-height:var(--kima-tab-height);--kima-tabs-gap:var(--kima-space-4);--kima-tabs-indicator-height:var(--kima-tab-indicator-height);box-sizing:border-box;width:100%;min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);display:flex}.kima-tabs--horizontal[data-v-0d322299]{flex-direction:column}.kima-tabs--vertical[data-v-0d322299]{--kima-tabs-height:48px;gap:var(--kima-tabs-gap);flex-direction:row}.kima-tabs__list[data-v-0d322299]{min-width:0;padding:var(--kima-space-1);border-radius:var(--kima-radius-m);background:var(--kima-color-layer-1);display:flex;position:relative}.kima-tabs--vertical .kima-tabs__list[data-v-0d322299]{flex-direction:column;flex:0 0 min(180px,35%);align-self:flex-start;width:min(180px,35%)}.kima-tabs__tab[data-v-0d322299]{box-sizing:border-box;min-width:64px;min-height:var(--kima-tabs-height);padding:var(--kima-space-2) var(--kima-space-3);border-radius:var(--kima-radius-s);color:var(--kima-color-on-surface-variant);background:var(--kima-color-transparent);font:inherit;font-size:var(--kima-font-size-medium);font-weight:var(--kima-font-weight-medium);white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:color var(--kima-duration-effects) var(--kima-ease-effects), background-color var(--kima-duration-effects) var(--kima-ease-effects);border:0;flex:1 1 0;justify-content:center;align-items:center;display:inline-flex;position:relative}.kima-tabs__tab[data-v-0d322299]:hover:not(:disabled){background:var(--kima-color-layer-1)}.kima-tabs__tab[data-v-0d322299]:active:not(:disabled){background:var(--kima-color-layer-2)}.kima-tabs__tab[data-v-0d322299]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-tabs__tab[aria-selected=true][data-v-0d322299]{color:var(--kima-color-primary)}.kima-tabs__tab[data-v-0d322299]:disabled{cursor:not-allowed;color:var(--kima-color-on-surface-38)}.kima-tabs--vertical .kima-tabs__tab[data-v-0d322299]{flex:none;justify-content:flex-start;min-height:48px}.kima-tabs__panels[data-v-0d322299]{flex:auto;min-width:0;display:grid;position:relative}.kima-tabs__panel.kima-content-leave-active[data-v-0d322299]{transition-duration:var(--kima-duration-fast);position:absolute;inset-block-start:0;inset-inline:0}.kima-tabs__marker[data-v-0d322299]{pointer-events:none;background:var(--kima-color-primary);border-radius:var(--kima-radius-full);position:absolute;top:0;left:0}.kima-tabs__marker--ready[data-v-0d322299]{transition:transform var(--kima-duration-slow) var(--kima-curve-emphasized), width var(--kima-duration-slow) var(--kima-curve-emphasized), height var(--kima-duration-slow) var(--kima-curve-emphasized), opacity var(--kima-duration-effects) var(--kima-curve-standard)}.kima-tabs__panel[data-v-0d322299]{min-width:0;padding-top:var(--kima-tabs-gap);outline:none;flex:auto;grid-area:1/1;align-self:start}.kima-tabs__panel[data-v-0d322299]:focus-visible{outline:2px solid var(--kima-color-primary);outline-offset:2px}.kima-tabs--vertical .kima-tabs__panel[data-v-0d322299]{padding-top:0}@media (width<=560px){.kima-tabs__tab[data-v-0d322299]{padding-inline:var(--kima-space-2);font-size:var(--kima-font-size-sm)}}", WMe = ["aria-orientation"], GMe = [
|
|
111918
111918
|
"id",
|
|
111919
111919
|
"aria-selected",
|
|
111920
111920
|
"aria-controls",
|
|
@@ -112013,7 +112013,7 @@ var Gje = "@keyframes kima-ripple-glow-597751c9{0%{opacity:.14}55%{opacity:.1}to
|
|
|
112013
112013
|
}
|
|
112014
112014
|
function S(e, t) {
|
|
112015
112015
|
if (t.isComposing) return;
|
|
112016
|
-
let r = m.value === "horizontal", i = r ? t.key === "ArrowRight" : t.key === "ArrowDown",
|
|
112016
|
+
let r = m.value === "horizontal", i = r && a.value && getComputedStyle(a.value).direction === "rtl", o = r ? t.key === (i ? "ArrowLeft" : "ArrowRight") : t.key === "ArrowDown", s = r ? t.key === (i ? "ArrowRight" : "ArrowLeft") : t.key === "ArrowUp";
|
|
112017
112017
|
if (t.key === "Home") {
|
|
112018
112018
|
t.preventDefault(), x(b(0, 1));
|
|
112019
112019
|
return;
|
|
@@ -112026,10 +112026,10 @@ var Gje = "@keyframes kima-ripple-glow-597751c9{0%{opacity:.14}55%{opacity:.1}to
|
|
|
112026
112026
|
t.preventDefault(), y(n.items[e]);
|
|
112027
112027
|
return;
|
|
112028
112028
|
}
|
|
112029
|
-
if (!
|
|
112029
|
+
if (!o && !s) return;
|
|
112030
112030
|
t.preventDefault();
|
|
112031
|
-
let
|
|
112032
|
-
x(b((e +
|
|
112031
|
+
let c = o ? 1 : -1;
|
|
112032
|
+
x(b((e + c + n.items.length) % n.items.length, c));
|
|
112033
112033
|
}
|
|
112034
112034
|
return N(() => n.modelValue, (e) => {
|
|
112035
112035
|
f.value = e;
|
|
@@ -112099,7 +112099,7 @@ var Gje = "@keyframes kima-ripple-glow-597751c9{0%{opacity:.14}55%{opacity:.1}to
|
|
|
112099
112099
|
_: 2
|
|
112100
112100
|
}, 1040))), 128))], 512)], 2));
|
|
112101
112101
|
}
|
|
112102
|
-
}, [["styles", [UMe]], ["__scopeId", "data-v-
|
|
112102
|
+
}, [["styles", [UMe]], ["__scopeId", "data-v-0d322299"]]), JMe = "@keyframes kima-ripple-glow-f22e5c02{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-text-field[data-v-f22e5c02]{width:100%;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);display:block}.kima-text-field__control[data-v-f22e5c02]{position:relative}.kima-text-field__control[data-v-f22e5c02]: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-text-field__control[data-v-f22e5c02]>*{z-index:2;position:relative}.kima-text-field__control[data-v-f22e5c02]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-text-field__control[data-v-f22e5c02]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-text-field__control[data-v-f22e5c02]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-text-field__control[data-v-f22e5c02]{position:relative;overflow:hidden}.kima-text-field__control[data-v-f22e5c02] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-f22e5c02 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-text-field__control[data-v-f22e5c02]{height:var(--kima-field-height);box-sizing:border-box;border-radius:var(--kima-radius-m);background:var(--kima-color-layer-2);transition:background-color var(--kima-duration-effects) var(--kima-curve-standard), box-shadow var(--kima-duration-effects) var(--kima-curve-standard);align-items:center;display:flex}.kima-text-field__control[data-v-f22e5c02]:focus-within{background:var(--kima-color-layer-3);box-shadow:inset 0 0 0 var(--kima-outline-width-focused) var(--kima-color-primary)}.kima-text-field--error .kima-text-field__control[data-v-f22e5c02]{background:var(--kima-color-error-container);box-shadow:none}.kima-text-field--error .kima-text-field__control[data-v-f22e5c02]:focus-within{background:var(--kima-color-error-container);box-shadow:inset 0 0 0 var(--kima-outline-width-focused) var(--kima-color-error)}.kima-text-field--disabled[data-v-f22e5c02]{opacity:var(--kima-opacity-disabled)}.kima-text-field__control input[data-v-f22e5c02]{transition:color var(--kima-duration-effects) var(--kima-curve-standard), background-color var(--kima-duration-effects) var(--kima-curve-standard), border-color var(--kima-duration-effects) var(--kima-curve-standard), box-shadow var(--kima-duration-effects) var(--kima-curve-standard), opacity var(--kima-duration-effects) var(--kima-curve-standard);box-sizing:border-box;min-width:0;height:100%;padding:0 var(--kima-field-padding);color:var(--kima-color-on-surface);background:var(--kima-color-transparent);font:inherit;font-size:var(--kima-font-size-body-large);border:0;outline:0;flex:auto}.kima-text-field--error .kima-text-field__control input[data-v-f22e5c02]{color:var(--kima-color-on-error-container)}.kima-text-field__control input[data-v-f22e5c02]::placeholder{color:var(--kima-color-on-surface-variant);opacity:1}.kima-text-field--error .kima-text-field__control input[data-v-f22e5c02]::placeholder{color:var(--kima-color-on-error-container);opacity:.7}.kima-text-field__actions[data-v-f22e5c02]{align-items:center;gap:var(--kima-space-1);margin-right:var(--kima-space-1);flex:none;display:flex}.kima-text-field__action[data-v-f22e5c02]{transition:color var(--kima-duration-effects) var(--kima-curve-standard), background-color var(--kima-duration-effects) var(--kima-curve-standard), border-color var(--kima-duration-effects) var(--kima-curve-standard), box-shadow var(--kima-duration-effects) var(--kima-curve-standard), opacity var(--kima-duration-effects) var(--kima-curve-standard);border-radius:var(--kima-radius-full);width:32px;height:32px;color:var(--kima-color-on-surface-variant);background:var(--kima-color-transparent);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.kima-text-field__action[data-v-f22e5c02]:hover:not(:disabled){color:var(--kima-color-primary);background:color-mix(in srgb, var(--kima-color-primary) 12%, var(--kima-color-transparent))}.kima-text-field__action[data-v-f22e5c02]:focus-visible{outline:2px solid var(--kima-color-primary);outline-offset:1px}.kima-text-field__action[data-v-f22e5c02]:disabled{cursor:not-allowed}.kima-text-field--error .kima-text-field__action[data-v-f22e5c02]:hover:not(:disabled){color:var(--kima-color-error);background:color-mix(in srgb, var(--kima-color-error) 12%, var(--kima-color-transparent))}.kima-text-field__action--clear[data-v-f22e5c02]{margin-right:var(--kima-space-1)}.kima-text-field__message-wrap[data-v-f22e5c02]{display:grid}.kima-text-field__message[data-v-f22e5c02]{min-height:1.2em;margin:var(--kima-space-1) var(--kima-field-padding) 0;color:var(--kima-color-on-surface-variant);font-size:var(--kima-font-size-small);grid-area:1/1;line-height:1.2}.kima-text-field__message--error[data-v-f22e5c02]{color:var(--kima-color-error)}", YMe = ["aria-disabled"], XMe = [
|
|
112103
112103
|
"name",
|
|
112104
112104
|
"type",
|
|
112105
112105
|
"value",
|
|
@@ -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
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
/*$vite$:1*/
|
|
71
71
|
@keyframes kima-ripple-glow-2bcc172e{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-switch[data-v-2bcc172e]{align-items:center;gap:var(--kima-space-2);color:var(--kima-color-on-surface);font-size:var(--kima-font-size-body-large);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;position:relative}.kima-switch__input[data-v-2bcc172e]{z-index:3;opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.kima-switch__control[data-v-2bcc172e]{border-radius:var(--kima-radius-full);flex:none;justify-content:center;align-items:center;padding:6px;display:inline-flex;position:relative}.kima-switch__control[data-v-2bcc172e]: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-switch__control[data-v-2bcc172e]>*{z-index:2;position:relative}.kima-switch__control[data-v-2bcc172e]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-switch__control[data-v-2bcc172e]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-switch__control[data-v-2bcc172e]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-switch__control[data-v-2bcc172e]{position:relative;overflow:hidden}.kima-switch__control[data-v-2bcc172e] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-2bcc172e var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-switch__label[data-v-2bcc172e]{min-width:0;line-height:1.4}.kima-switch__track[data-v-2bcc172e]{box-sizing:border-box;flex:0 0 var(--kima-switch-track-width);width:var(--kima-switch-track-width);height:var(--kima-switch-track-height);border:var(--kima-switch-outline-width) solid var(--kima-color-outline);border-radius:var(--kima-radius-full);background:var(--kima-color-transparent);transition:background-color var(--kima-duration-effects) var(--kima-curve-standard), border-color var(--kima-duration-effects) var(--kima-curve-standard);display:block;position:relative}.kima-switch__thumb[data-v-2bcc172e]{box-sizing:border-box;width:var(--kima-switch-thumb-size);height:var(--kima-switch-thumb-size);border-radius:var(--kima-radius-full);background:var(--kima-color-on-surface-variant);transition:left var(--kima-duration-slow) var(--kima-curve-emphasized), width var(--kima-duration-medium) var(--kima-curve-emphasized), height var(--kima-duration-medium) var(--kima-curve-emphasized), background-color var(--kima-duration-effects) var(--kima-curve-standard);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.kima-switch__check[data-v-2bcc172e]{color:var(--kima-color-primary);opacity:0;transition:opacity var(--kima-duration-effects) var(--kima-curve-standard)}.kima-switch--checked .kima-switch__track[data-v-2bcc172e]{border-color:var(--kima-color-primary);background:var(--kima-color-primary)}.kima-switch--checked .kima-switch__track .kima-switch__thumb[data-v-2bcc172e]{left:calc(100% - var(--kima-switch-thumb-selected) - 2px);width:var(--kima-switch-thumb-selected);height:var(--kima-switch-thumb-selected);background:var(--kima-color-on-primary)}.kima-switch--checked .kima-switch__track .kima-switch__check[data-v-2bcc172e]{opacity:1}.kima-switch__input:active~.kima-switch__control .kima-switch__track .kima-switch__thumb[data-v-2bcc172e]{width:var(--kima-switch-thumb-pressed)}.kima-switch__input:focus-visible~.kima-switch__control[data-v-2bcc172e]{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-switch--disabled[data-v-2bcc172e]{color:var(--kima-color-on-surface-variant);cursor:not-allowed}.kima-switch--disabled .kima-switch__control[data-v-2bcc172e]{pointer-events:none}.kima-switch--disabled .kima-switch__control[data-v-2bcc172e],.kima-switch--disabled .kima-switch__track[data-v-2bcc172e]{opacity:var(--kima-opacity-disabled)}@media (prefers-reduced-motion:reduce){.kima-switch__track[data-v-2bcc172e],.kima-switch__thumb[data-v-2bcc172e],.kima-switch__check[data-v-2bcc172e]{transition:none}}
|
|
72
72
|
/*$vite$:1*/
|
|
73
|
-
.kima-tabs[data-v-
|
|
73
|
+
.kima-tabs[data-v-0d322299]{--kima-tabs-height:var(--kima-tab-height);--kima-tabs-gap:var(--kima-space-4);--kima-tabs-indicator-height:var(--kima-tab-indicator-height);box-sizing:border-box;width:100%;min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);display:flex}.kima-tabs--horizontal[data-v-0d322299]{flex-direction:column}.kima-tabs--vertical[data-v-0d322299]{--kima-tabs-height:48px;gap:var(--kima-tabs-gap);flex-direction:row}.kima-tabs__list[data-v-0d322299]{min-width:0;padding:var(--kima-space-1);border-radius:var(--kima-radius-m);background:var(--kima-color-layer-1);display:flex;position:relative}.kima-tabs--vertical .kima-tabs__list[data-v-0d322299]{flex-direction:column;flex:0 0 min(180px,35%);align-self:flex-start;width:min(180px,35%)}.kima-tabs__tab[data-v-0d322299]{box-sizing:border-box;min-width:64px;min-height:var(--kima-tabs-height);padding:var(--kima-space-2) var(--kima-space-3);border-radius:var(--kima-radius-s);color:var(--kima-color-on-surface-variant);background:var(--kima-color-transparent);font:inherit;font-size:var(--kima-font-size-medium);font-weight:var(--kima-font-weight-medium);white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:color var(--kima-duration-effects) var(--kima-ease-effects), background-color var(--kima-duration-effects) var(--kima-ease-effects);border:0;flex:1 1 0;justify-content:center;align-items:center;display:inline-flex;position:relative}.kima-tabs__tab[data-v-0d322299]:hover:not(:disabled){background:var(--kima-color-layer-1)}.kima-tabs__tab[data-v-0d322299]:active:not(:disabled){background:var(--kima-color-layer-2)}.kima-tabs__tab[data-v-0d322299]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-tabs__tab[aria-selected=true][data-v-0d322299]{color:var(--kima-color-primary)}.kima-tabs__tab[data-v-0d322299]:disabled{cursor:not-allowed;color:var(--kima-color-on-surface-38)}.kima-tabs--vertical .kima-tabs__tab[data-v-0d322299]{flex:none;justify-content:flex-start;min-height:48px}.kima-tabs__panels[data-v-0d322299]{flex:auto;min-width:0;display:grid;position:relative}.kima-tabs__panel.kima-content-leave-active[data-v-0d322299]{transition-duration:var(--kima-duration-fast);position:absolute;inset-block-start:0;inset-inline:0}.kima-tabs__marker[data-v-0d322299]{pointer-events:none;background:var(--kima-color-primary);border-radius:var(--kima-radius-full);position:absolute;top:0;left:0}.kima-tabs__marker--ready[data-v-0d322299]{transition:transform var(--kima-duration-slow) var(--kima-curve-emphasized), width var(--kima-duration-slow) var(--kima-curve-emphasized), height var(--kima-duration-slow) var(--kima-curve-emphasized), opacity var(--kima-duration-effects) var(--kima-curve-standard)}.kima-tabs__panel[data-v-0d322299]{min-width:0;padding-top:var(--kima-tabs-gap);outline:none;flex:auto;grid-area:1/1;align-self:start}.kima-tabs__panel[data-v-0d322299]:focus-visible{outline:2px solid var(--kima-color-primary);outline-offset:2px}.kima-tabs--vertical .kima-tabs__panel[data-v-0d322299]{padding-top:0}@media (width<=560px){.kima-tabs__tab[data-v-0d322299]{padding-inline:var(--kima-space-2);font-size:var(--kima-font-size-sm)}}
|
|
74
74
|
/*$vite$:1*/
|
|
75
75
|
@keyframes kima-ripple-glow-f22e5c02{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-text-field[data-v-f22e5c02]{width:100%;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);display:block}.kima-text-field__control[data-v-f22e5c02]{position:relative}.kima-text-field__control[data-v-f22e5c02]: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-text-field__control[data-v-f22e5c02]>*{z-index:2;position:relative}.kima-text-field__control[data-v-f22e5c02]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-text-field__control[data-v-f22e5c02]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-text-field__control[data-v-f22e5c02]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-text-field__control[data-v-f22e5c02]{position:relative;overflow:hidden}.kima-text-field__control[data-v-f22e5c02] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-f22e5c02 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-text-field__control[data-v-f22e5c02]{height:var(--kima-field-height);box-sizing:border-box;border-radius:var(--kima-radius-m);background:var(--kima-color-layer-2);transition:background-color var(--kima-duration-effects) var(--kima-curve-standard), box-shadow var(--kima-duration-effects) var(--kima-curve-standard);align-items:center;display:flex}.kima-text-field__control[data-v-f22e5c02]:focus-within{background:var(--kima-color-layer-3);box-shadow:inset 0 0 0 var(--kima-outline-width-focused) var(--kima-color-primary)}.kima-text-field--error .kima-text-field__control[data-v-f22e5c02]{background:var(--kima-color-error-container);box-shadow:none}.kima-text-field--error .kima-text-field__control[data-v-f22e5c02]:focus-within{background:var(--kima-color-error-container);box-shadow:inset 0 0 0 var(--kima-outline-width-focused) var(--kima-color-error)}.kima-text-field--disabled[data-v-f22e5c02]{opacity:var(--kima-opacity-disabled)}.kima-text-field__control input[data-v-f22e5c02]{transition:color var(--kima-duration-effects) var(--kima-curve-standard), background-color var(--kima-duration-effects) var(--kima-curve-standard), border-color var(--kima-duration-effects) var(--kima-curve-standard), box-shadow var(--kima-duration-effects) var(--kima-curve-standard), opacity var(--kima-duration-effects) var(--kima-curve-standard);box-sizing:border-box;min-width:0;height:100%;padding:0 var(--kima-field-padding);color:var(--kima-color-on-surface);background:var(--kima-color-transparent);font:inherit;font-size:var(--kima-font-size-body-large);border:0;outline:0;flex:auto}.kima-text-field--error .kima-text-field__control input[data-v-f22e5c02]{color:var(--kima-color-on-error-container)}.kima-text-field__control input[data-v-f22e5c02]::placeholder{color:var(--kima-color-on-surface-variant);opacity:1}.kima-text-field--error .kima-text-field__control input[data-v-f22e5c02]::placeholder{color:var(--kima-color-on-error-container);opacity:.7}.kima-text-field__actions[data-v-f22e5c02]{align-items:center;gap:var(--kima-space-1);margin-right:var(--kima-space-1);flex:none;display:flex}.kima-text-field__action[data-v-f22e5c02]{transition:color var(--kima-duration-effects) var(--kima-curve-standard), background-color var(--kima-duration-effects) var(--kima-curve-standard), border-color var(--kima-duration-effects) var(--kima-curve-standard), box-shadow var(--kima-duration-effects) var(--kima-curve-standard), opacity var(--kima-duration-effects) var(--kima-curve-standard);border-radius:var(--kima-radius-full);width:32px;height:32px;color:var(--kima-color-on-surface-variant);background:var(--kima-color-transparent);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.kima-text-field__action[data-v-f22e5c02]:hover:not(:disabled){color:var(--kima-color-primary);background:color-mix(in srgb, var(--kima-color-primary) 12%, var(--kima-color-transparent))}.kima-text-field__action[data-v-f22e5c02]:focus-visible{outline:2px solid var(--kima-color-primary);outline-offset:1px}.kima-text-field__action[data-v-f22e5c02]:disabled{cursor:not-allowed}.kima-text-field--error .kima-text-field__action[data-v-f22e5c02]:hover:not(:disabled){color:var(--kima-color-error);background:color-mix(in srgb, var(--kima-color-error) 12%, var(--kima-color-transparent))}.kima-text-field__action--clear[data-v-f22e5c02]{margin-right:var(--kima-space-1)}.kima-text-field__message-wrap[data-v-f22e5c02]{display:grid}.kima-text-field__message[data-v-f22e5c02]{min-height:1.2em;margin:var(--kima-space-1) var(--kima-field-padding) 0;color:var(--kima-color-on-surface-variant);font-size:var(--kima-font-size-small);grid-area:1/1;line-height:1.2}.kima-text-field__message--error[data-v-f22e5c02]{color:var(--kima-color-error)}
|
|
76
76
|
/*$vite$:1*/
|
|
@@ -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";
|
package/dist/styles/core.css
CHANGED
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
@import "../components/display/spinner.ce.vue_vue_type_style_index_0_scoped_d7ff1dc3_lang.css";
|
|
36
36
|
@import "../components/core/switch.ce.vue_vue_type_style_index_0_scoped_2bcc172e_lang.css";
|
|
37
37
|
@import "../components/data/table.ce.vue_vue_type_style_index_0_scoped_c1ac8a33_lang.css";
|
|
38
|
-
@import "../components/core/tabs.ce.
|
|
38
|
+
@import "../components/core/tabs.ce.vue_vue_type_style_index_0_scoped_0d322299_lang.css";
|
|
39
39
|
@import "../components/core/text-field.ce.vue_vue_type_style_index_0_scoped_f22e5c02_lang.css";
|
|
40
40
|
@import "../components/input/textarea.ce.vue_vue_type_style_index_0_scoped_60d0751b_lang.css";
|
|
41
41
|
@import "../components/core/time-picker.ce.vue_vue_type_style_index_0_scoped_afd1d777_lang.css";
|
package/dist/styles/tabs.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
@import "_tokens.css";
|
|
2
|
-
@import "../components/core/tabs.ce.
|
|
2
|
+
@import "../components/core/tabs.ce.vue_vue_type_style_index_0_scoped_0d322299_lang.css";
|
|
@@ -103,7 +103,7 @@ var O = ["aria-orientation"], k = [
|
|
|
103
103
|
}
|
|
104
104
|
function Q(e, t) {
|
|
105
105
|
if (t.isComposing) return;
|
|
106
|
-
let n = W.value === "horizontal", r = n ? t.key === "ArrowRight" : t.key === "ArrowDown",
|
|
106
|
+
let n = W.value === "horizontal", r = n && F.value && getComputedStyle(F.value).direction === "rtl", i = n ? t.key === (r ? "ArrowLeft" : "ArrowRight") : t.key === "ArrowDown", a = n ? t.key === (r ? "ArrowRight" : "ArrowLeft") : t.key === "ArrowUp";
|
|
107
107
|
if (t.key === "Home") {
|
|
108
108
|
t.preventDefault(), Z(X(0, 1));
|
|
109
109
|
return;
|
|
@@ -116,10 +116,10 @@ var O = ["aria-orientation"], k = [
|
|
|
116
116
|
t.preventDefault(), Y(M.items[e]);
|
|
117
117
|
return;
|
|
118
118
|
}
|
|
119
|
-
if (!
|
|
119
|
+
if (!i && !a) return;
|
|
120
120
|
t.preventDefault();
|
|
121
|
-
let
|
|
122
|
-
Z(X((e +
|
|
121
|
+
let o = i ? 1 : -1;
|
|
122
|
+
Z(X((e + o + M.items.length) % M.items.length, o));
|
|
123
123
|
}
|
|
124
124
|
return T(() => M.modelValue, (e) => {
|
|
125
125
|
H.value = e;
|
|
@@ -189,5 +189,5 @@ var O = ["aria-orientation"], k = [
|
|
|
189
189
|
_: 2
|
|
190
190
|
}, 1040))), 128))], 512)], 2));
|
|
191
191
|
}
|
|
192
|
-
}, [["__scopeId", "data-v-
|
|
192
|
+
}, [["__scopeId", "data-v-0d322299"]]);
|
|
193
193
|
export { j as default };
|
|
@@ -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
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.kima-tabs[data-v-9535a533]{--kima-tabs-height:var(--kima-tab-height);--kima-tabs-gap:var(--kima-space-4);--kima-tabs-indicator-height:var(--kima-tab-indicator-height);min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);display:flex}.kima-tabs--horizontal[data-v-9535a533]{flex-direction:column}.kima-tabs--vertical[data-v-9535a533]{--kima-tabs-height:48px;gap:var(--kima-tabs-gap);flex-direction:row}.kima-tabs__list[data-v-9535a533]{min-width:0;padding:var(--kima-space-1);border-radius:var(--kima-radius-m);background:var(--kima-color-layer-1);display:flex;position:relative}.kima-tabs--vertical .kima-tabs__list[data-v-9535a533]{flex-direction:column;flex:0 0 180px;align-self:flex-start;width:180px}.kima-tabs__tab[data-v-9535a533]{box-sizing:border-box;min-width:64px;min-height:var(--kima-tabs-height);padding:0 var(--kima-space-3);border-radius:var(--kima-radius-s);color:var(--kima-color-on-surface-variant);background:var(--kima-color-transparent);font:inherit;font-size:var(--kima-font-size-medium);font-weight:var(--kima-font-weight-medium);cursor:pointer;transition:color var(--kima-duration-effects) var(--kima-ease-effects), background-color var(--kima-duration-effects) var(--kima-ease-effects);border:0;flex:1 1 0;justify-content:center;align-items:center;display:inline-flex;position:relative}.kima-tabs__tab[data-v-9535a533]:hover:not(:disabled){background:var(--kima-color-layer-1)}.kima-tabs__tab[data-v-9535a533]:active:not(:disabled){background:var(--kima-color-layer-2)}.kima-tabs__tab[data-v-9535a533]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-tabs__tab[aria-selected=true][data-v-9535a533]{color:var(--kima-color-primary)}.kima-tabs__tab[data-v-9535a533]:disabled{cursor:not-allowed;color:var(--kima-color-on-surface-38)}.kima-tabs--vertical .kima-tabs__tab[data-v-9535a533]{flex:none;justify-content:flex-start;min-height:48px}.kima-tabs__panels[data-v-9535a533]{flex:auto;min-width:0;display:grid;position:relative}.kima-tabs__panel.kima-content-leave-active[data-v-9535a533]{position:absolute;inset-block-start:0;inset-inline:0}.kima-tabs__marker[data-v-9535a533]{pointer-events:none;background:var(--kima-color-primary);border-radius:var(--kima-radius-full);position:absolute;top:0;left:0}.kima-tabs__marker--ready[data-v-9535a533]{transition:transform var(--kima-duration-slow) var(--kima-curve-emphasized), width var(--kima-duration-slow) var(--kima-curve-emphasized), height var(--kima-duration-slow) var(--kima-curve-emphasized), opacity var(--kima-duration-effects) var(--kima-curve-standard)}.kima-tabs__panel[data-v-9535a533]{min-width:0;padding-top:var(--kima-tabs-gap);outline:none;flex:auto;grid-area:1/1;align-self:start}.kima-tabs__panel[data-v-9535a533]:focus-visible{outline:2px solid var(--kima-color-primary);outline-offset:2px}.kima-tabs--vertical .kima-tabs__panel[data-v-9535a533]{padding-top:0}@media (width<=560px){.kima-tabs__tab[data-v-9535a533]{padding-inline:var(--kima-space-2);font-size:var(--kima-font-size-sm)}}
|