@kernel4632/kima 0.9.7 → 0.9.8
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/display/list.ce.vue_vue_type_style_index_0_scoped_88e398dc_lang.css +1 -0
- package/dist/components/interaction/multi-select.ce.vue_vue_type_style_index_0_scoped_0b8ec686_lang.css +1 -0
- package/dist/components/utility/tag-group.ce.vue_vue_type_style_index_0_scoped_de9894bd_lang.css +1 -0
- package/dist/kima-elements-core.js +71 -50
- package/dist/kima-elements.js +12325 -12271
- package/dist/style.css +4 -4
- package/dist/styles/_tokens.css +1 -1
- package/dist/styles/list.css +1 -1
- package/dist/styles/multi-select.css +1 -1
- package/dist/styles/tag-group.css +1 -1
- package/dist/vue/components/display/list.ce.js +12 -18
- package/dist/vue/components/interaction/multi-select.ce.js +96 -94
- package/dist/vue/components/utility/tag-group.ce.js +46 -53
- package/dist/vue/utils/content-motion.js +80 -48
- package/dist/vue/utils/motion.js +137 -106
- package/package.json +1 -1
- package/dist/components/display/list.ce.vue_vue_type_style_index_0_scoped_df3ec98f_lang.css +0 -1
- package/dist/components/interaction/multi-select.ce.vue_vue_type_style_index_0_scoped_cf70a212_lang.css +0 -1
- package/dist/components/utility/tag-group.ce.vue_vue_type_style_index_0_scoped_b575c982_lang.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@keyframes kima-ripple-glow-88e398dc{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-list[data-v-88e398dc]{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;align-content:start;gap:var(--kima-list-gap,var(--kima-space-3));width:100%;min-width:0;margin:0;padding:0;list-style-position:inside;display:grid}.kima-list[data-v-88e398dc]:is(ul){list-style:none}.kima-list__item[data-v-88e398dc]{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--plain .kima-list__item[data-v-88e398dc]{background:0 0;border-radius:0;min-height:0;padding:0}.kima-list:is(ul) .kima-list__item[data-v-88e398dc]{align-items:center;gap:var(--kima-space-4);display:flex}.kima-list__body[data-v-88e398dc]{flex:1;min-width:0}.kima-list p[data-v-88e398dc]{margin:var(--kima-space-2) 0 0;color:var(--kima-color-on-surface-variant)}.kima-list__action[data-v-88e398dc]{gap:var(--kima-space-2);flex-wrap:wrap;display:flex}.kima-list__empty[data-v-88e398dc]{padding:var(--kima-space-6);color:var(--kima-color-on-surface-variant);list-style:none}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@keyframes kima-ripple-glow-0b8ec686{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-multi-select[data-v-0b8ec686]{min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-size:var(--kima-font-size-body-medium);flex-direction:column;max-width:100%;line-height:1.5;display:flex;position:relative}.kima-multi-select__chip-area[data-v-0b8ec686]{flex:none;min-width:0}.kima-multi-select__control[data-v-0b8ec686],.kima-multi-select__chips[data-v-0b8ec686]{align-items:center;gap:var(--kima-space-2);flex-wrap:wrap;min-width:0;display:flex}.kima-multi-select__chips[data-v-0b8ec686]{box-sizing:border-box;position:relative}.kima-multi-select__chips--populated[data-v-0b8ec686]{padding-bottom:var(--kima-space-3)}.kima-multi-select__chip[data-v-0b8ec686],.kima-multi-select__clear[data-v-0b8ec686]{display:inline-flex}.kima-multi-select__search[data-v-0b8ec686]{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-multi-select__search[data-v-0b8ec686]:focus{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:-2px}.kima-multi-select__list[data-v-0b8ec686]{outline:none}.kima-multi-select__item[data-v-0b8ec686]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-multi-select__item[data-v-0b8ec686]:disabled,.kima-multi-select__item[aria-disabled=true][data-v-0b8ec686]{cursor:not-allowed;opacity:var(--kima-opacity-disabled)}.kima-multi-select__item[data-v-0b8ec686]{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-multi-select__item[data-v-0b8ec686]:hover:not([aria-disabled=true]):not([data-disabled]),.kima-multi-select__item[data-highlighted][data-v-0b8ec686],.kima-multi-select__item[data-active=true][data-v-0b8ec686]{background:var(--kima-color-layer-3)}.kima-multi-select__item[aria-selected=true][data-v-0b8ec686]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}.kima-multi-select__item[aria-selected=true][data-v-0b8ec686]:hover,.kima-multi-select__item[aria-selected=true][data-active=true][data-v-0b8ec686]{background:var(--kima-color-primary-container-hover)}.kima-multi-select__item[data-disabled][data-v-0b8ec686]{opacity:var(--kima-opacity-disabled);cursor:not-allowed}.kima-multi-select__native[data-v-0b8ec686]{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.kima-multi-select small[data-v-0b8ec686]{color:var(--kima-color-on-surface-variant);display:block}.kima-multi-select__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);padding:var(--kima-space-2);border:0;outline:none;line-height:1.5;overflow:auto}
|
package/dist/components/utility/tag-group.ce.vue_vue_type_style_index_0_scoped_de9894bd_lang.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.kima-tag-group[data-v-de9894bd]{color:var(--kima-color-on-surface);font-family:var(--kima-font-family)}.kima-tag-group__items[data-v-de9894bd]{gap:var(--kima-space-2);flex-wrap:wrap;display:flex;position:relative}
|
|
@@ -4850,7 +4850,7 @@ var gu = !1, _u = () => {
|
|
|
4850
4850
|
withMemo: () => $s,
|
|
4851
4851
|
withModifiers: () => nu,
|
|
4852
4852
|
withScopeId: () => pr
|
|
4853
|
-
}), yu = () => {}, bu = ":root{--kima-color-surface:#101418;--kima-color-surface-container-lowest:#0b0f12;--kima-color-surface-container-low:#181c20;--kima-color-surface-container:#1c2024;--kima-color-surface-container-high:#272a2e;--kima-color-surface-container-highest:#313539;--kima-color-on-surface:#e0e2e8;--kima-color-on-surface-variant:#c2c7cf;--kima-color-outline:#8c9198;--kima-color-outline-variant:#42474e;--kima-color-primary:#9acbfa;--kima-color-on-primary:#003352;--kima-color-primary-container:#0b4a72;--kima-color-on-primary-container:#cde5ff;--kima-color-secondary-container:#3a4857;--kima-color-on-secondary-container:#d5e4f6;--kima-color-tertiary-container:#4f4061;--kima-color-on-tertiary-container:#eedcff;--kima-color-error:#ffb4ab;--kima-color-on-error:#690005;--kima-color-error-container:#93000a;--kima-color-on-error-container:#ffdad6;--kima-color-inverse-surface:#e0e2e8;--kima-color-inverse-on-surface:#2d3135;--kima-color-scrim:#000}:root[data-kima-theme=light]{--kima-color-surface:#f7f9ff;--kima-color-surface-container-lowest:#fff;--kima-color-surface-container-low:#f1f4f9;--kima-color-surface-container:#eceef3;--kima-color-surface-container-high:#e6e8ee;--kima-color-surface-container-highest:#e0e2e8;--kima-color-on-surface:#181c20;--kima-color-on-surface-variant:#42474e;--kima-color-outline:#72777f;--kima-color-outline-variant:#c2c7cf;--kima-color-primary:#2e628c;--kima-color-on-primary:#fff;--kima-color-primary-container:#cde5ff;--kima-color-on-primary-container:#0b4a72;--kima-color-secondary-container:#d5e4f6;--kima-color-on-secondary-container:#3a4857;--kima-color-tertiary-container:#eedcff;--kima-color-on-tertiary-container:#4f4061;--kima-color-error:#ba1a1a;--kima-color-on-error:#fff;--kima-color-error-container:#ffdad6;--kima-color-on-error-container:#93000a;--kima-color-inverse-surface:#2d3135;--kima-color-inverse-on-surface:#eef1f6;--kima-color-scrim:#000}:root{--kima-font-family:\"Maple Mono NF CN\", \"Maple Mono\", \"Maple Mono NF\", ui-monospace, \"Cascadia Mono\", Consolas, monospace;--kima-font-weight-regular:400;--kima-font-weight-semi-bold:600;--kima-font-weight-bold:700;--kima-font-size-display-large:64px;--kima-font-size-display-medium:52px;--kima-font-size-display-small:44px;--kima-font-size-headline-large:40px;--kima-font-size-headline-medium:32px;--kima-font-size-headline-small:28px;--kima-font-size-title-large:26px;--kima-font-size-title-medium:20px;--kima-font-size-title-small:16px;--kima-font-size-body-large:18px;--kima-font-size-body-medium:16px;--kima-font-size-body-small:14px;--kima-font-size-label-large:16px;--kima-font-size-label-medium:14px;--kima-font-size-label-small:12px;--kima-line-height-tight:1.25;--kima-line-height-normal:1.5;--kima-line-height-loose:1.7;--kima-letter-spacing-tight:-.01em;--kima-letter-spacing-normal:0;--kima-letter-spacing-wide:.02em;--kima-space-0:0;--kima-space-1:4px;--kima-space-2:8px;--kima-space-3:12px;--kima-space-4:16px;--kima-space-5:20px;--kima-space-6:24px;--kima-space-8:32px;--kima-space-10:40px;--kima-space-12:48px;--kima-space-16:64px;--kima-radius-xs:4px;--kima-radius-s:8px;--kima-radius-m:12px;--kima-radius-l:16px;--kima-radius-xl:28px;--kima-radius-full:999px;--kima-outline-width:1px;--kima-outline-width-focused:2px;--kima-focus-ring-width:2px;--kima-focus-ring-offset:3px;--kima-state-hover:.08;--kima-state-focus:.1;--kima-state-pressed:.1;--kima-state-drag:.16;--kima-opacity-disabled:.38;--kima-color-layer-1:color-mix(in srgb, var(--kima-color-on-surface) 5%, transparent);--kima-color-layer-2:color-mix(in srgb, var(--kima-color-on-surface) 10%, transparent);--kima-color-layer-3:color-mix(in srgb, var(--kima-color-on-surface) 15%, transparent);--kima-color-popup:var(--kima-color-surface-container-high);--kima-color-popup-large:var(--kima-color-surface-container-highest);--kima-color-picker-white:#fff;--kima-color-picker-black:#000;--kima-color-picker-red:red;--kima-color-picker-yellow:#ff0;--kima-color-picker-green:#0f0;--kima-color-picker-cyan:#0ff;--kima-color-picker-blue:#00f;--kima-color-picker-magenta:#f0f;--kima-color-primary-soft:color-mix(in srgb, var(--kima-color-primary) 20%, transparent);--kima-color-danger-soft:color-mix(in srgb, var(--kima-color-error) 20%, transparent);--kima-color-track:color-mix(in srgb, var(--kima-color-on-surface) 22%, transparent);--kima-color-primary-container-hover:color-mix(in srgb, var(--kima-color-on-primary-container) 8%, var(--kima-color-primary-container));--kima-elevation-1:0 1px 2px #0000004d, 0 1px 3px 1px #00000026;--kima-elevation-2:0 1px 2px #0000004d, 0 2px 6px 2px #00000026;--kima-elevation-3:0 4px 8px 3px #00000026, 0 1px 3px #0000004d;--kima-elevation-4:0 6px 10px 4px #00000026, 0 2px 3px #0000004d;--kima-elevation-5:0 8px 12px 6px #00000026, 0 4px 4px #0000004d;--kima-scrim-opacity:.5;--kima-backdrop-blur:8px;--kima-duration-fast:.1s;--kima-duration-medium:.2s;--kima-duration-slow:.3s;--kima-duration-slower:.5s;--kima-duration-effects:.15s;--kima-curve-standard:cubic-bezier(.2, 0, 0, 1);--kima-curve-decelerate:cubic-bezier(0, 0, 0, 1);--kima-curve-accelerate:cubic-bezier(.3, 0, 1, 1);--kima-curve-emphasized:cubic-bezier(.05, .7, .1, 1);--kima-spring-snappy:cubic-bezier(.34, 3.2, .64, 1);--kima-spring-gentle:cubic-bezier(.22, 1.2, .36, 1);--kima-press-scale:.98;--kima-touch-target:48px;--kima-button-height-s:48px;--kima-button-height-m:56px;--kima-button-height-l:64px;--kima-button-padding:24px;--kima-icon-size-small:20px;--kima-icon-size:24px;--kima-icon-size-large:32px;--kima-icon-button-size:48px;--kima-field-height:64px;--kima-field-padding:20px;--kima-list-item-height:64px;--kima-menu-item-height:52px;--kima-tab-height:56px;--kima-tab-indicator-height:4px;--kima-switch-track-width:60px;--kima-switch-track-height:36px;--kima-switch-thumb-size:28px;--kima-switch-thumb-selected:32px;--kima-slider-track-height:20px;--kima-slider-handle-width:6px;--kima-slider-handle-height:36px;--kima-progress-height:8px;--kima-scrollbar-thickness:8px;--kima-color-scrollbar-thumb:color-mix(in srgb, var(--kima-color-on-surface) 24%, transparent);--kima-color-scrollbar-thumb-hover:color-mix(in srgb, var(--kima-color-on-surface) 40%, transparent);--kima-dialog-max-width:640px;--kima-drawer-max-width:420px;--kima-tooltip-max-width:480px;--kima-color-success:#6dd58c;--kima-color-on-success:#00391c;--kima-color-warning:#ffb95c;--kima-color-on-warning:#3d2600;--kima-color-code-keyword:var(--kima-color-primary);--kima-color-code-string:var(--kima-color-success);--kima-color-code-number:var(--kima-color-warning);--kima-color-code-function:#c9a6ff;--kima-color-code-property:#f0a8c4;--kima-color-code-comment:var(--kima-color-on-surface-variant);--kima-color-code-punctuation:var(--kima-color-on-surface-variant);--kima-line-height-code:1.6;--kima-color-transparent:transparent;--kima-color-danger:var(--kima-color-error);--kima-color-on-danger:var(--kima-color-on-error);--kima-color-on-surface-12:color-mix(in srgb, var(--kima-color-on-surface) 12%, transparent);--kima-color-on-surface-38:color-mix(in srgb, var(--kima-color-on-surface) 38%, transparent);--kima-font-weight-medium:500;--kima-font-size-xs:var(--kima-font-size-label-small);--kima-font-size-sm:var(--kima-font-size-label-medium);--kima-font-size-md:var(--kima-font-size-body-medium);--kima-font-size-lg:var(--kima-font-size-title-small);--kima-font-size-xl:var(--kima-font-size-title-medium);--kima-font-size-small:var(--kima-font-size-label-small);--kima-font-size-medium:var(--kima-font-size-body-medium);--kima-space-xxs:2px;--kima-space-xs:var(--kima-space-1);--kima-space-s:var(--kima-space-2);--kima-space-m:var(--kima-space-3);--kima-space-l:var(--kima-space-4);--kima-space-xl:var(--kima-space-6);--kima-radius-sm:var(--kima-radius-s);--kima-radius-md:var(--kima-radius-m);--kima-radius-lg:var(--kima-radius-l);--kima-shadow-2:var(--kima-elevation-2);--kima-duration-normal:var(--kima-duration-medium);--kima-duration-long:var(--kima-duration-slower);--kima-duration-expressive-effects:var(--kima-duration-effects);--kima-duration-expressive-fast-spatial:var(--kima-duration-medium);--kima-curve-expressive-effects:var(--kima-curve-standard);--kima-curve-expressive-fast-spatial:var(--kima-spring-snappy);--kima-ease-standard:var(--kima-curve-standard);--kima-ease-emphasized:var(--kima-curve-emphasized);--kima-ease-effects:var(--kima-curve-standard);--kima-button-height-xs:40px;--kima-button-min-width:64px;--kima-spinner-duration:1.568s;--kima-switch-outline-width:2px;--kima-switch-thumb-pressed:32px}:root[data-kima-theme=light]{--kima-color-success:#1b6b3a;--kima-color-on-success:#fff;--kima-color-warning:#8a5200;--kima-color-on-warning:#fff;--kima-color-code-function:#6a4bb0;--kima-color-code-property:#9b3a62}kima-accordion,kima-collapsible,kima-tabs,kima-carousel,kima-alert,kima-banner,kima-result,kima-empty-state,kima-error-state,kima-page-header,kima-descriptions,kima-list,kima-timeline,kima-stepper,kima-breadcrumb,kima-progress-group,kima-table,kima-virtual-table,kima-tree,kima-virtual-tree,kima-code-block,kima-log-viewer,kima-chart,kima-heatmap,kima-transfer,kima-splitter,kima-masonry,kima-scroll-area,kima-toolbar,kima-navigation-menu,kima-anchor,kima-overflow-list,kima-app-shell{width:100%;min-width:0;display:block}kima-text-field,kima-textarea,kima-number-field,kima-tags-input,kima-pin-input,kima-masked-input,kima-json-input,kima-select,kima-combobox,kima-cascader,kima-multi-select,kima-tree-select,kima-virtual-select,kima-date-picker,kima-time-picker,kima-date-range-picker,kima-time-range-picker,kima-period-picker,kima-date-field,kima-time-field,kima-color-picker,kima-angle-slider,kima-slider,kima-range-slider,kima-file-upload,kima-upload-manager,kima-editable,kima-mention,kima-dynamic-input,kima-transfer{min-width:0}.kima-popup-enter-active{transition:opacity var(--kima-duration-medium) var(--kima-curve-emphasized), scale var(--kima-duration-medium) var(--kima-curve-emphasized)}.kima-popup-leave-active{transition:opacity var(--kima-duration-fast) var(--kima-curve-standard), scale var(--kima-duration-fast) var(--kima-curve-standard)}.kima-popup-enter-from,.kima-popup-leave-to{opacity:0;scale:.96}@media (prefers-reduced-motion:reduce){.kima-popup-enter-active,.kima-popup-leave-active{transition-duration:1ms}}.kima-fade-enter-active,.kima-fade-leave-active{transition:opacity var(--kima-duration-medium) var(--kima-curve-standard)}.kima-content-enter-active,.kima-content-leave-active,.kima-list-enter-active,.kima-list-leave-active{transition:opacity var(--kima-duration-medium) var(--kima-curve-standard), transform var(--kima-duration-medium) var(--kima-curve-emphasized)}.kima-list-move{transition:transform var(--kima-duration-slow) var(--kima-curve-emphasized)}.kima-fade-enter-from,.kima-fade-leave-to,.kima-content-enter-from,.kima-content-leave-to,.kima-list-enter-from,.kima-list-leave-to{opacity:0}.kima-content-enter-from,.kima-content-leave-to,.kima-list-enter-from,.kima-list-leave-to{transform:translateY(var(--kima-space-1))}.kima-fade-leave-active,.kima-content-leave-active,.kima-list-leave-active,.kima-popup-leave-active{pointer-events:none}@media (prefers-reduced-motion:reduce){[class^=kima-],[class*=\\ kima-],[class^=kima-]:before,[class^=kima-]:after,[class*=\\ kima-]:before,[class*=\\ kima-]:after,dialog[class*=kima-]::backdrop{scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation:none!important}}[class^=kima-],[class*=\\ kima-]{scrollbar-width:thin;scrollbar-color:var(--kima-color-scrollbar-thumb) transparent}[class^=kima-]::-webkit-scrollbar{width:var(--kima-scrollbar-thickness);height:var(--kima-scrollbar-thickness)}[class*=\\ kima-]::-webkit-scrollbar{width:var(--kima-scrollbar-thickness);height:var(--kima-scrollbar-thickness)}[class^=kima-]::-webkit-scrollbar-track{background:0 0}[class*=\\ kima-]::-webkit-scrollbar-track{background:0 0}[class^=kima-]::-webkit-scrollbar-thumb{border-radius:var(--kima-radius-full);background:var(--kima-color-scrollbar-thumb);background-clip:padding-box;border:2px solid #0000}[class*=\\ kima-]::-webkit-scrollbar-thumb{border-radius:var(--kima-radius-full);background:var(--kima-color-scrollbar-thumb);background-clip:padding-box;border:2px solid #0000}[class^=kima-]::-webkit-scrollbar-thumb:hover{background:var(--kima-color-scrollbar-thumb-hover);background-clip:padding-box}[class*=\\ kima-]::-webkit-scrollbar-thumb:hover{background:var(--kima-color-scrollbar-thumb-hover);background-clip:padding-box}", xu = "kima-component-styles";
|
|
4853
|
+
}), yu = () => {}, bu = ":root{--kima-color-surface:#101418;--kima-color-surface-container-lowest:#0b0f12;--kima-color-surface-container-low:#181c20;--kima-color-surface-container:#1c2024;--kima-color-surface-container-high:#272a2e;--kima-color-surface-container-highest:#313539;--kima-color-on-surface:#e0e2e8;--kima-color-on-surface-variant:#c2c7cf;--kima-color-outline:#8c9198;--kima-color-outline-variant:#42474e;--kima-color-primary:#9acbfa;--kima-color-on-primary:#003352;--kima-color-primary-container:#0b4a72;--kima-color-on-primary-container:#cde5ff;--kima-color-secondary-container:#3a4857;--kima-color-on-secondary-container:#d5e4f6;--kima-color-tertiary-container:#4f4061;--kima-color-on-tertiary-container:#eedcff;--kima-color-error:#ffb4ab;--kima-color-on-error:#690005;--kima-color-error-container:#93000a;--kima-color-on-error-container:#ffdad6;--kima-color-inverse-surface:#e0e2e8;--kima-color-inverse-on-surface:#2d3135;--kima-color-scrim:#000}:root[data-kima-theme=light]{--kima-color-surface:#f7f9ff;--kima-color-surface-container-lowest:#fff;--kima-color-surface-container-low:#f1f4f9;--kima-color-surface-container:#eceef3;--kima-color-surface-container-high:#e6e8ee;--kima-color-surface-container-highest:#e0e2e8;--kima-color-on-surface:#181c20;--kima-color-on-surface-variant:#42474e;--kima-color-outline:#72777f;--kima-color-outline-variant:#c2c7cf;--kima-color-primary:#2e628c;--kima-color-on-primary:#fff;--kima-color-primary-container:#cde5ff;--kima-color-on-primary-container:#0b4a72;--kima-color-secondary-container:#d5e4f6;--kima-color-on-secondary-container:#3a4857;--kima-color-tertiary-container:#eedcff;--kima-color-on-tertiary-container:#4f4061;--kima-color-error:#ba1a1a;--kima-color-on-error:#fff;--kima-color-error-container:#ffdad6;--kima-color-on-error-container:#93000a;--kima-color-inverse-surface:#2d3135;--kima-color-inverse-on-surface:#eef1f6;--kima-color-scrim:#000}:root{--kima-font-family:\"Maple Mono NF CN\", \"Maple Mono\", \"Maple Mono NF\", ui-monospace, \"Cascadia Mono\", Consolas, monospace;--kima-font-weight-regular:400;--kima-font-weight-semi-bold:600;--kima-font-weight-bold:700;--kima-font-size-display-large:64px;--kima-font-size-display-medium:52px;--kima-font-size-display-small:44px;--kima-font-size-headline-large:40px;--kima-font-size-headline-medium:32px;--kima-font-size-headline-small:28px;--kima-font-size-title-large:26px;--kima-font-size-title-medium:20px;--kima-font-size-title-small:16px;--kima-font-size-body-large:18px;--kima-font-size-body-medium:16px;--kima-font-size-body-small:14px;--kima-font-size-label-large:16px;--kima-font-size-label-medium:14px;--kima-font-size-label-small:12px;--kima-line-height-tight:1.25;--kima-line-height-normal:1.5;--kima-line-height-loose:1.7;--kima-letter-spacing-tight:-.01em;--kima-letter-spacing-normal:0;--kima-letter-spacing-wide:.02em;--kima-space-0:0;--kima-space-1:4px;--kima-space-2:8px;--kima-space-3:12px;--kima-space-4:16px;--kima-space-5:20px;--kima-space-6:24px;--kima-space-8:32px;--kima-space-10:40px;--kima-space-12:48px;--kima-space-16:64px;--kima-radius-xs:4px;--kima-radius-s:8px;--kima-radius-m:12px;--kima-radius-l:16px;--kima-radius-xl:28px;--kima-radius-full:999px;--kima-outline-width:1px;--kima-outline-width-focused:2px;--kima-focus-ring-width:2px;--kima-focus-ring-offset:3px;--kima-state-hover:.08;--kima-state-focus:.1;--kima-state-pressed:.1;--kima-state-drag:.16;--kima-opacity-disabled:.38;--kima-color-layer-1:color-mix(in srgb, var(--kima-color-on-surface) 5%, transparent);--kima-color-layer-2:color-mix(in srgb, var(--kima-color-on-surface) 10%, transparent);--kima-color-layer-3:color-mix(in srgb, var(--kima-color-on-surface) 15%, transparent);--kima-color-popup:var(--kima-color-surface-container-high);--kima-color-popup-large:var(--kima-color-surface-container-highest);--kima-color-picker-white:#fff;--kima-color-picker-black:#000;--kima-color-picker-red:red;--kima-color-picker-yellow:#ff0;--kima-color-picker-green:#0f0;--kima-color-picker-cyan:#0ff;--kima-color-picker-blue:#00f;--kima-color-picker-magenta:#f0f;--kima-color-primary-soft:color-mix(in srgb, var(--kima-color-primary) 20%, transparent);--kima-color-danger-soft:color-mix(in srgb, var(--kima-color-error) 20%, transparent);--kima-color-track:color-mix(in srgb, var(--kima-color-on-surface) 22%, transparent);--kima-color-primary-container-hover:color-mix(in srgb, var(--kima-color-on-primary-container) 8%, var(--kima-color-primary-container));--kima-elevation-1:0 1px 2px #0000004d, 0 1px 3px 1px #00000026;--kima-elevation-2:0 1px 2px #0000004d, 0 2px 6px 2px #00000026;--kima-elevation-3:0 4px 8px 3px #00000026, 0 1px 3px #0000004d;--kima-elevation-4:0 6px 10px 4px #00000026, 0 2px 3px #0000004d;--kima-elevation-5:0 8px 12px 6px #00000026, 0 4px 4px #0000004d;--kima-scrim-opacity:.5;--kima-backdrop-blur:8px;--kima-duration-fast:.1s;--kima-duration-medium:.2s;--kima-duration-slow:.3s;--kima-duration-slower:.5s;--kima-duration-effects:.15s;--kima-curve-standard:cubic-bezier(.2, 0, 0, 1);--kima-curve-decelerate:cubic-bezier(0, 0, 0, 1);--kima-curve-accelerate:cubic-bezier(.3, 0, 1, 1);--kima-curve-emphasized:cubic-bezier(.05, .7, .1, 1);--kima-spring-snappy:cubic-bezier(.34, 3.2, .64, 1);--kima-spring-gentle:cubic-bezier(.22, 1.2, .36, 1);--kima-press-scale:.98;--kima-touch-target:48px;--kima-button-height-s:48px;--kima-button-height-m:56px;--kima-button-height-l:64px;--kima-button-padding:24px;--kima-icon-size-small:20px;--kima-icon-size:24px;--kima-icon-size-large:32px;--kima-icon-button-size:48px;--kima-field-height:64px;--kima-field-padding:20px;--kima-list-item-height:64px;--kima-menu-item-height:52px;--kima-tab-height:56px;--kima-tab-indicator-height:4px;--kima-switch-track-width:60px;--kima-switch-track-height:36px;--kima-switch-thumb-size:28px;--kima-switch-thumb-selected:32px;--kima-slider-track-height:20px;--kima-slider-handle-width:6px;--kima-slider-handle-height:36px;--kima-progress-height:8px;--kima-scrollbar-thickness:8px;--kima-color-scrollbar-thumb:color-mix(in srgb, var(--kima-color-on-surface) 24%, transparent);--kima-color-scrollbar-thumb-hover:color-mix(in srgb, var(--kima-color-on-surface) 40%, transparent);--kima-dialog-max-width:640px;--kima-drawer-max-width:420px;--kima-tooltip-max-width:480px;--kima-color-success:#6dd58c;--kima-color-on-success:#00391c;--kima-color-warning:#ffb95c;--kima-color-on-warning:#3d2600;--kima-color-code-keyword:var(--kima-color-primary);--kima-color-code-string:var(--kima-color-success);--kima-color-code-number:var(--kima-color-warning);--kima-color-code-function:#c9a6ff;--kima-color-code-property:#f0a8c4;--kima-color-code-comment:var(--kima-color-on-surface-variant);--kima-color-code-punctuation:var(--kima-color-on-surface-variant);--kima-line-height-code:1.6;--kima-color-transparent:transparent;--kima-color-danger:var(--kima-color-error);--kima-color-on-danger:var(--kima-color-on-error);--kima-color-on-surface-12:color-mix(in srgb, var(--kima-color-on-surface) 12%, transparent);--kima-color-on-surface-38:color-mix(in srgb, var(--kima-color-on-surface) 38%, transparent);--kima-font-weight-medium:500;--kima-font-size-xs:var(--kima-font-size-label-small);--kima-font-size-sm:var(--kima-font-size-label-medium);--kima-font-size-md:var(--kima-font-size-body-medium);--kima-font-size-lg:var(--kima-font-size-title-small);--kima-font-size-xl:var(--kima-font-size-title-medium);--kima-font-size-small:var(--kima-font-size-label-small);--kima-font-size-medium:var(--kima-font-size-body-medium);--kima-space-xxs:2px;--kima-space-xs:var(--kima-space-1);--kima-space-s:var(--kima-space-2);--kima-space-m:var(--kima-space-3);--kima-space-l:var(--kima-space-4);--kima-space-xl:var(--kima-space-6);--kima-radius-sm:var(--kima-radius-s);--kima-radius-md:var(--kima-radius-m);--kima-radius-lg:var(--kima-radius-l);--kima-shadow-2:var(--kima-elevation-2);--kima-duration-normal:var(--kima-duration-medium);--kima-duration-long:var(--kima-duration-slower);--kima-duration-expressive-effects:var(--kima-duration-effects);--kima-duration-expressive-fast-spatial:var(--kima-duration-medium);--kima-curve-expressive-effects:var(--kima-curve-standard);--kima-curve-expressive-fast-spatial:var(--kima-spring-snappy);--kima-ease-standard:var(--kima-curve-standard);--kima-ease-emphasized:var(--kima-curve-emphasized);--kima-ease-effects:var(--kima-curve-standard);--kima-button-height-xs:40px;--kima-button-min-width:64px;--kima-spinner-duration:1.568s;--kima-switch-outline-width:2px;--kima-switch-thumb-pressed:32px}:root[data-kima-theme=light]{--kima-color-success:#1b6b3a;--kima-color-on-success:#fff;--kima-color-warning:#8a5200;--kima-color-on-warning:#fff;--kima-color-code-function:#6a4bb0;--kima-color-code-property:#9b3a62}kima-accordion,kima-collapsible,kima-tabs,kima-carousel,kima-alert,kima-banner,kima-result,kima-empty-state,kima-error-state,kima-page-header,kima-descriptions,kima-list,kima-timeline,kima-stepper,kima-breadcrumb,kima-progress-group,kima-table,kima-virtual-table,kima-tree,kima-virtual-tree,kima-code-block,kima-log-viewer,kima-chart,kima-heatmap,kima-transfer,kima-splitter,kima-masonry,kima-scroll-area,kima-toolbar,kima-navigation-menu,kima-anchor,kima-overflow-list,kima-app-shell{width:100%;min-width:0;display:block}kima-text-field,kima-textarea,kima-number-field,kima-tags-input,kima-pin-input,kima-masked-input,kima-json-input,kima-select,kima-combobox,kima-cascader,kima-multi-select,kima-tree-select,kima-virtual-select,kima-date-picker,kima-time-picker,kima-date-range-picker,kima-time-range-picker,kima-period-picker,kima-date-field,kima-time-field,kima-color-picker,kima-angle-slider,kima-slider,kima-range-slider,kima-file-upload,kima-upload-manager,kima-editable,kima-mention,kima-dynamic-input,kima-transfer{min-width:0}.kima-popup-enter-active{transition:opacity var(--kima-duration-medium) var(--kima-curve-emphasized), scale var(--kima-duration-medium) var(--kima-curve-emphasized)}.kima-popup-leave-active{transition:opacity var(--kima-duration-fast) var(--kima-curve-standard), scale var(--kima-duration-fast) var(--kima-curve-standard)}.kima-popup-enter-from,.kima-popup-leave-to{opacity:0;scale:.96}@media (prefers-reduced-motion:reduce){.kima-popup-enter-active,.kima-popup-leave-active{transition-duration:1ms}}.kima-fade-enter-active,.kima-fade-leave-active{transition:opacity var(--kima-duration-medium) var(--kima-curve-standard)}.kima-content-enter-active,.kima-content-leave-active,.kima-list-enter-active,.kima-list-leave-active{transition:opacity var(--kima-duration-medium) var(--kima-curve-standard), transform var(--kima-duration-medium) var(--kima-curve-emphasized)}.kima-list-move{transition:transform var(--kima-duration-slow) var(--kima-curve-emphasized)}.kima-fade-enter-from,.kima-fade-leave-to,.kima-content-enter-from,.kima-content-leave-to,.kima-list-enter-from,.kima-list-leave-to{opacity:0}.kima-content-enter-from,.kima-content-leave-to,.kima-list-enter-from,.kima-list-leave-to{transform:translateY(var(--kima-space-1))}.kima-fade-leave-active,.kima-content-leave-active,.kima-list-leave-active,.kima-popup-leave-active{pointer-events:none}.kima-collection-enter-active{transition:opacity var(--kima-duration-medium) var(--kima-curve-standard);transition-delay:calc(var(--kima-duration-fast) + var(--kima-duration-slow))}.kima-collection-leave-active{pointer-events:none;transition:opacity var(--kima-duration-fast) linear}.kima-collection-enter-from,.kima-collection-leave-to{opacity:0}@media (prefers-reduced-motion:reduce){[class^=kima-],[class*=\\ kima-],[class^=kima-]:before,[class^=kima-]:after,[class*=\\ kima-]:before,[class*=\\ kima-]:after,dialog[class*=kima-]::backdrop{scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation:none!important}}[class^=kima-],[class*=\\ kima-]{scrollbar-width:thin;scrollbar-color:var(--kima-color-scrollbar-thumb) transparent}[class^=kima-]::-webkit-scrollbar{width:var(--kima-scrollbar-thickness);height:var(--kima-scrollbar-thickness)}[class*=\\ kima-]::-webkit-scrollbar{width:var(--kima-scrollbar-thickness);height:var(--kima-scrollbar-thickness)}[class^=kima-]::-webkit-scrollbar-track{background:0 0}[class*=\\ kima-]::-webkit-scrollbar-track{background:0 0}[class^=kima-]::-webkit-scrollbar-thumb{border-radius:var(--kima-radius-full);background:var(--kima-color-scrollbar-thumb);background-clip:padding-box;border:2px solid #0000}[class*=\\ kima-]::-webkit-scrollbar-thumb{border-radius:var(--kima-radius-full);background:var(--kima-color-scrollbar-thumb);background-clip:padding-box;border:2px solid #0000}[class^=kima-]::-webkit-scrollbar-thumb:hover{background:var(--kima-color-scrollbar-thumb-hover);background-clip:padding-box}[class*=\\ kima-]::-webkit-scrollbar-thumb:hover{background:var(--kima-color-scrollbar-thumb-hover);background-clip:padding-box}", xu = "kima-component-styles";
|
|
4854
4854
|
function Su() {
|
|
4855
4855
|
let e = document.getElementById(xu);
|
|
4856
4856
|
return e || (e = document.createElement("style"), e.id = xu, e.textContent = bu, document.head.append(e)), e;
|
|
@@ -5505,11 +5505,11 @@ var yd = {
|
|
|
5505
5505
|
onBeforeEnter: vd,
|
|
5506
5506
|
onBeforeLeave: _d
|
|
5507
5507
|
}, bd = /* @__PURE__ */ new WeakMap();
|
|
5508
|
-
function xd(e) {
|
|
5509
|
-
let
|
|
5510
|
-
if (!
|
|
5511
|
-
let
|
|
5512
|
-
e.ownerDocument.defaultView.getComputedStyle(
|
|
5508
|
+
function xd(e, t) {
|
|
5509
|
+
let n = e.parentElement;
|
|
5510
|
+
if (!n) return;
|
|
5511
|
+
let r = t ?? e.getBoundingClientRect(), i = n.getBoundingClientRect();
|
|
5512
|
+
e.ownerDocument.defaultView.getComputedStyle(n).position === "static" && (n.style.position = "relative"), bd.has(e) || bd.set(e, Object.fromEntries([
|
|
5513
5513
|
"position",
|
|
5514
5514
|
"top",
|
|
5515
5515
|
"left",
|
|
@@ -5521,12 +5521,12 @@ function xd(e) {
|
|
|
5521
5521
|
"margin"
|
|
5522
5522
|
].map((t) => [t, e.style[t]]))), Object.assign(e.style, {
|
|
5523
5523
|
position: "absolute",
|
|
5524
|
-
top: `${
|
|
5525
|
-
left: `${
|
|
5524
|
+
top: `${r.top - i.top - n.clientTop + n.scrollTop}px`,
|
|
5525
|
+
left: `${r.left - i.left - n.clientLeft + n.scrollLeft}px`,
|
|
5526
5526
|
right: "auto",
|
|
5527
5527
|
bottom: "auto",
|
|
5528
|
-
width: `${
|
|
5529
|
-
height: `${
|
|
5528
|
+
width: `${r.width}px`,
|
|
5529
|
+
height: `${r.height}px`,
|
|
5530
5530
|
boxSizing: "border-box",
|
|
5531
5531
|
margin: "0"
|
|
5532
5532
|
}), _d(e);
|
|
@@ -8946,68 +8946,89 @@ function Sm(e) {
|
|
|
8946
8946
|
let t = e?.value;
|
|
8947
8947
|
return t?.nodeType === 1 ? t : t?.$el?.nodeType === 1 ? t.$el : null;
|
|
8948
8948
|
}
|
|
8949
|
-
function Cm(e, t, { opacity: n = !0 } = {}) {
|
|
8950
|
-
|
|
8951
|
-
|
|
8952
|
-
|
|
8949
|
+
function Cm(e, t, { opacity: n = !0, collection: r = !1 } = {}) {
|
|
8950
|
+
r && (n = !1);
|
|
8951
|
+
let i = r ? "visible" : "clip", a, o = !1, s = 0, c = 0, l = 1, u = !1, d;
|
|
8952
|
+
function f(e) {
|
|
8953
|
+
d && (e.style.height = d.height, e.style.overflow = d.overflow, e.style.boxSizing = d.boxSizing, n && (e.style.opacity = d.opacity), d = void 0, u = !1);
|
|
8953
8954
|
}
|
|
8954
8955
|
z(t, () => {
|
|
8955
8956
|
let t = Sm(e);
|
|
8956
8957
|
if (!t) {
|
|
8957
|
-
|
|
8958
|
+
c = 0;
|
|
8958
8959
|
return;
|
|
8959
8960
|
}
|
|
8960
|
-
let
|
|
8961
|
-
|
|
8961
|
+
let r = t.ownerDocument.defaultView, o = t.getBoundingClientRect();
|
|
8962
|
+
c = o.height > 0 ? o.height : 0, l = n ? Number(r.getComputedStyle(t).opacity) : 1, a && (d ??= {
|
|
8962
8963
|
height: t.style.height,
|
|
8963
8964
|
overflow: t.style.overflow,
|
|
8964
8965
|
boxSizing: t.style.boxSizing,
|
|
8965
8966
|
opacity: t.style.opacity
|
|
8966
|
-
},
|
|
8967
|
-
}, {
|
|
8968
|
-
|
|
8969
|
-
|
|
8970
|
-
|
|
8971
|
-
|
|
8972
|
-
|
|
8967
|
+
}, a.cancel(), a = void 0, t.style.height = `${c}px`, t.style.boxSizing = "border-box", t.style.overflow = i, n && (t.style.opacity = `${l}`), u = !0);
|
|
8968
|
+
}, {
|
|
8969
|
+
flush: "pre",
|
|
8970
|
+
deep: !0
|
|
8971
|
+
}), z(t, async () => {
|
|
8972
|
+
let t = ++s;
|
|
8973
|
+
if (await L(), o || t !== s) return;
|
|
8974
|
+
let p = Sm(e), m = p?.ownerDocument.defaultView;
|
|
8975
|
+
if (!p || hd(p) || !p.animate) {
|
|
8976
|
+
p && d && f(p);
|
|
8973
8977
|
return;
|
|
8974
8978
|
}
|
|
8975
|
-
let
|
|
8976
|
-
if (!Number.isFinite(
|
|
8977
|
-
|
|
8979
|
+
let h = m.getComputedStyle(p), g = h.getPropertyValue(r ? "--kima-duration-slow" : "--kima-duration-effects").trim(), _ = g ? parseFloat(g) * (g.endsWith("ms") ? 1 : 1e3) : 180;
|
|
8980
|
+
if (!Number.isFinite(_) || _ <= 0) {
|
|
8981
|
+
f(p);
|
|
8978
8982
|
return;
|
|
8979
8983
|
}
|
|
8980
|
-
|
|
8981
|
-
let
|
|
8982
|
-
if (!
|
|
8983
|
-
|
|
8984
|
+
u && (p.style.height = d.height, p.style.boxSizing = d.boxSizing);
|
|
8985
|
+
let v = p.getBoundingClientRect().height, y = (r || c > 0) && Math.abs(v - c) > 1;
|
|
8986
|
+
if (!y && !n) {
|
|
8987
|
+
f(p);
|
|
8984
8988
|
return;
|
|
8985
8989
|
}
|
|
8986
|
-
|
|
8987
|
-
height:
|
|
8988
|
-
overflow:
|
|
8989
|
-
boxSizing:
|
|
8990
|
-
opacity:
|
|
8991
|
-
},
|
|
8992
|
-
let
|
|
8993
|
-
n && (
|
|
8994
|
-
let
|
|
8995
|
-
|
|
8996
|
-
|
|
8990
|
+
d ??= {
|
|
8991
|
+
height: p.style.height,
|
|
8992
|
+
overflow: p.style.overflow,
|
|
8993
|
+
boxSizing: p.style.boxSizing,
|
|
8994
|
+
opacity: p.style.opacity
|
|
8995
|
+
}, y && (p.style.height = `${c}px`, p.style.boxSizing = "border-box", p.style.overflow = i);
|
|
8996
|
+
let b = n ? l : 1;
|
|
8997
|
+
n && (p.style.opacity = `${b}`);
|
|
8998
|
+
let x = h.getPropertyValue("--kima-curve-emphasized").trim() || "ease-out", S = y && r ? [
|
|
8999
|
+
{
|
|
9000
|
+
height: `${c}px`,
|
|
9001
|
+
offset: 0,
|
|
9002
|
+
easing: x
|
|
9003
|
+
},
|
|
9004
|
+
{
|
|
9005
|
+
height: `${v > c ? v : c}px`,
|
|
9006
|
+
offset: .5,
|
|
9007
|
+
easing: x
|
|
9008
|
+
},
|
|
9009
|
+
{
|
|
9010
|
+
height: `${v}px`,
|
|
9011
|
+
offset: 1
|
|
9012
|
+
}
|
|
9013
|
+
] : y ? [{
|
|
9014
|
+
height: `${c}px`,
|
|
9015
|
+
opacity: b
|
|
8997
9016
|
}, {
|
|
8998
|
-
height: `${
|
|
9017
|
+
height: `${v}px`,
|
|
8999
9018
|
opacity: 1
|
|
9000
|
-
}] : [{ opacity:
|
|
9001
|
-
duration:
|
|
9002
|
-
|
|
9019
|
+
}] : [{ opacity: b }, { opacity: 1 }], C = r ? h.getPropertyValue("--kima-duration-fast").trim() : "", w = C ? parseFloat(C) * (C.endsWith("ms") ? 1 : 1e3) : 0, T = p.animate(S, {
|
|
9020
|
+
duration: _,
|
|
9021
|
+
delay: Number.isFinite(w) ? Math.max(0, w) : 0,
|
|
9022
|
+
easing: r ? "linear" : x,
|
|
9023
|
+
fill: "both"
|
|
9003
9024
|
});
|
|
9004
|
-
|
|
9005
|
-
|
|
9025
|
+
a = T, T.finished.then(() => {
|
|
9026
|
+
a === T && (a = void 0, f(p), T.cancel());
|
|
9006
9027
|
}).catch(() => {});
|
|
9007
9028
|
}, { deep: !0 }), Zi(() => {
|
|
9008
|
-
|
|
9029
|
+
o = !0, s++;
|
|
9009
9030
|
let t = Sm(e);
|
|
9010
|
-
|
|
9031
|
+
a?.cancel(), a = void 0, t && f(t);
|
|
9011
9032
|
});
|
|
9012
9033
|
}
|
|
9013
9034
|
// src/components/input/field.ce.vue?vue&type=style&index=0&inline&scoped=a01eded5&lang.scss
|