@kernel4632/kima 0.9.3 → 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/components/utility/tag-group.ce.vue_vue_type_style_index_0_scoped_b575c982_lang.css +1 -0
- package/dist/kima-elements-core.js +6 -6
- package/dist/kima-elements.js +7118 -7062
- package/dist/style.css +2 -2
- package/dist/styles/core.css +1 -1
- package/dist/styles/tabs.css +1 -1
- package/dist/styles/tag-group.css +1 -1
- package/dist/vue/components/core/tabs.ce.js +5 -5
- package/dist/vue/components/utility/tag-group.ce.js +52 -48
- package/dist/vue/utils/motion.js +107 -54
- package/package.json +1 -1
- package/dist/components/core/tabs.ce.vue_vue_type_style_index_0_scoped_9535a533_lang.css +0 -1
- package/dist/components/utility/tag-group.ce.vue_vue_type_style_index_0_scoped_892954ad_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)}}
|
package/dist/components/utility/tag-group.ce.vue_vue_type_style_index_0_scoped_b575c982_lang.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.kima-tag-group[data-v-b575c982]{color:var(--kima-color-on-surface);font-family:var(--kima-font-family)}.kima-tag-group__items[data-v-b575c982]{gap:var(--kima-space-2);flex-wrap:wrap;display:flex;position:relative}
|
|
@@ -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",
|