@kernel4632/kima 0.9.6 → 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
package/dist/style.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
: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}
|
|
1
|
+
: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}
|
|
2
2
|
|
|
3
3
|
@keyframes kima-ripple-glow-43a5d854{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-calendar[data-v-43a5d854]{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-calendar[aria-disabled=true][data-v-43a5d854]{opacity:var(--kima-opacity-disabled)}.kima-calendar[data-v-43a5d854]{gap:var(--kima-space-2);width:100%;min-width:0;max-width:380px;display:grid}.kima-calendar__head[data-v-43a5d854]{justify-content:space-between;align-items:center;gap:var(--kima-space-2);display:flex}.kima-calendar__head h2[data-v-43a5d854]{text-align:center;font-size:var(--kima-font-size-title-small);flex:1;margin:0}.kima-calendar__nav[data-v-43a5d854]{position:relative}.kima-calendar__nav[data-v-43a5d854]: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-calendar__nav[data-v-43a5d854]>*{z-index:2;position:relative}.kima-calendar__nav[data-v-43a5d854]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-calendar__nav[data-v-43a5d854]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-calendar__nav[data-v-43a5d854]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-calendar__nav[data-v-43a5d854]{position:relative;overflow:hidden}.kima-calendar__nav[data-v-43a5d854] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-43a5d854 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-calendar__nav[data-v-43a5d854]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-calendar__nav[data-v-43a5d854]{--kima-press-here:var(--kima-press-scale);transition:transform .32s var(--kima-spring-gentle), background-color var(--kima-duration-effects) var(--kima-curve-standard), color var(--kima-duration-effects) var(--kima-curve-standard)}.kima-calendar__nav[data-v-43a5d854]:active:not(:disabled):not([aria-disabled=true]){transform:scale(var(--kima-press-here));transition:transform 60ms var(--kima-curve-accelerate), background-color var(--kima-duration-effects) var(--kima-curve-standard), color var(--kima-duration-effects) var(--kima-curve-standard)}.kima-calendar__nav[data-v-43a5d854]{box-sizing:border-box;min-height:var(--kima-touch-target);padding:var(--kima-space-2) var(--kima-space-3);border-radius:var(--kima-radius-full);background:var(--kima-color-layer-2);color:var(--kima-color-on-surface);font:inherit;cursor:pointer;border:0}.kima-calendar__nav[data-v-43a5d854]:disabled{opacity:var(--kima-opacity-disabled);cursor:not-allowed}.kima-calendar__nav[data-v-43a5d854]{width:var(--kima-touch-target);font-size:var(--kima-font-size-title-large);padding:0}.kima-calendar__grid[data-v-43a5d854]{gap:var(--kima-space-1);display:grid}.kima-calendar__row[data-v-43a5d854]{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.kima-calendar__row>span[data-v-43a5d854]{font-size:var(--kima-font-size-label-small);padding-block:var(--kima-space-2);color:var(--kima-color-on-surface-variant)}.kima-calendar__day[data-v-43a5d854]{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)}.kima-calendar__day[data-v-43a5d854]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-calendar__day[data-v-43a5d854]{aspect-ratio:1;border-radius:var(--kima-radius-full);background:var(--kima-color-transparent);width:100%;min-height:40px;color:inherit;font:inherit;cursor:pointer;border:0;padding:0}.kima-calendar__day[data-v-43a5d854]:hover:not(:disabled){background:var(--kima-color-layer-3)}.kima-calendar__day.is-outside[data-v-43a5d854]{color:var(--kima-color-on-surface-variant);opacity:.45}.kima-calendar__day.is-today[data-v-43a5d854]{box-shadow:inset 0 0 0 1px var(--kima-color-primary)}.kima-calendar__day.is-range[data-v-43a5d854]{background:var(--kima-color-primary-container);color:var(--kima-color-on-primary-container)}.kima-calendar__day.is-range[data-v-43a5d854]:hover:not(:disabled){background:var(--kima-color-primary-container-hover)}.kima-calendar__day.is-selected[data-v-43a5d854]{background:var(--kima-color-primary);color:var(--kima-color-on-primary)}.kima-calendar__day[data-v-43a5d854]:disabled{opacity:var(--kima-opacity-disabled);cursor:not-allowed}.kima-calendar__native[data-v-43a5d854]{clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}
|
|
4
4
|
/*$vite$:1*/
|
|
@@ -116,7 +116,7 @@
|
|
|
116
116
|
/*$vite$:1*/
|
|
117
117
|
@keyframes kima-ripple-glow-d16b864e{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-image[data-v-d16b864e]{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;margin:0}.kima-image__frame[data-v-d16b864e]{background:var(--kima-color-layer-1);border-radius:var(--kima-radius-m);border:0;min-height:160px;display:grid;position:relative;overflow:hidden}.kima-image__frame[data-v-d16b864e]>*{grid-area:1/1}.kima-image img[data-v-d16b864e]{width:100%;height:auto;transition:opacity var(--kima-duration-medium) var(--kima-curve-standard);display:block}.kima-image[data-state=loading] img[data-v-d16b864e]{opacity:0}.kima-image__placeholder[data-v-d16b864e]{place-items:center;min-height:160px;display:grid}.kima-image__error[data-v-d16b864e]{min-height:160px;padding:var(--kima-space-6);gap:var(--kima-space-3);color:var(--kima-color-on-surface-variant);flex-direction:column;justify-content:center;align-items:center;display:flex}.kima-image figcaption[data-v-d16b864e]{margin-top:var(--kima-space-3);color:var(--kima-color-on-surface-variant)}
|
|
118
118
|
/*$vite$:1*/
|
|
119
|
-
@keyframes kima-ripple-glow-
|
|
119
|
+
@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}
|
|
120
120
|
/*$vite$:1*/
|
|
121
121
|
@keyframes kima-ripple-glow-f08cf21f{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-result__icon[data-v-f08cf21f]{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)}.kima-result[data-v-f08cf21f]{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;background:var(--kima-color-layer-1);width:100%;min-width:0;padding:var(--kima-space-6);border-radius:var(--kima-radius-m);--kima-display-tone:var(--kima-color-on-surface-variant);border:0;display:block}.kima-result[data-variant=info][data-v-f08cf21f]{--kima-display-tone:var(--kima-color-primary)}.kima-result[data-variant=success][data-v-f08cf21f]{--kima-display-tone:var(--kima-color-success)}.kima-result[data-variant=warning][data-v-f08cf21f]{--kima-display-tone:var(--kima-color-warning)}.kima-result[data-variant=danger][data-v-f08cf21f]{--kima-display-tone:var(--kima-color-error)}.kima-result[data-v-f08cf21f]{text-align:center;align-items:center;gap:var(--kima-space-4);padding-block:var(--kima-space-10);flex-direction:column;display:flex}.kima-result__icon[data-v-f08cf21f]{color:var(--kima-display-tone);display:inline-flex}.kima-result h2[data-v-f08cf21f],.kima-result p[data-v-f08cf21f]{max-width:48ch;margin:0}.kima-result h2[data-v-f08cf21f]{font-size:var(--kima-font-size-headline-small)}.kima-result p[data-v-f08cf21f]{color:var(--kima-color-on-surface-variant)}.kima-result__content[data-v-f08cf21f]{width:100%}.kima-result__content[data-v-f08cf21f]:empty,.kima-result__actions[data-v-f08cf21f]:empty{display:none}.kima-result__actions[data-v-f08cf21f]{justify-content:center;gap:var(--kima-space-3);flex-wrap:wrap;display:flex}
|
|
122
122
|
/*$vite$:1*/
|
|
@@ -198,7 +198,7 @@
|
|
|
198
198
|
/*$vite$:1*/
|
|
199
199
|
@keyframes kima-ripple-glow-c4c69411{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-c4c69411] .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-c4c69411] .kima-shell-menu__item:disabled,[data-v-c4c69411] .kima-shell-menu__item[aria-disabled=true]{cursor:not-allowed;opacity:var(--kima-opacity-disabled)}[data-v-c4c69411] .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-c4c69411] .kima-shell-menu__item:hover:not([aria-disabled=true]):not([data-disabled]),[data-v-c4c69411] .kima-shell-menu__item[data-highlighted],[data-v-c4c69411] .kima-shell-menu__item[data-active=true]{background:var(--kima-color-layer-3)}[data-v-c4c69411] .kima-shell-menu__item[aria-selected=true]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}[data-v-c4c69411] .kima-shell-menu__item[aria-selected=true]:hover,[data-v-c4c69411] .kima-shell-menu__item[aria-selected=true][data-active=true]{background:var(--kima-color-primary-container-hover)}[data-v-c4c69411] .kima-shell-menu__item[data-disabled]{opacity:var(--kima-opacity-disabled);cursor:not-allowed}[data-v-c4c69411] .kima-shell-menu__item[aria-checked=true]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}[data-v-c4c69411] .kima-shell-menu__item[aria-checked=true]:hover,[data-v-c4c69411] .kima-shell-menu__item[aria-checked=true][data-highlighted]{background:var(--kima-color-primary-container-hover)}[data-v-c4c69411] .kima-shell-menu__copy{gap:var(--kima-space-1);display:grid}[data-v-c4c69411] .kima-shell-menu__item small{font-size:var(--kima-font-size-sm);opacity:.8}[data-v-c4c69411] .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-c4c69411]{transition:none}}.kima-menubar[data-v-c4c69411]{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);gap:var(--kima-space-2);padding:var(--kima-space-2);border-radius:var(--kima-radius-m);border:0;flex-wrap:wrap;line-height:1.5;display:flex}.kima-menubar__item[data-v-c4c69411]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-menubar__item[data-v-c4c69411]:disabled,.kima-menubar__item[aria-disabled=true][data-v-c4c69411]{cursor:not-allowed;opacity:var(--kima-opacity-disabled)}.kima-menubar__item[data-v-c4c69411]{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-menubar__item[data-v-c4c69411]:hover:not([aria-disabled=true]):not([data-disabled]),.kima-menubar__item[data-highlighted][data-v-c4c69411],.kima-menubar__item[data-active=true][data-v-c4c69411]{background:var(--kima-color-layer-3)}.kima-menubar__item[aria-selected=true][data-v-c4c69411]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}.kima-menubar__item[aria-selected=true][data-v-c4c69411]:hover,.kima-menubar__item[aria-selected=true][data-active=true][data-v-c4c69411]{background:var(--kima-color-primary-container-hover)}.kima-menubar__item[data-disabled][data-v-c4c69411]{opacity:var(--kima-opacity-disabled);cursor:not-allowed}.kima-menubar small[data-v-c4c69411]{color:var(--kima-color-on-surface-variant)}.kima-menubar__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;width:min(280px,100vw - 24px);line-height:1.5;overflow:auto}
|
|
200
200
|
/*$vite$:1*/
|
|
201
|
-
@keyframes kima-ripple-glow-
|
|
201
|
+
@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}
|
|
202
202
|
/*$vite$:1*/
|
|
203
203
|
@keyframes kima-ripple-glow-fae7c69d{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-popconfirm[data-v-fae7c69d]{min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-size:var(--kima-font-size-body-medium);line-height:1.5;display:inline-block}.kima-popconfirm h3[data-v-fae7c69d]{margin:0 0 var(--kima-space-3)}.kima-popconfirm p[data-v-fae7c69d]{color:var(--kima-color-on-surface-variant)}.kima-popconfirm__actions[data-v-fae7c69d]{justify-content:flex-end;gap:var(--kima-space-2);margin-top:var(--kima-space-4);display:flex}.kima-popconfirm__danger[data-v-fae7c69d]{color:var(--kima-color-on-error);background:var(--kima-color-error)}
|
|
204
204
|
/*$vite$:1*/
|
|
@@ -264,7 +264,7 @@ kima-affix{display:contents}.kima-affix[data-v-f21e108b]{z-index:10;color:var(--
|
|
|
264
264
|
/*$vite$:1*/
|
|
265
265
|
.kima-qr-code[data-v-3ef776fe]{max-width:100%;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);display:inline-block}.kima-qr-code svg[data-v-3ef776fe]{max-width:100%;height:auto;fill:var(--kima-color-on-surface);display:block}.kima-qr-code__paper[data-v-3ef776fe]{fill:var(--kima-color-surface)}
|
|
266
266
|
/*$vite$:1*/
|
|
267
|
-
.kima-tag-group[data-v-
|
|
267
|
+
.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}
|
|
268
268
|
/*$vite$:1*/
|
|
269
269
|
@keyframes kima-ripple-glow-b5823fc3{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-tour[data-v-b5823fc3]{font-family:var(--kima-font-family);color:var(--kima-color-on-surface)}.kima-tour__dialog[data-v-b5823fc3]{width:100%;max-width:none;height:100%;max-height:none;color:inherit;background:var(--kima-color-transparent);transition:opacity var(--kima-duration-medium), display var(--kima-duration-medium) allow-discrete, overlay var(--kima-duration-medium) allow-discrete;border:0;margin:0;padding:0;position:fixed;inset:0}.kima-tour__dialog[data-v-b5823fc3]::backdrop{background:var(--kima-color-transparent)}.kima-tour__dialog[data-v-b5823fc3]:not([open]){opacity:0}@starting-style{.kima-tour__dialog[open][data-v-b5823fc3]{opacity:0}}.kima-tour__mask[data-v-b5823fc3]{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));pointer-events:auto;position:fixed}.kima-tour__spotlight[data-v-b5823fc3]{outline:3px solid var(--kima-color-primary);border-radius:var(--kima-radius-s);pointer-events:none;transition:top var(--kima-duration-medium) var(--kima-curve-emphasized), left var(--kima-duration-medium) var(--kima-curve-emphasized), width var(--kima-duration-medium), height var(--kima-duration-medium);position:fixed}.kima-tour__panel[data-v-b5823fc3]{background:var(--kima-color-popup);box-shadow:var(--kima-elevation-3);box-sizing:border-box;max-height:calc(100vh - 32px);padding:var(--kima-space-5);border-radius:var(--kima-radius-xl);border:0;position:fixed;overflow:auto}.kima-tour__panel h2[data-v-b5823fc3]{margin:var(--kima-space-2) 0}.kima-tour__actions[data-v-b5823fc3]{gap:var(--kima-space-2);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){.kima-tour__dialog[data-v-b5823fc3],.kima-tour__spotlight[data-v-b5823fc3]{transition:none}}
|
|
270
270
|
/*$vite$:1*/
|
package/dist/styles/_tokens.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
: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}
|
|
1
|
+
: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}
|
package/dist/styles/list.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
@import "_tokens.css";
|
|
2
|
-
@import "../components/display/list.ce.
|
|
2
|
+
@import "../components/display/list.ce.vue_vue_type_style_index_0_scoped_88e398dc_lang.css";
|
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
@import "../components/core/icon.ce.vue_vue_type_style_index_0_scoped_5c94f2ca_lang.css";
|
|
4
4
|
@import "../components/core/icon-button.ce.vue_vue_type_style_index_0_scoped_a18b4478_lang.css";
|
|
5
5
|
@import "../components/interaction/chip.ce.vue_vue_type_style_index_0_scoped_541c9ed1_lang.css";
|
|
6
|
-
@import "../components/interaction/multi-select.ce.
|
|
6
|
+
@import "../components/interaction/multi-select.ce.vue_vue_type_style_index_0_scoped_0b8ec686_lang.css";
|
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
@import "../components/core/icon.ce.vue_vue_type_style_index_0_scoped_5c94f2ca_lang.css";
|
|
4
4
|
@import "../components/core/icon-button.ce.vue_vue_type_style_index_0_scoped_a18b4478_lang.css";
|
|
5
5
|
@import "../components/interaction/chip.ce.vue_vue_type_style_index_0_scoped_541c9ed1_lang.css";
|
|
6
|
-
@import "../components/utility/tag-group.ce.
|
|
6
|
+
@import "../components/utility/tag-group.ce.vue_vue_type_style_index_0_scoped_de9894bd_lang.css";
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { useNativeSlots as e } from "../../utils/native-slots.js";
|
|
2
2
|
import t from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
import {
|
|
4
|
-
import { useContentMotion as i } from "../../utils/content-motion.js";
|
|
3
|
+
import { useCollectionMotion as n } from "../../utils/content-motion.js";
|
|
5
4
|
/* empty css */
|
|
6
|
-
import { Fragment as
|
|
5
|
+
import { Fragment as r, TransitionGroup as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, guardReactiveProps as u, mergeProps as d, normalizeProps as f, openBlock as p, ref as m, renderList as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, toRaw as y, unref as b, useAttrs as x, withCtx as S } from "vue";
|
|
7
6
|
// src/components/display/list.ce.vue
|
|
8
7
|
var C = { class: "kima-list__body" }, w = { key: 0 }, T = {
|
|
9
8
|
key: 0,
|
|
@@ -37,19 +36,17 @@ var C = { class: "kima-list__body" }, w = { key: 0 }, T = {
|
|
|
37
36
|
}
|
|
38
37
|
},
|
|
39
38
|
setup(t) {
|
|
40
|
-
let D = t, O = x(), k = m(null), { isCustomElement: A, hasNativeSlot: j } = e(k);
|
|
41
|
-
|
|
42
|
-
let M = /* @__PURE__ */ new WeakMap(), N = 0;
|
|
43
|
-
function P(e, t) {
|
|
39
|
+
let D = t, O = x(), k = m(null), { isCustomElement: A, hasNativeSlot: j } = e(k), M = n(k, () => D.items), N = /* @__PURE__ */ new WeakMap(), P = 0;
|
|
40
|
+
function F(e, t) {
|
|
44
41
|
let n;
|
|
45
42
|
if (typeof e == "object" && e) {
|
|
46
43
|
let t = y(e);
|
|
47
|
-
t.id == null ? (
|
|
44
|
+
t.id == null ? (N.has(t) || N.set(t, ++P), n = `object:${N.get(t)}`) : n = `id:${typeof t.id}:${t.id}`;
|
|
48
45
|
} else n = `value:${typeof e}:${e}`;
|
|
49
46
|
let r = D.items.slice(0, t).filter((t) => Object.is(y(t), y(e))).length;
|
|
50
47
|
return `${n}:${r}`;
|
|
51
48
|
}
|
|
52
|
-
return (e,
|
|
49
|
+
return (e, n) => (p(), a(_(t.ordered ? "ol" : "ul"), d({
|
|
53
50
|
ref_key: "root",
|
|
54
51
|
ref: k
|
|
55
52
|
}, {
|
|
@@ -60,20 +57,17 @@ var C = { class: "kima-list__body" }, w = { key: 0 }, T = {
|
|
|
60
57
|
style: { "--kima-list-gap": typeof t.gap == "number" ? `${t.gap}px` : t.gap || void 0 },
|
|
61
58
|
"aria-label": t.label
|
|
62
59
|
}), {
|
|
63
|
-
default: S(() => [g(e.$slots, "default", {}, () => [
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
}), {
|
|
67
|
-
default: S(() => [(p(!0), l(a, null, h(t.items, (t, n) => (p(), l("li", {
|
|
68
|
-
key: P(t, n),
|
|
60
|
+
default: S(() => [g(e.$slots, "default", {}, () => [l(i, f(u(b(M))), {
|
|
61
|
+
default: S(() => [(p(!0), s(r, null, h(t.items, (t, n) => (p(), s("li", {
|
|
62
|
+
key: F(t, n),
|
|
69
63
|
class: "kima-list__item"
|
|
70
64
|
}, [g(e.$slots, "item", {
|
|
71
65
|
item: t,
|
|
72
66
|
index: n
|
|
73
|
-
}, () => [
|
|
67
|
+
}, () => [c("div", C, [c("strong", null, v(typeof t == "object" && t ? t.title : t), 1), t?.description ? (p(), s("p", w, v(t.description), 1)) : o("", !0)]), e.$slots.action ? (p(), s("div", T, [g(e.$slots, "action", {
|
|
74
68
|
item: t,
|
|
75
69
|
index: n
|
|
76
|
-
}, void 0, !0)])) :
|
|
70
|
+
}, void 0, !0)])) : o("", !0)], !0)]))), 128)), !t.items.length && !b(j)("default") ? (p(), s("li", E, v(t.emptyText), 1)) : o("", !0)]),
|
|
77
71
|
_: 3
|
|
78
72
|
}, 16)], !0)]),
|
|
79
73
|
_: 3
|
|
@@ -83,5 +77,5 @@ var C = { class: "kima-list__body" }, w = { key: 0 }, T = {
|
|
|
83
77
|
"aria-label"
|
|
84
78
|
]));
|
|
85
79
|
}
|
|
86
|
-
}), [["__scopeId", "data-v-
|
|
80
|
+
}), [["__scopeId", "data-v-88e398dc"]]);
|
|
87
81
|
export { D as default };
|