@kernel4632/kima 0.9.4 → 0.9.5
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/kima-elements-core.js +6 -6
- package/dist/kima-elements.js +6 -6
- package/dist/style.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/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)}}
|
|
@@ -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",
|
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*/
|
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 };
|
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)}}
|