@kernel4632/kima 0.7.0 → 0.8.2
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/README.md +31 -0
- package/dist/components/core/drawer.ce.vue_vue_type_style_index_0_scoped_a36af28b_lang.css +1 -0
- package/dist/components/core/menu.ce.vue_vue_type_style_index_0_scoped_597751c9_lang.css +1 -0
- package/dist/components/core/select.ce.vue_vue_type_style_index_0_scoped_f1632b10_lang.css +1 -0
- package/dist/components/display/list.ce.vue_vue_type_style_index_0_scoped_1c170b37_lang.css +1 -0
- package/dist/components/input/radio-group.ce.vue_vue_type_style_index_0_scoped_fe3edf34_lang.css +1 -0
- package/dist/components/utility/listbox.ce.vue_vue_type_style_index_0_scoped_8eab8b73_lang.css +1 -0
- package/dist/kima-elements-core.js +5560 -5488
- package/dist/kima-elements.js +8725 -8621
- package/dist/style.css +6 -6
- package/dist/styles/app-shell.css +1 -1
- package/dist/styles/core.css +4 -4
- package/dist/styles/drawer.css +1 -1
- package/dist/styles/list.css +1 -1
- package/dist/styles/listbox.css +2 -1
- package/dist/styles/menu.css +1 -1
- package/dist/styles/radio-group.css +2 -1
- package/dist/styles/select.css +1 -1
- package/dist/styles/sidebar.css +1 -1
- package/dist/vue/components/core/drawer.ce.js +6 -7
- package/dist/vue/components/core/menu.ce.js +61 -32
- package/dist/vue/components/core/select.ce.js +142 -123
- package/dist/vue/components/display/list.ce.js +16 -3
- package/dist/vue/components/input/radio-group.ce.js +56 -36
- package/dist/vue/components/utility/listbox.ce.js +48 -27
- package/package.json +1 -1
- package/dist/components/core/drawer.ce.vue_vue_type_style_index_0_scoped_f4c35e3a_lang.css +0 -1
- package/dist/components/core/menu.ce.vue_vue_type_style_index_0_scoped_754442d3_lang.css +0 -1
- package/dist/components/core/select.ce.vue_vue_type_style_index_0_scoped_8928e412_lang.css +0 -1
- package/dist/components/display/list.ce.vue_vue_type_style_index_0_scoped_db362eec_lang.css +0 -1
- package/dist/components/input/radio-group.ce.vue_vue_type_style_index_0_scoped_30add112_lang.css +0 -1
- package/dist/components/utility/listbox.ce.vue_vue_type_style_index_0_scoped_0523583b_lang.css +0 -1
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
import { useRipple as e } from "../../utils/ripple.js";
|
|
2
2
|
import t from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
3
|
+
import n from "../core/icon.ce.js";
|
|
4
|
+
import { useInteractionRoot as r } from "../../utils/interaction.js";
|
|
5
|
+
import { useUtilityChoice as i } from "../../utils/utility-choice.js";
|
|
5
6
|
/* empty css */
|
|
6
|
-
import { Fragment as
|
|
7
|
+
import { Fragment as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, mergeProps as u, openBlock as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h } from "vue";
|
|
8
|
+
import { Tick01Icon as g } from "@hugeicons/core-free-icons";
|
|
7
9
|
// src/components/utility/listbox.ce.vue
|
|
8
|
-
var
|
|
10
|
+
var _ = [
|
|
9
11
|
"aria-label",
|
|
10
12
|
"aria-multiselectable",
|
|
11
13
|
"aria-disabled",
|
|
12
14
|
"tabindex"
|
|
13
|
-
],
|
|
15
|
+
], v = [
|
|
14
16
|
"id",
|
|
15
17
|
"tabindex",
|
|
16
18
|
"aria-selected",
|
|
@@ -18,11 +20,11 @@ var p = [
|
|
|
18
20
|
"data-disabled",
|
|
19
21
|
"onFocus",
|
|
20
22
|
"onClick"
|
|
21
|
-
],
|
|
23
|
+
], y = { class: "kima-listbox__option-copy" }, b = { key: 0 }, x = { key: 0 }, S = [
|
|
22
24
|
"name",
|
|
23
25
|
"value",
|
|
24
26
|
"disabled"
|
|
25
|
-
],
|
|
27
|
+
], C = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
26
28
|
__name: "listbox.ce",
|
|
27
29
|
props: {
|
|
28
30
|
modelValue: {
|
|
@@ -46,36 +48,55 @@ var p = [
|
|
|
46
48
|
}
|
|
47
49
|
},
|
|
48
50
|
emits: ["update:modelValue", "change"],
|
|
49
|
-
setup(t, { emit:
|
|
50
|
-
let
|
|
51
|
-
return e(
|
|
51
|
+
setup(t, { emit: C }) {
|
|
52
|
+
let w = t, T = C, { root: E, forwardedAttrs: D } = r(), { values: O, filtered: k, active: A, id: j, selected: M, choose: N, move: P } = i(w, T, E);
|
|
53
|
+
return e(E), (e, r) => (d(), c("div", u({
|
|
52
54
|
ref_key: "root",
|
|
53
|
-
ref:
|
|
54
|
-
},
|
|
55
|
+
ref: E
|
|
56
|
+
}, h(D), { class: "kima-listbox" }), [l("div", {
|
|
55
57
|
role: "listbox",
|
|
56
58
|
"aria-label": t.label,
|
|
57
59
|
"aria-multiselectable": t.multiple || void 0,
|
|
58
60
|
"aria-disabled": t.disabled,
|
|
59
|
-
tabindex:
|
|
60
|
-
onKeydown:
|
|
61
|
-
}, [(
|
|
62
|
-
id: `${
|
|
63
|
-
key:
|
|
61
|
+
tabindex: h(k).some((e) => !e.disabled) ? void 0 : 0,
|
|
62
|
+
onKeydown: r[0] ||= (e) => h(P)(e, !0)
|
|
63
|
+
}, [(d(!0), c(a, null, f(h(k), (r, i) => (d(), c("div", {
|
|
64
|
+
id: `${h(j)}-${i}`,
|
|
65
|
+
key: r.index,
|
|
64
66
|
class: "kima-listbox__option kima-ripple-host",
|
|
65
67
|
role: "option",
|
|
66
|
-
tabindex: !t.disabled &&
|
|
67
|
-
"aria-selected":
|
|
68
|
-
"aria-disabled": t.disabled ||
|
|
69
|
-
"data-disabled": t.disabled ||
|
|
70
|
-
onFocus: (e) =>
|
|
71
|
-
onClick: (
|
|
72
|
-
},
|
|
68
|
+
tabindex: !t.disabled && i === h(A) ? 0 : -1,
|
|
69
|
+
"aria-selected": h(M)(r),
|
|
70
|
+
"aria-disabled": t.disabled || r.disabled,
|
|
71
|
+
"data-disabled": t.disabled || r.disabled || void 0,
|
|
72
|
+
onFocus: (e) => A.value = i,
|
|
73
|
+
onClick: (e) => h(N)(r)
|
|
74
|
+
}, [p(e.$slots, "option", {
|
|
75
|
+
item: r,
|
|
76
|
+
selected: h(M)(r),
|
|
77
|
+
disabled: t.disabled || r.disabled
|
|
78
|
+
}, () => [
|
|
79
|
+
r.icon ? (d(), o(n, {
|
|
80
|
+
key: 0,
|
|
81
|
+
icon: r.icon,
|
|
82
|
+
size: 20,
|
|
83
|
+
"aria-hidden": "true"
|
|
84
|
+
}, null, 8, ["icon"])) : s("", !0),
|
|
85
|
+
l("span", y, [l("span", null, m(r.label ?? r.value), 1), r.description ? (d(), c("small", b, m(r.description), 1)) : s("", !0)]),
|
|
86
|
+
h(M)(r) ? (d(), o(n, {
|
|
87
|
+
key: 1,
|
|
88
|
+
icon: h(g),
|
|
89
|
+
class: "kima-listbox__check",
|
|
90
|
+
size: 18,
|
|
91
|
+
"aria-hidden": "true"
|
|
92
|
+
}, null, 8, ["icon"])) : s("", !0)
|
|
93
|
+
], !0)], 40, v))), 128)), h(k).length ? s("", !0) : (d(), c("p", x, "暂无选项"))], 40, _), (d(!0), c(a, null, f(h(O), (e, n) => (d(), c("input", {
|
|
73
94
|
key: n,
|
|
74
95
|
type: "hidden",
|
|
75
96
|
name: t.name,
|
|
76
97
|
value: e,
|
|
77
98
|
disabled: t.disabled
|
|
78
|
-
}, null, 8,
|
|
99
|
+
}, null, 8, S))), 128))], 16));
|
|
79
100
|
}
|
|
80
|
-
}), [["__scopeId", "data-v-
|
|
81
|
-
export {
|
|
101
|
+
}), [["__scopeId", "data-v-8eab8b73"]]);
|
|
102
|
+
export { C as default };
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@keyframes kima-ripple-glow-f4c35e3a{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-drawer[data-v-f4c35e3a]{box-sizing:border-box;width:100%;max-width:none;height:100%;max-height:none;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:clip}.kima-drawer[open][data-v-f4c35e3a]{display:grid}.kima-drawer[data-v-f4c35e3a]::backdrop{background:color-mix(in srgb, var(--kima-color-scrim) var(--kima-scrim-opacity), transparent);-webkit-backdrop-filter:blur(var(--kima-backdrop-blur));backdrop-filter:blur(var(--kima-backdrop-blur));transition:opacity var(--kima-duration-slow) var(--kima-curve-emphasized);opacity:1}.kima-drawer.kima-drawer--entering[data-v-f4c35e3a]::backdrop,.kima-drawer.kima-drawer--leaving[data-v-f4c35e3a]::backdrop{opacity:0}.kima-drawer--bottom[data-v-f4c35e3a]{align-items:end}.kima-drawer--bottom .kima-drawer__panel[data-v-f4c35e3a]{border-radius:var(--kima-radius-xl) var(--kima-radius-xl) 0 0;width:100%;max-height:90dvh;transition:transform var(--kima-duration-slow) var(--kima-curve-emphasized), height var(--kima-duration-slow) var(--kima-spring-snappy)}.kima-drawer--bottom.kima-drawer--snapping .kima-drawer__panel[data-v-f4c35e3a]{flex-direction:column;max-height:none;display:flex;overflow:hidden}.kima-drawer--bottom.kima-drawer--snapping .kima-drawer__body[data-v-f4c35e3a]{flex:auto;overflow:auto}.kima-drawer--bottom[data-v-f4c35e3a]{--kima-drawer-shift:translateY(100%)}.kima-drawer--right[data-v-f4c35e3a]{justify-items:end}.kima-drawer--right .kima-drawer__panel[data-v-f4c35e3a]{height:100%;width:min(var(--kima-drawer-max-width), 90vw);border-radius:var(--kima-radius-xl) 0 0 var(--kima-radius-xl);transition:transform var(--kima-duration-slow) var(--kima-curve-emphasized)}.kima-drawer--right[data-v-f4c35e3a]{--kima-drawer-shift:translateX(100%)}.kima-drawer--left[data-v-f4c35e3a]{justify-items:start}.kima-drawer--left .kima-drawer__panel[data-v-f4c35e3a]{height:100%;width:min(var(--kima-drawer-max-width), 90vw);border-radius:0 var(--kima-radius-xl) var(--kima-radius-xl) 0;transition:transform var(--kima-duration-slow) var(--kima-curve-emphasized)}.kima-drawer--left[data-v-f4c35e3a]{--kima-drawer-shift:translateX(-100%)}.kima-drawer--entering .kima-drawer__panel[data-v-f4c35e3a],.kima-drawer--leaving .kima-drawer__panel[data-v-f4c35e3a]{transform:var(--kima-drawer-shift)}.kima-drawer__panel[data-v-f4c35e3a]{box-sizing:border-box;padding:var(--kima-space-6);background:var(--kima-color-popup-large);box-shadow:var(--kima-elevation-4);box-shadow:var(--kima-elevation-5);border:0;outline:none;overflow:auto}.kima-drawer__handle[data-v-f4c35e3a]{width:64px;height:28px;margin:0 auto var(--kima-space-3);cursor:grab;touch-action:none;justify-content:center;align-items:center;display:flex}.kima-drawer__handle[data-v-f4c35e3a]:before{content:"";border-radius:var(--kima-radius-full);background:var(--kima-color-on-surface-variant);opacity:.4;width:40px;height:4px}.kima-drawer__handle[data-v-f4c35e3a]:active{cursor:grabbing}.kima-drawer__handle[data-v-f4c35e3a]:active:before{opacity:.6}.kima-drawer__header[data-v-f4c35e3a],.kima-drawer__footer[data-v-f4c35e3a]{align-items:center;gap:var(--kima-space-3);display:flex}.kima-drawer__header[data-v-f4c35e3a]{justify-content:space-between}.kima-drawer__heading[data-v-f4c35e3a]{min-width:0}.kima-drawer__title[data-v-f4c35e3a]{color:var(--kima-color-on-surface);font-size:var(--kima-font-size-xl);font-weight:var(--kima-font-weight-bold);margin:0;line-height:1.25}.kima-drawer__header-slot[data-v-f4c35e3a]{margin-top:var(--kima-space-2)}.kima-drawer__close[data-v-f4c35e3a]{border-radius:var(--kima-radius-full);width:40px;height:40px;color:var(--kima-color-on-surface-variant);background:var(--kima-color-transparent);cursor:pointer;transition:background-color var(--kima-duration-effects) var(--kima-curve-standard), color var(--kima-duration-effects) var(--kima-curve-standard);border:0;flex:0 0 40px;justify-content:center;align-items:center;padding:0;display:inline-flex}.kima-drawer__close[data-v-f4c35e3a]:hover{color:var(--kima-color-on-surface);background:var(--kima-color-layer-3)}.kima-drawer__close[data-v-f4c35e3a]:focus-visible{outline:2px solid var(--kima-color-primary);outline-offset:2px}.kima-drawer__description[data-v-f4c35e3a],.kima-drawer__body[data-v-f4c35e3a]{margin:var(--kima-space-5) 0 0}.kima-drawer__description[data-v-f4c35e3a]{color:var(--kima-color-on-surface-variant);line-height:1.5}.kima-drawer__body[data-v-f4c35e3a]{min-width:0}.kima-drawer__footer[data-v-f4c35e3a]{margin-top:var(--kima-space-6);justify-content:flex-end}.kima-drawer--left .kima-drawer__panel[data-v-f4c35e3a],.kima-drawer--right .kima-drawer__panel[data-v-f4c35e3a]{flex-direction:column;display:flex}.kima-drawer--left .kima-drawer__body[data-v-f4c35e3a],.kima-drawer--right .kima-drawer__body[data-v-f4c35e3a]{flex:auto;overflow:auto}@media (prefers-reduced-motion:reduce){.kima-drawer__panel[data-v-f4c35e3a]{transition-duration:1ms}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@keyframes kima-ripple-glow-754442d3{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-shell-menu__popup{min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-size:var(--kima-font-size-body-medium);background:var(--kima-color-popup);box-shadow:var(--kima-elevation-3);box-sizing:border-box;z-index:60;width:min(360px,100vw - 24px);max-height:min(70vh, var(--reka-popper-available-height,70vh));padding:var(--kima-space-4);border-radius:var(--kima-radius-l);width:min(260px,100vw - 24px);padding:var(--kima-space-2);border:0;outline:none;line-height:1.5;overflow:auto}[data-v-754442d3] .kima-shell-menu__item:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}[data-v-754442d3] .kima-shell-menu__item:disabled,[data-v-754442d3] .kima-shell-menu__item[aria-disabled=true]{cursor:not-allowed;opacity:var(--kima-opacity-disabled)}[data-v-754442d3] .kima-shell-menu__item{box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--kima-space-3);width:100%;min-height:48px;padding:var(--kima-space-2) var(--kima-space-3);border-radius:var(--kima-radius-s);background:var(--kima-color-transparent);color:var(--kima-color-on-surface);font:inherit;text-align:start;cursor:pointer;transition:background-color var(--kima-duration-effects) var(--kima-curve-standard), color var(--kima-duration-effects) var(--kima-curve-standard);border:0;display:flex}[data-v-754442d3] .kima-shell-menu__item:hover:not([aria-disabled=true]):not([data-disabled]),[data-v-754442d3] .kima-shell-menu__item[data-highlighted],[data-v-754442d3] .kima-shell-menu__item[data-active=true]{background:var(--kima-color-layer-3)}[data-v-754442d3] .kima-shell-menu__item[aria-selected=true]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}[data-v-754442d3] .kima-shell-menu__item[aria-selected=true]:hover,[data-v-754442d3] .kima-shell-menu__item[aria-selected=true][data-active=true]{background:var(--kima-color-primary-container-hover)}[data-v-754442d3] .kima-shell-menu__item[data-disabled]{opacity:var(--kima-opacity-disabled);cursor:not-allowed}[data-v-754442d3] .kima-shell-menu__item[aria-checked=true]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}[data-v-754442d3] .kima-shell-menu__item[aria-checked=true]:hover,[data-v-754442d3] .kima-shell-menu__item[aria-checked=true][data-highlighted]{background:var(--kima-color-primary-container-hover)}[data-v-754442d3] .kima-shell-menu__copy{gap:var(--kima-space-1);display:grid}[data-v-754442d3] .kima-shell-menu__item small{font-size:var(--kima-font-size-sm);opacity:.8}[data-v-754442d3] .kima-shell-menu__separator{height:1px;margin-block:var(--kima-space-2);background:var(--kima-color-outline-variant)}@media (prefers-reduced-motion:reduce){.kima-shell-menu__item[data-v-754442d3]{transition:none}}.kima-menu[data-v-754442d3]{min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-size:var(--kima-font-size-body-medium);min-width:180px;line-height:1.5;display:inline-flex;position:relative}.kima-menu--open[data-v-754442d3]{z-index:60}.kima-menu__trigger[data-v-754442d3]{position:relative}.kima-menu__trigger[data-v-754442d3]: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-menu__trigger[data-v-754442d3]>*{z-index:2;position:relative}.kima-menu__trigger[data-v-754442d3]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-menu__trigger[data-v-754442d3]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-menu__trigger[data-v-754442d3]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-menu__trigger[data-v-754442d3]{position:relative;overflow:hidden}.kima-menu__trigger[data-v-754442d3] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-754442d3 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-menu__trigger[data-v-754442d3]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-menu__trigger[data-v-754442d3]{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);justify-content:space-between;align-items:center;gap:var(--kima-space-3);width:100%;min-height:56px;padding:0 var(--kima-space-4);border-radius:var(--kima-radius-m);color:var(--kima-color-on-surface);background:var(--kima-color-layer-2);font:inherit;cursor:pointer;border:0;display:flex}.kima-menu__trigger[data-v-754442d3]:disabled{opacity:var(--kima-opacity-disabled);cursor:not-allowed}.kima-menu__popup{min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-size:var(--kima-font-size-body-medium);background:var(--kima-color-popup);box-shadow:var(--kima-elevation-3);box-sizing:border-box;z-index:60;width:min(360px,100vw - 24px);max-height:min(70vh, var(--reka-popper-available-height,70vh));padding:var(--kima-space-4);border-radius:var(--kima-radius-l);width:max(220px, var(--reka-dropdown-menu-trigger-width));padding:var(--kima-space-2);border:0;outline:none;line-height:1.5;overflow:auto}.kima-menu__search-wrap[data-v-754442d3]{align-items:center;gap:var(--kima-space-2);display:flex}.kima-menu__search[data-v-754442d3]{box-sizing:border-box;width:100%;min-height:48px;margin-bottom:var(--kima-space-2);padding:var(--kima-space-3);border-radius:var(--kima-radius-m);background:var(--kima-color-layer-2);color:var(--kima-color-on-surface);font:inherit;border:0}.kima-menu__search[data-v-754442d3]:focus{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:-2px}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@keyframes kima-ripple-glow-8928e412{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-select[data-v-8928e412]{gap:var(--kima-space-1);width:100%;min-width:0;max-width:320px;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);flex-direction:column;display:inline-flex;position:relative}.kima-select__control[data-v-8928e412]{align-items:center;gap:var(--kima-space-1);height:var(--kima-field-height);box-sizing:border-box;padding-right:var(--kima-space-2);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), opacity var(--kima-duration-effects) var(--kima-curve-standard);display:flex;position:relative}.kima-select__control[data-v-8928e412]: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-select__control[data-v-8928e412]>*{z-index:2;position:relative}.kima-select__control[data-v-8928e412]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-select__control[data-v-8928e412]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-select__control[data-v-8928e412]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-select__control[data-v-8928e412]{position:relative;overflow:hidden}.kima-select__control[data-v-8928e412] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-8928e412 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-select__control[data-v-8928e412]:hover:not([aria-disabled=true]),.kima-select--open .kima-select__control[data-v-8928e412]{background:var(--kima-color-layer-3)}.kima-select__control[data-v-8928e412]:focus-within{box-shadow:inset 0 0 0 var(--kima-outline-width-focused) var(--kima-color-primary)}.kima-select--open .kima-select__control[data-v-8928e412]:focus-within{box-shadow:none}.kima-select--disabled .kima-select__control[data-v-8928e412]{cursor:not-allowed;opacity:var(--kima-opacity-disabled)}.kima-select__trigger[data-v-8928e412]{box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--kima-space-3);min-width:0;height:100%;padding:0 0 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);text-align:left;cursor:pointer;border:0;flex:auto;display:flex}.kima-select__trigger[data-v-8928e412]:disabled{cursor:not-allowed}.kima-select__trigger-label[data-v-8928e412]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kima-select__trigger-label--placeholder[data-v-8928e412],.kima-select__search[data-v-8928e412]::placeholder{color:var(--kima-color-on-surface-variant)}.kima-select__arrow[data-v-8928e412]{margin-right:var(--kima-space-2);color:var(--kima-color-on-surface-variant);transition:transform var(--kima-duration-fast) var(--kima-ease-standard);flex:none}.kima-select--open .kima-select__arrow[data-v-8928e412]{transform:rotate(180deg)}.kima-select__clear[data-v-8928e412]{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:28px;height:28px;color:var(--kima-color-on-surface-variant);background:var(--kima-color-transparent);cursor:pointer;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.kima-select__clear[data-v-8928e412]:hover:not(:disabled),.kima-select__clear[data-v-8928e412]:focus-visible{color:var(--kima-color-primary);background:var(--kima-color-layer-3)}.kima-select__clear[data-v-8928e412]:focus-visible{outline:2px solid var(--kima-color-primary);outline-offset:1px}.kima-select__clear[data-v-8928e412]:disabled{cursor:not-allowed}.kima-select__native[data-v-8928e412]{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.kima-select__popup[data-v-8928e412]{box-sizing:border-box;z-index:20;top:calc(100% + var(--kima-space-2));width:100%;max-height:min(360px,50vh);padding:var(--kima-space-2);border-radius:var(--kima-radius-md);background:var(--kima-color-popup);box-shadow:var(--kima-elevation-3);border:0;position:absolute;left:0;overflow:auto}.kima-select__search-wrap[data-v-8928e412]{margin-bottom:var(--kima-space-2);align-items:center;display:flex;position:relative}.kima-select__search-icon[data-v-8928e412]{left:var(--kima-space-3);color:var(--kima-color-on-surface-variant);pointer-events:none;position:absolute}.kima-select__search[data-v-8928e412]{box-sizing:border-box;width:100%;min-height:var(--kima-touch-target);padding:0 var(--kima-space-3) 0 40px;border-radius:var(--kima-radius-m);color:var(--kima-color-on-surface);background:var(--kima-color-layer-2);font:inherit;border:0;outline:none}.kima-select__search[data-v-8928e412]:focus{background:var(--kima-color-layer-3);box-shadow:inset 0 0 0 var(--kima-outline-width-focused) var(--kima-color-primary)}.kima-select__options[data-v-8928e412]{gap:var(--kima-space-1);display:grid}.kima-select__option[data-v-8928e412]{justify-content:space-between;align-items:center;gap:var(--kima-space-3);min-height:44px;padding:var(--kima-space-2) var(--kima-space-3);border-radius:var(--kima-radius-sm);color:var(--kima-color-on-surface);cursor:pointer;transition:background-color var(--kima-duration-effects) var(--kima-curve-standard), color var(--kima-duration-effects) var(--kima-curve-standard);display:flex}.kima-select__option[data-v-8928e412]:hover,.kima-select__option[data-v-8928e412]:focus-visible,.kima-select__option--active[data-v-8928e412]{background:var(--kima-color-layer-3)}.kima-select__option[data-v-8928e412]:focus-visible{outline:2px solid var(--kima-color-primary);outline-offset:-2px}.kima-select__option--selected[data-v-8928e412]{color:var(--kima-color-primary)}.kima-select__option[aria-disabled=true][data-v-8928e412]{cursor:not-allowed;opacity:var(--kima-opacity-disabled)}.kima-select__option-copy[data-v-8928e412]{gap:var(--kima-space-1);min-width:0;display:grid}.kima-select__option-label[data-v-8928e412],.kima-select__option-description[data-v-8928e412]{overflow-wrap:anywhere}@media (prefers-reduced-motion:reduce){.kima-select__trigger[data-v-8928e412],.kima-select__arrow[data-v-8928e412],.kima-select__option[data-v-8928e412]{transition:none}}.kima-select__option-description[data-v-8928e412],.kima-select__empty[data-v-8928e412]{color:var(--kima-color-on-surface-variant);font-size:var(--kima-font-size-sm)}.kima-select__check[data-v-8928e412]{color:inherit;flex:none}.kima-select__empty[data-v-8928e412],.kima-select__status[data-v-8928e412]{padding:var(--kima-space-3);text-align:center}.kima-select__status--error[data-v-8928e412]{color:var(--kima-color-error)}.kima-select__status button[data-v-8928e412]{color:var(--kima-color-primary);font:inherit;cursor:pointer;background:0 0;border:0;margin-inline-start:var(--kima-space-2);text-decoration:underline}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@keyframes kima-ripple-glow-db362eec{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-list[data-v-db362eec]{box-sizing:border-box;min-width:0;font-family:var(--kima-font-family);font-size:var(--kima-font-size-body-medium);font-weight:var(--kima-font-weight-semi-bold);line-height:var(--kima-line-height-normal);color:var(--kima-color-on-surface);overflow-wrap:anywhere;gap:var(--kima-space-3);width:100%;min-width:0;margin:0;padding:0;list-style-position:inside;display:grid}.kima-list[data-v-db362eec]:is(ul){list-style:none}.kima-list__item[data-v-db362eec]{background:var(--kima-color-layer-1);min-height:var(--kima-list-item-height);padding:var(--kima-space-5);border-radius:var(--kima-radius-m);border:0}.kima-list:is(ul) .kima-list__item[data-v-db362eec]{align-items:center;gap:var(--kima-space-4);display:flex}.kima-list__body[data-v-db362eec]{flex:1;min-width:0}.kima-list p[data-v-db362eec]{margin:var(--kima-space-2) 0 0;color:var(--kima-color-on-surface-variant)}.kima-list__action[data-v-db362eec]{gap:var(--kima-space-2);flex-wrap:wrap;display:flex}.kima-list__empty[data-v-db362eec]{padding:var(--kima-space-6);color:var(--kima-color-on-surface-variant);list-style:none}
|
package/dist/components/input/radio-group.ce.vue_vue_type_style_index_0_scoped_30add112_lang.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@keyframes kima-ripple-glow-30add112{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-radio-group[data-v-30add112]{box-sizing:border-box;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-size:var(--kima-font-size-body-large);font-weight:var(--kima-font-weight-semi-bold)}.kima-radio-group[aria-disabled=true][data-v-30add112]{opacity:var(--kima-opacity-disabled)}.kima-radio-group[data-v-30add112]{position:relative;overflow:hidden}.kima-radio-group[data-v-30add112] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-30add112 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-radio-group[data-v-30add112]{gap:var(--kima-space-2);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.kima-radio-group[aria-orientation=horizontal][data-v-30add112]{flex-flow:wrap}.kima-radio-group__item[data-v-30add112]{position:relative}.kima-radio-group__item[data-v-30add112]: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-radio-group__item[data-v-30add112]>*{z-index:2;position:relative}.kima-radio-group__item[data-v-30add112]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-radio-group__item[data-v-30add112]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-radio-group__item[data-v-30add112]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-radio-group__item[data-v-30add112]{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);align-items:center;gap:var(--kima-space-3);min-height:var(--kima-field-height);padding:0 var(--kima-space-3);border-radius:var(--kima-radius-m);cursor:pointer;display:inline-flex}.kima-radio-group__item[data-v-30add112]:has(input:checked){background:var(--kima-color-primary-container);color:var(--kima-color-on-primary-container)}.kima-radio-group__item[data-v-30add112]:has(input:focus-visible){outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:calc(-1 * var(--kima-focus-ring-width))}.kima-radio-group__item--disabled[data-v-30add112]{opacity:var(--kima-opacity-disabled);cursor:not-allowed}.kima-radio-group input[data-v-30add112]{appearance:none;border:2px solid var(--kima-color-outline);border-radius:var(--kima-radius-full);width:24px;height:24px;cursor:inherit;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);outline:0;flex-shrink:0;margin:0;transition-property:border-width,border-color,background-color}.kima-radio-group input[data-v-30add112]:checked{border:7px solid var(--kima-color-primary);background:var(--kima-color-on-primary)}
|
package/dist/components/utility/listbox.ce.vue_vue_type_style_index_0_scoped_0523583b_lang.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@keyframes kima-ripple-glow-0523583b{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-listbox[data-v-0523583b]{min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-size:var(--kima-font-size-body-medium);background:var(--kima-color-layer-1);width:100%;padding:var(--kima-space-2);border-radius:var(--kima-radius-m);border:0;line-height:1.5}.kima-listbox__option[data-v-0523583b]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-listbox__option[data-v-0523583b]:disabled,.kima-listbox__option[aria-disabled=true][data-v-0523583b]{cursor:not-allowed;opacity:var(--kima-opacity-disabled)}.kima-listbox__option[data-v-0523583b]{box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--kima-space-3);width:100%;min-height:48px;padding:var(--kima-space-2) var(--kima-space-3);border-radius:var(--kima-radius-s);background:var(--kima-color-transparent);color:var(--kima-color-on-surface);font:inherit;text-align:start;cursor:pointer;transition:background-color var(--kima-duration-effects) var(--kima-curve-standard), color var(--kima-duration-effects) var(--kima-curve-standard);border:0;display:flex}.kima-listbox__option[data-v-0523583b]:hover:not([aria-disabled=true]):not([data-disabled]),.kima-listbox__option[data-highlighted][data-v-0523583b],.kima-listbox__option[data-active=true][data-v-0523583b]{background:var(--kima-color-layer-3)}.kima-listbox__option[aria-selected=true][data-v-0523583b]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}.kima-listbox__option[aria-selected=true][data-v-0523583b]:hover,.kima-listbox__option[aria-selected=true][data-active=true][data-v-0523583b]{background:var(--kima-color-primary-container-hover)}.kima-listbox__option[data-disabled][data-v-0523583b]{opacity:var(--kima-opacity-disabled);cursor:not-allowed}
|