@kernel4632/kima 0.9.1 → 0.9.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/core/notification.ce.vue_vue_type_style_index_0_scoped_1c6f5605_lang.css +1 -0
- package/dist/components/utility/notification-queue.ce.vue_vue_type_style_index_0_scoped_75bf46e7_lang.css +1 -0
- package/dist/kima-elements-core.js +5242 -5227
- package/dist/kima-elements.js +10790 -10760
- package/dist/style.css +2 -2
- package/dist/styles/core.css +1 -1
- package/dist/styles/notification-queue.css +2 -2
- package/dist/styles/notification.css +1 -1
- package/dist/vue/components/core/notification.ce.js +7 -4
- package/dist/vue/components/utility/notification-queue.ce.js +67 -56
- package/dist/vue/utils/motion.js +37 -21
- package/package.json +1 -1
- package/dist/components/core/notification.ce.vue_vue_type_style_index_0_scoped_1cfa12e4_lang.css +0 -1
- package/dist/components/utility/notification-queue.ce.vue_vue_type_style_index_0_scoped_8ff80bbb_lang.css +0 -1
package/dist/style.css
CHANGED
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
/*$vite$:1*/
|
|
59
59
|
@keyframes kima-ripple-glow-597751c9{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-597751c9] .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-597751c9] .kima-shell-menu__item:disabled,[data-v-597751c9] .kima-shell-menu__item[aria-disabled=true]{cursor:not-allowed;opacity:var(--kima-opacity-disabled)}[data-v-597751c9] .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-597751c9] .kima-shell-menu__item:hover:not([aria-disabled=true]):not([data-disabled]),[data-v-597751c9] .kima-shell-menu__item[data-highlighted],[data-v-597751c9] .kima-shell-menu__item[data-active=true]{background:var(--kima-color-layer-3)}[data-v-597751c9] .kima-shell-menu__item[aria-selected=true]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}[data-v-597751c9] .kima-shell-menu__item[aria-selected=true]:hover,[data-v-597751c9] .kima-shell-menu__item[aria-selected=true][data-active=true]{background:var(--kima-color-primary-container-hover)}[data-v-597751c9] .kima-shell-menu__item[data-disabled]{opacity:var(--kima-opacity-disabled);cursor:not-allowed}[data-v-597751c9] .kima-shell-menu__item[aria-checked=true]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}[data-v-597751c9] .kima-shell-menu__item[aria-checked=true]:hover,[data-v-597751c9] .kima-shell-menu__item[aria-checked=true][data-highlighted]{background:var(--kima-color-primary-container-hover)}[data-v-597751c9] .kima-shell-menu__copy{gap:var(--kima-space-1);display:grid}[data-v-597751c9] .kima-shell-menu__item small{font-size:var(--kima-font-size-sm);opacity:.8}[data-v-597751c9] .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-597751c9]{transition:none}}.kima-menu[data-v-597751c9]{min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-size:var(--kima-font-size-body-medium);min-width:180px;line-height:1.5;display:inline-flex;position:relative}.kima-menu--open[data-v-597751c9]{z-index:60}.kima-menu--icon[data-v-597751c9]{min-width:0}.kima-menu__trigger[data-v-597751c9]{position:relative}.kima-menu__trigger[data-v-597751c9]:after{content:"";z-index:1;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--kima-duration-effects) var(--kima-curve-standard);background:currentColor;position:absolute;inset:0}.kima-menu__trigger[data-v-597751c9]>*{z-index:2;position:relative}.kima-menu__trigger[data-v-597751c9]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-menu__trigger[data-v-597751c9]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-menu__trigger[data-v-597751c9]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-menu__trigger[data-v-597751c9]{position:relative;overflow:hidden}.kima-menu__trigger[data-v-597751c9] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-597751c9 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-menu__trigger[data-v-597751c9]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-menu__trigger[data-v-597751c9]{transition:color var(--kima-duration-effects) var(--kima-curve-standard), background-color var(--kima-duration-effects) var(--kima-curve-standard), border-color var(--kima-duration-effects) var(--kima-curve-standard), box-shadow var(--kima-duration-effects) var(--kima-curve-standard), opacity var(--kima-duration-effects) var(--kima-curve-standard);justify-content:space-between;align-items:center;gap:var(--kima-space-3);width:100%;min-height:56px;padding:0 var(--kima-space-4);border-radius:var(--kima-radius-m);color:var(--kima-color-on-surface);background:var(--kima-color-layer-2);font:inherit;cursor:pointer;border:0;display:flex}.kima-menu__trigger[data-v-597751c9]:disabled{opacity:var(--kima-opacity-disabled);cursor:not-allowed}.kima-menu--small .kima-menu__trigger[data-v-597751c9]{min-height:40px;padding-inline:var(--kima-space-3)}.kima-menu--icon .kima-menu__trigger[data-v-597751c9]{width:var(--kima-touch-target);min-width:var(--kima-touch-target);aspect-ratio:1;justify-content:center;padding:0}.kima-menu__popup{min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-size:var(--kima-font-size-body-medium);background:var(--kima-color-popup);box-shadow:var(--kima-elevation-3);box-sizing:border-box;z-index:60;width:min(360px,100vw - 24px);max-height:min(70vh, var(--reka-popper-available-height,70vh));padding:var(--kima-space-4);border-radius:var(--kima-radius-l);width:max(220px, var(--reka-dropdown-menu-trigger-width));padding:var(--kima-space-2);border:0;outline:none;line-height:1.5;overflow:auto}.kima-menu__search-wrap[data-v-597751c9]{align-items:center;gap:var(--kima-space-2);display:flex}.kima-menu__search[data-v-597751c9]{box-sizing:border-box;width:100%;min-height:48px;margin-bottom:var(--kima-space-2);padding:var(--kima-space-3);border-radius:var(--kima-radius-m);background:var(--kima-color-layer-2);color:var(--kima-color-on-surface);font:inherit;border:0}.kima-menu__search[data-v-597751c9]:focus{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:-2px}
|
|
60
60
|
/*$vite$:1*/
|
|
61
|
-
@keyframes kima-ripple-glow-
|
|
61
|
+
@keyframes kima-ripple-glow-1c6f5605{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-notification-enter-active[data-v-1c6f5605]{transition:opacity var(--kima-duration-medium) var(--kima-curve-emphasized), transform var(--kima-duration-medium) var(--kima-curve-emphasized)}.kima-notification-leave-active[data-v-1c6f5605]{pointer-events:none;transition:opacity var(--kima-duration-fast) var(--kima-curve-standard), transform var(--kima-duration-fast) var(--kima-curve-standard)}.kima-notification-enter-from[data-v-1c6f5605],.kima-notification-leave-to[data-v-1c6f5605]{opacity:0}.kima-notification--top-right.kima-notification-enter-from[data-v-1c6f5605],.kima-notification--top-right.kima-notification-leave-to[data-v-1c6f5605],.kima-notification--bottom-right.kima-notification-enter-from[data-v-1c6f5605],.kima-notification--bottom-right.kima-notification-leave-to[data-v-1c6f5605]{transform:translate(calc(100% + 24px))}.kima-notification--top-left.kima-notification-enter-from[data-v-1c6f5605],.kima-notification--top-left.kima-notification-leave-to[data-v-1c6f5605],.kima-notification--bottom-left.kima-notification-enter-from[data-v-1c6f5605],.kima-notification--bottom-left.kima-notification-leave-to[data-v-1c6f5605]{transform:translate(calc(-100% - 24px))}.kima-notification--slide-right.kima-notification-enter-from[data-v-1c6f5605],.kima-notification--slide-right.kima-notification-leave-to[data-v-1c6f5605]{transform:translate(calc(100% + 24px))}.kima-notification--slide-left.kima-notification-enter-from[data-v-1c6f5605],.kima-notification--slide-left.kima-notification-leave-to[data-v-1c6f5605]{transform:translate(calc(-100% - 24px))}.kima-notification--slide-up.kima-notification-enter-from[data-v-1c6f5605],.kima-notification--slide-up.kima-notification-leave-to[data-v-1c6f5605]{transform:translateY(calc(-100% - 24px))}.kima-notification--slide-down.kima-notification-enter-from[data-v-1c6f5605],.kima-notification--slide-down.kima-notification-leave-to[data-v-1c6f5605]{transform:translateY(calc(100% + 24px))}.kima-notification--top.kima-notification-enter-from[data-v-1c6f5605],.kima-notification--top-center.kima-notification-enter-from[data-v-1c6f5605],.kima-notification--top.kima-notification-leave-to[data-v-1c6f5605],.kima-notification--top-center.kima-notification-leave-to[data-v-1c6f5605]{transform:translate(-50%)translateY(calc(-100% - 24px))}.kima-notification--bottom.kima-notification-enter-from[data-v-1c6f5605],.kima-notification--bottom-center.kima-notification-enter-from[data-v-1c6f5605],.kima-notification--bottom.kima-notification-leave-to[data-v-1c6f5605],.kima-notification--bottom-center.kima-notification-leave-to[data-v-1c6f5605]{transform:translate(-50%)translateY(calc(100% + 24px))}.kima-notification[data-v-1c6f5605]{box-sizing:border-box;z-index:1100;align-items:flex-start;gap:var(--kima-space-3);width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);padding:var(--kima-space-4);border-radius:var(--kima-radius-l);color:var(--kima-color-on-surface);background:var(--kima-color-popup);box-shadow:var(--kima-elevation-4);font-family:var(--kima-font-family);border:0;display:flex;position:fixed;overflow:auto}.kima-notification--stacked[data-v-1c6f5605]{pointer-events:auto;width:100%;position:relative;inset:auto}.kima-notification__icon[data-v-1c6f5605]{width:24px;height:calc(var(--kima-font-size-md) * 1.3);opacity:.9;flex:none;justify-content:center;align-items:center;display:inline-flex}.kima-notification--top[data-v-1c6f5605],.kima-notification--top-center[data-v-1c6f5605],.kima-notification--top-left[data-v-1c6f5605],.kima-notification--top-right[data-v-1c6f5605]{top:var(--kima-space-4)}.kima-notification--bottom[data-v-1c6f5605],.kima-notification--bottom-center[data-v-1c6f5605],.kima-notification--bottom-left[data-v-1c6f5605],.kima-notification--bottom-right[data-v-1c6f5605]{bottom:var(--kima-space-4)}.kima-notification--top[data-v-1c6f5605],.kima-notification--bottom[data-v-1c6f5605],.kima-notification--top-center[data-v-1c6f5605],.kima-notification--bottom-center[data-v-1c6f5605]{left:50%;transform:translate(-50%)}.kima-notification--top-left[data-v-1c6f5605],.kima-notification--bottom-left[data-v-1c6f5605]{left:var(--kima-space-4)}.kima-notification--top-right[data-v-1c6f5605],.kima-notification--bottom-right[data-v-1c6f5605]{right:var(--kima-space-4)}.kima-notification--info[data-v-1c6f5605]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}.kima-notification--warning[data-v-1c6f5605]{color:var(--kima-color-on-warning);background:var(--kima-color-warning)}.kima-notification--success[data-v-1c6f5605]{color:var(--kima-color-on-success);background:var(--kima-color-success)}.kima-notification--danger[data-v-1c6f5605]{color:var(--kima-color-on-danger);background:var(--kima-color-danger)}.kima-notification__copy[data-v-1c6f5605]{gap:var(--kima-space-1);overflow-wrap:anywhere;flex-direction:column;flex:auto;min-width:0;display:flex}.kima-notification__title[data-v-1c6f5605]{font-size:var(--kima-font-size-md);font-weight:var(--kima-font-weight-bold);line-height:1.3}.kima-notification__message[data-v-1c6f5605]{font-size:var(--kima-font-size-sm);line-height:1.45}.kima-notification__action[data-v-1c6f5605]{margin-top:var(--kima-space-2);gap:var(--kima-space-2);flex-wrap:wrap;display:flex}.kima-notification__action[data-v-1c6f5605]:empty{display:none}.kima-notification__close[data-v-1c6f5605]{width:32px;height:32px;margin:calc((var(--kima-font-size-md) * 1.3 - 32px) / 2) calc(var(--kima-space-1) * -1) 0 0;border-radius:var(--kima-radius-full);color:inherit;background:var(--kima-color-transparent);cursor:pointer;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.kima-notification__close[data-v-1c6f5605]: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-notification__close[data-v-1c6f5605]>*{z-index:2;position:relative}.kima-notification__close[data-v-1c6f5605]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-notification__close[data-v-1c6f5605]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-notification__close[data-v-1c6f5605]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-notification__close[data-v-1c6f5605]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-notification__close[data-v-1c6f5605]{position:relative;overflow:hidden}.kima-notification__close[data-v-1c6f5605] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-1c6f5605 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-notification__close[data-v-1c6f5605]{transition:background-color var(--kima-duration-effects) var(--kima-curve-standard)}.kima-notification__close[data-v-1c6f5605]:hover{background:color-mix(in srgb, currentColor 12%, var(--kima-color-transparent))}@media (prefers-reduced-motion:reduce){.kima-notification__close[data-v-1c6f5605]{transition:none}.kima-notification-enter-active[data-v-1c6f5605],.kima-notification-leave-active[data-v-1c6f5605]{transition-duration:1ms}.kima-notification-enter-from[data-v-1c6f5605],.kima-notification-leave-to[data-v-1c6f5605]{transform:none}.kima-notification--top[data-v-1c6f5605],.kima-notification--top-center[data-v-1c6f5605],.kima-notification--bottom[data-v-1c6f5605],.kima-notification--bottom-center[data-v-1c6f5605]{transform:translate(-50%)}}@media (width<=600px){.kima-notification--top[data-v-1c6f5605],.kima-notification--top-left[data-v-1c6f5605],.kima-notification--top-center[data-v-1c6f5605],.kima-notification--top-right[data-v-1c6f5605]{top:var(--kima-space-3)}.kima-notification--bottom[data-v-1c6f5605],.kima-notification--bottom-left[data-v-1c6f5605],.kima-notification--bottom-center[data-v-1c6f5605],.kima-notification--bottom-right[data-v-1c6f5605]{bottom:var(--kima-space-3)}.kima-notification--top-left[data-v-1c6f5605],.kima-notification--bottom-left[data-v-1c6f5605]{left:var(--kima-space-3)}.kima-notification--top-right[data-v-1c6f5605],.kima-notification--bottom-right[data-v-1c6f5605]{right:var(--kima-space-3)}}
|
|
62
62
|
/*$vite$:1*/
|
|
63
63
|
@keyframes kima-ripple-glow-d62e7dea{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-pagination[data-v-d62e7dea]{min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-size:var(--kima-font-size-md);justify-content:center;display:flex}.kima-pagination__list[data-v-d62e7dea]{justify-content:center;align-items:center;gap:var(--kima-space-1);max-width:100%;padding:var(--kima-space-1);display:flex;overflow-x:auto}.kima-pagination__button[data-v-d62e7dea]{min-width:40px;min-height:40px;padding:0 var(--kima-space-2);border-radius:var(--kima-radius-sm);box-sizing:border-box;color:var(--kima-color-on-surface);background:var(--kima-color-transparent);font:inherit;cursor:pointer;border:0;flex:0 0 40px;justify-content:center;align-items:center;display:inline-flex;position:relative}.kima-pagination__button[data-v-d62e7dea]: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-pagination__button[data-v-d62e7dea]>*{z-index:2;position:relative}.kima-pagination__button[data-v-d62e7dea]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-pagination__button[data-v-d62e7dea]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-pagination__button[data-v-d62e7dea]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-pagination__button[data-v-d62e7dea]{position:relative;overflow:hidden}.kima-pagination__button[data-v-d62e7dea] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-d62e7dea var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-pagination__button[data-v-d62e7dea]{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-pagination__button[data-v-d62e7dea]:hover:not(:disabled),.kima-pagination__button[data-v-d62e7dea]:focus-visible{background:var(--kima-color-layer-3)}.kima-pagination__button[data-v-d62e7dea]:focus-visible{outline:2px solid var(--kima-color-primary);outline-offset:1px}.kima-pagination__button[aria-current=page][data-v-d62e7dea]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container);font-weight:var(--kima-font-weight-bold)}.kima-pagination__button[aria-current=page][data-v-d62e7dea]:hover:not(:disabled),.kima-pagination__button[aria-current=page][data-v-d62e7dea]:focus-visible{background:var(--kima-color-primary-container-hover)}.kima-pagination__button[data-v-d62e7dea]:disabled{color:var(--kima-color-on-surface-variant);cursor:not-allowed;opacity:var(--kima-opacity-disabled)}.kima-pagination__button[data-v-d62e7dea]:is(.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-pagination__button.kima-list-move[data-v-d62e7dea]{transition:transform var(--kima-duration-slow) var(--kima-curve-emphasized)}.kima-pagination__button--direction[data-v-d62e7dea]{color:var(--kima-color-primary)}.kima-pagination__ellipsis[data-v-d62e7dea]{min-width:24px;min-height:40px;color:var(--kima-color-on-surface-variant);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.kima-pagination--compact .kima-pagination__button[data-v-d62e7dea]{flex-basis:32px;min-width:32px;min-height:32px}.kima-pagination--compact .kima-pagination__ellipsis[data-v-d62e7dea]{min-height:32px}@media (width<=480px){.kima-pagination__list[data-v-d62e7dea]{justify-content:flex-start}}
|
|
64
64
|
/*$vite$:1*/
|
|
@@ -258,7 +258,7 @@ kima-affix{display:contents}.kima-affix[data-v-f21e108b]{z-index:10;color:var(--
|
|
|
258
258
|
/*$vite$:1*/
|
|
259
259
|
@keyframes kima-ripple-glow-f5be4658{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-log-viewer[data-v-f5be4658]{background:var(--kima-color-layer-1);color:var(--kima-color-on-surface);font-family:var(--kima-font-family);padding:var(--kima-space-4);border-radius:var(--kima-radius-m);border:0}.kima-log-viewer__tools[data-v-f5be4658]{align-items:center;gap:var(--kima-space-2);flex-wrap:wrap;display:flex}.kima-log-viewer__tools input[data-v-f5be4658]{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-log-viewer__tools input[data-v-f5be4658]:focus{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:-2px}.kima-log-viewer__tools input[data-v-f5be4658]{width:min(100%,240px)}.kima-log-viewer__follow-status[data-v-f5be4658]{font-size:var(--kima-font-size-label-small);color:var(--kima-color-on-surface-variant)}.kima-log-viewer__viewport[data-v-f5be4658]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-log-viewer__viewport[data-v-f5be4658]{overflow-anchor:none;height:260px;overflow:auto}.kima-log-viewer__line[data-v-f5be4658]{white-space:pre-wrap;overflow-wrap:anywhere;min-height:28px}
|
|
260
260
|
/*$vite$:1*/
|
|
261
|
-
.kima-notification-queue[data-v-
|
|
261
|
+
.kima-notification-queue[data-v-75bf46e7]{z-index:1100;pointer-events:none;width:min(420px,100vw - 32px);font-family:var(--kima-font-family);position:fixed}.kima-notification-queue--top[data-v-75bf46e7],.kima-notification-queue--top-center[data-v-75bf46e7],.kima-notification-queue--top-left[data-v-75bf46e7],.kima-notification-queue--top-right[data-v-75bf46e7]{top:var(--kima-space-4)}.kima-notification-queue--bottom[data-v-75bf46e7],.kima-notification-queue--bottom-center[data-v-75bf46e7],.kima-notification-queue--bottom-left[data-v-75bf46e7],.kima-notification-queue--bottom-right[data-v-75bf46e7]{bottom:var(--kima-space-4)}.kima-notification-queue--top[data-v-75bf46e7],.kima-notification-queue--bottom[data-v-75bf46e7],.kima-notification-queue--top-center[data-v-75bf46e7],.kima-notification-queue--bottom-center[data-v-75bf46e7]{left:50%;transform:translate(-50%)}.kima-notification-queue--top-left[data-v-75bf46e7],.kima-notification-queue--bottom-left[data-v-75bf46e7]{left:var(--kima-space-4)}.kima-notification-queue--top-right[data-v-75bf46e7],.kima-notification-queue--bottom-right[data-v-75bf46e7]{right:var(--kima-space-4)}.kima-notification-queue--slide-right .kima-notification-queue-enter-from[data-v-75bf46e7],.kima-notification-queue--slide-right .kima-notification-queue-leave-to[data-v-75bf46e7]{transform:translate(calc(100% + 24px))}.kima-notification-queue--slide-left .kima-notification-queue-enter-from[data-v-75bf46e7],.kima-notification-queue--slide-left .kima-notification-queue-leave-to[data-v-75bf46e7]{transform:translate(calc(-100% - 24px))}.kima-notification-queue--slide-up .kima-notification-queue-enter-from[data-v-75bf46e7],.kima-notification-queue--slide-up .kima-notification-queue-leave-to[data-v-75bf46e7]{transform:translateY(calc(-100% - 24px))}.kima-notification-queue--slide-down .kima-notification-queue-enter-from[data-v-75bf46e7],.kima-notification-queue--slide-down .kima-notification-queue-leave-to[data-v-75bf46e7]{transform:translateY(calc(100% + 24px))}.kima-notification-queue__stack[data-v-75bf46e7]{gap:var(--kima-space-3);pointer-events:none;display:grid;position:relative}.kima-notification-queue__item[data-v-75bf46e7]{min-width:0}.kima-notification-queue__item.kima-notification-queue-enter-active[data-v-75bf46e7],.kima-notification-queue__item.kima-notification-queue-leave-active[data-v-75bf46e7]{transition:opacity var(--kima-duration-medium) var(--kima-curve-emphasized), transform var(--kima-duration-medium) var(--kima-curve-emphasized)}.kima-notification-queue-move[data-v-75bf46e7]{transition:transform var(--kima-duration-slower) var(--kima-curve-emphasized)}.kima-notification-queue-leave-active[data-v-75bf46e7]{pointer-events:none}.kima-notification-queue__item.kima-notification-queue-enter-from[data-v-75bf46e7],.kima-notification-queue__item.kima-notification-queue-leave-to[data-v-75bf46e7]{opacity:0}@media (prefers-reduced-motion:reduce){.kima-notification-queue__item.kima-notification-queue-enter-active[data-v-75bf46e7],.kima-notification-queue__item.kima-notification-queue-leave-active[data-v-75bf46e7],.kima-notification-queue__item.kima-notification-queue-move[data-v-75bf46e7]{transition-duration:1ms}.kima-notification-queue .kima-notification-queue-enter-from[data-v-75bf46e7],.kima-notification-queue .kima-notification-queue-leave-to[data-v-75bf46e7]{transform:none}}
|
|
262
262
|
/*$vite$:1*/
|
|
263
263
|
.kima-progress-group[data-v-d4453504]{color:var(--kima-color-on-surface);font-family:var(--kima-font-family)}.kima-progress-group ul[data-v-d4453504]{gap:var(--kima-space-4);padding:0;list-style:none;display:grid}.kima-progress-group li[data-v-d4453504]{gap:var(--kima-space-2);display:grid}
|
|
264
264
|
/*$vite$:1*/
|
package/dist/styles/core.css
CHANGED
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
@import "../components/foundation/grid.ce.vue_vue_type_style_index_0_scoped_c1ea1f88_lang.css";
|
|
24
24
|
@import "../components/core/icon-button.ce.vue_vue_type_style_index_0_scoped_a18b4478_lang.css";
|
|
25
25
|
@import "../components/core/menu.ce.vue_vue_type_style_index_0_scoped_597751c9_lang.css";
|
|
26
|
-
@import "../components/core/notification.ce.
|
|
26
|
+
@import "../components/core/notification.ce.vue_vue_type_style_index_0_scoped_1c6f5605_lang.css";
|
|
27
27
|
@import "../components/input/number-field.ce.vue_vue_type_style_index_0_scoped_9eb508b4_lang.css";
|
|
28
28
|
@import "../components/core/pagination.ce.vue_vue_type_style_index_0_scoped_d62e7dea_lang.css";
|
|
29
29
|
@import "../components/interaction/popover.ce.vue_vue_type_style_index_0_scoped_be7411d6_lang.css";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
@import "_tokens.css";
|
|
2
2
|
@import "../components/core/icon.ce.vue_vue_type_style_index_0_scoped_5c94f2ca_lang.css";
|
|
3
|
-
@import "../components/core/notification.ce.
|
|
4
|
-
@import "../components/utility/notification-queue.ce.
|
|
3
|
+
@import "../components/core/notification.ce.vue_vue_type_style_index_0_scoped_1c6f5605_lang.css";
|
|
4
|
+
@import "../components/utility/notification-queue.ce.vue_vue_type_style_index_0_scoped_75bf46e7_lang.css";
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
@import "_tokens.css";
|
|
2
2
|
@import "../components/core/icon.ce.vue_vue_type_style_index_0_scoped_5c94f2ca_lang.css";
|
|
3
|
-
@import "../components/core/notification.ce.
|
|
3
|
+
@import "../components/core/notification.ce.vue_vue_type_style_index_0_scoped_1c6f5605_lang.css";
|
|
@@ -117,8 +117,11 @@ var S = [
|
|
|
117
117
|
I = !0, L = G.value, X();
|
|
118
118
|
}), l(() => {
|
|
119
119
|
I = !1, J();
|
|
120
|
-
}), (r, s) => (d(), te(n, c({
|
|
121
|
-
|
|
120
|
+
}), (r, s) => (d(), te(n, c({
|
|
121
|
+
name: "kima-notification",
|
|
122
|
+
css: !e.stacked
|
|
123
|
+
}, h(ee)), {
|
|
124
|
+
default: y(() => [e.stacked || j.value ? (d(), a("div", c({ key: 0 }, {
|
|
122
125
|
...h(k),
|
|
123
126
|
id: h(A) ? void 0 : h(k).id,
|
|
124
127
|
title: void 0
|
|
@@ -169,7 +172,7 @@ var S = [
|
|
|
169
172
|
}, null, 8, ["icon"])])) : i("", !0)
|
|
170
173
|
], 16, S)) : i("", !0)]),
|
|
171
174
|
_: 3
|
|
172
|
-
}, 16));
|
|
175
|
+
}, 16, ["css"]));
|
|
173
176
|
}
|
|
174
|
-
}), [["__scopeId", "data-v-
|
|
177
|
+
}), [["__scopeId", "data-v-1c6f5605"]]);
|
|
175
178
|
export { E as default };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import e from "../../_virtual/_plugin-vue_export-helper.js";
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import { createNotifications as
|
|
2
|
+
import { freezeLeaveLayout as t, presenceTransition as n, restoreLeaveLayout as r } from "../../utils/motion.js";
|
|
3
|
+
import i from "../core/notification.ce.js";
|
|
4
|
+
import { createNotifications as a } from "../../utils/notifications.js";
|
|
5
5
|
/* empty css */
|
|
6
|
-
import { Fragment as
|
|
7
|
-
var
|
|
6
|
+
import { Fragment as o, TransitionGroup as s, computed as c, createElementBlock as l, createVNode as u, getCurrentInstance as d, mergeProps as f, onBeforeUnmount as p, openBlock as m, ref as h, renderList as g, toRaw as _, unref as v, useAttrs as y, useHost as b, watch as x, withCtx as S } from "vue";
|
|
7
|
+
var C = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
8
8
|
__name: "notification-queue.ce",
|
|
9
9
|
props: {
|
|
10
10
|
items: {
|
|
@@ -33,79 +33,90 @@ var b = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
|
33
33
|
"dismiss",
|
|
34
34
|
"close"
|
|
35
35
|
],
|
|
36
|
-
setup(e, { expose:
|
|
37
|
-
let
|
|
38
|
-
function
|
|
39
|
-
return
|
|
40
|
-
|
|
41
|
-
})),
|
|
36
|
+
setup(e, { expose: C, emit: w }) {
|
|
37
|
+
let T = e, E = w, D = y(), O = d()?.ce ? b() : null, k = h([]), A = a({ capacity: T.capacity }), j = h(!1);
|
|
38
|
+
function M() {
|
|
39
|
+
return T.service ? T.service : (j.value || (j.value = !0, R?.(), R = A.subscribe((e) => {
|
|
40
|
+
k.value = L(e);
|
|
41
|
+
})), A);
|
|
42
42
|
}
|
|
43
|
-
|
|
44
|
-
push: (e) =>
|
|
45
|
-
update: (e, t) =>
|
|
46
|
-
dismiss: (e) =>
|
|
47
|
-
clear: () =>
|
|
43
|
+
C({
|
|
44
|
+
push: (e) => M().push(e),
|
|
45
|
+
update: (e, t) => M().update(e, t),
|
|
46
|
+
dismiss: (e) => M().dismiss(e),
|
|
47
|
+
clear: () => M().clear()
|
|
48
48
|
});
|
|
49
|
-
let
|
|
50
|
-
...
|
|
49
|
+
let N = c(() => O ? {
|
|
50
|
+
...D,
|
|
51
51
|
id: void 0
|
|
52
|
-
} :
|
|
53
|
-
function
|
|
54
|
-
|
|
52
|
+
} : D), P = /* @__PURE__ */ new WeakMap(), F = 0;
|
|
53
|
+
function I(e) {
|
|
54
|
+
let t = e && typeof e == "object" ? e[T.dedupeKey] ?? e.id ?? e.key : e;
|
|
55
|
+
if (t != null) return t;
|
|
56
|
+
if (typeof e != "object" || !e) return `${typeof e}:${String(e)}`;
|
|
57
|
+
let n = _(e);
|
|
58
|
+
return P.has(n) || P.set(n, Symbol(`notice-${++F}`)), P.get(n);
|
|
55
59
|
}
|
|
56
|
-
function
|
|
57
|
-
let t = Math.max(0, Math.floor(Number(
|
|
60
|
+
function L(e) {
|
|
61
|
+
let t = Math.max(0, Math.floor(Number(T.capacity) || 0));
|
|
58
62
|
if (!t) return [];
|
|
59
63
|
let n = /* @__PURE__ */ new Set();
|
|
60
|
-
return e.filter((e
|
|
61
|
-
|
|
62
|
-
|
|
64
|
+
return e.filter((e) => {
|
|
65
|
+
if (e == null || typeof e == "object" && e.open === !1) return !1;
|
|
66
|
+
let t = I(e);
|
|
67
|
+
return !n.has(t) && (n.add(t), !0);
|
|
63
68
|
}).slice(-t);
|
|
64
69
|
}
|
|
65
|
-
let
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
let t = e || (
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
}), t || (
|
|
72
|
-
}, { immediate: !0 }),
|
|
73
|
-
|
|
70
|
+
let R;
|
|
71
|
+
x(() => T.service, (e) => {
|
|
72
|
+
R?.();
|
|
73
|
+
let t = e || (j.value ? A : null);
|
|
74
|
+
R = t?.subscribe?.((e) => {
|
|
75
|
+
k.value = L(e);
|
|
76
|
+
}), t || (k.value = L(T.items));
|
|
77
|
+
}, { immediate: !0 }), x(() => [T.items, T.capacity], () => {
|
|
78
|
+
A.setCapacity(T.capacity), k.value = L(T.service?.snapshot?.() || (j.value ? A.snapshot() : T.items));
|
|
74
79
|
}, {
|
|
75
80
|
immediate: !0,
|
|
76
81
|
deep: !0
|
|
77
|
-
}),
|
|
78
|
-
let
|
|
79
|
-
function
|
|
80
|
-
let n =
|
|
81
|
-
(
|
|
82
|
-
let r =
|
|
83
|
-
|
|
82
|
+
}), p(() => R?.());
|
|
83
|
+
let z = c(() => k.value);
|
|
84
|
+
function B(e, t = "close") {
|
|
85
|
+
let n = I(e);
|
|
86
|
+
(T.service || (j.value ? A : null))?.dismiss?.(e.id);
|
|
87
|
+
let r = k.value.filter((e) => I(e) !== n);
|
|
88
|
+
k.value = r, E("update:items", r), E("dismiss", e, t), E("close", e, t);
|
|
84
89
|
}
|
|
85
|
-
function
|
|
86
|
-
let { id: t, key: n, open: r, ...i } = e
|
|
90
|
+
function V(e) {
|
|
91
|
+
let { id: t, key: n, open: r, ...i } = e && typeof e == "object" ? e : { message: String(e ?? "") };
|
|
87
92
|
return {
|
|
88
93
|
...i,
|
|
89
|
-
position:
|
|
94
|
+
position: T.position,
|
|
90
95
|
open: !0,
|
|
91
96
|
stacked: !0
|
|
92
97
|
};
|
|
93
98
|
}
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
+
function H(e) {
|
|
100
|
+
let n = e.getBoundingClientRect(), r = e.parentElement.getBoundingClientRect();
|
|
101
|
+
t(e), T.position.startsWith("bottom") && (e.style.top = "auto", e.style.bottom = `${r.bottom - n.bottom}px`);
|
|
102
|
+
}
|
|
103
|
+
let U = c(() => T.position.includes("right") ? "right" : T.position.includes("left") ? "left" : T.position.startsWith("bottom") ? "down" : "up");
|
|
104
|
+
return (t, a) => (m(), l("div", f(N.value, { class: ["kima-notification-queue", [`kima-notification-queue--${e.position}`, `kima-notification-queue--slide-${U.value}`]] }), [u(s, f({
|
|
99
105
|
name: "kima-notification-queue",
|
|
100
106
|
tag: "div",
|
|
101
107
|
class: "kima-notification-queue__stack"
|
|
102
|
-
},
|
|
103
|
-
|
|
104
|
-
|
|
108
|
+
}, {
|
|
109
|
+
...v(n),
|
|
110
|
+
onBeforeLeave: H,
|
|
111
|
+
onBeforeEnter: v(r),
|
|
112
|
+
onLeaveCancelled: v(r)
|
|
113
|
+
}), {
|
|
114
|
+
default: S(() => [(m(!0), l(o, null, g(z.value, (e) => (m(), l("div", {
|
|
115
|
+
key: I(e),
|
|
105
116
|
class: "kima-notification-queue__item"
|
|
106
|
-
}, [
|
|
117
|
+
}, [u(i, f({ ref_for: !0 }, V(e), { onClose: (t) => B(e, t) }), null, 16, ["onClose"])]))), 128))]),
|
|
107
118
|
_: 1
|
|
108
119
|
}, 16)], 16));
|
|
109
120
|
}
|
|
110
|
-
}), [["__scopeId", "data-v-
|
|
111
|
-
export {
|
|
121
|
+
}), [["__scopeId", "data-v-75bf46e7"]]);
|
|
122
|
+
export { C as default };
|
package/dist/vue/utils/motion.js
CHANGED
|
@@ -16,39 +16,55 @@ function a(e) {
|
|
|
16
16
|
var o = {
|
|
17
17
|
onBeforeEnter: a,
|
|
18
18
|
onBeforeLeave: i
|
|
19
|
-
};
|
|
20
|
-
function
|
|
19
|
+
}, s = /* @__PURE__ */ new WeakMap();
|
|
20
|
+
function c(e) {
|
|
21
|
+
let t = s.get(e);
|
|
22
|
+
t && (Object.assign(e.style, t), s.delete(e)), a(e);
|
|
23
|
+
}
|
|
24
|
+
function l(e) {
|
|
21
25
|
let t = e.parentElement;
|
|
22
26
|
if (!t) return;
|
|
23
27
|
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect();
|
|
24
|
-
e.ownerDocument.defaultView.getComputedStyle(t).position === "static" && (t.style.position = "relative"),
|
|
28
|
+
e.ownerDocument.defaultView.getComputedStyle(t).position === "static" && (t.style.position = "relative"), s.has(e) || s.set(e, Object.fromEntries([
|
|
29
|
+
"position",
|
|
30
|
+
"top",
|
|
31
|
+
"left",
|
|
32
|
+
"right",
|
|
33
|
+
"bottom",
|
|
34
|
+
"width",
|
|
35
|
+
"height",
|
|
36
|
+
"boxSizing",
|
|
37
|
+
"margin"
|
|
38
|
+
].map((t) => [t, e.style[t]]))), Object.assign(e.style, {
|
|
25
39
|
position: "absolute",
|
|
26
|
-
|
|
27
|
-
|
|
40
|
+
top: `${n.top - r.top - t.clientTop + t.scrollTop}px`,
|
|
41
|
+
left: `${n.left - r.left - t.clientLeft + t.scrollLeft}px`,
|
|
42
|
+
right: "auto",
|
|
43
|
+
bottom: "auto",
|
|
28
44
|
width: `${n.width}px`,
|
|
29
45
|
height: `${n.height}px`,
|
|
30
46
|
boxSizing: "border-box",
|
|
31
47
|
margin: "0"
|
|
32
48
|
}), i(e);
|
|
33
49
|
}
|
|
34
|
-
var
|
|
35
|
-
function
|
|
50
|
+
var u = /* @__PURE__ */ new WeakMap();
|
|
51
|
+
function d(e) {
|
|
36
52
|
let t = e?.getBoundingClientRect().height || 0;
|
|
37
|
-
t > 0 &&
|
|
53
|
+
t > 0 && u.set(e, t);
|
|
38
54
|
}
|
|
39
|
-
function
|
|
55
|
+
function f(n) {
|
|
40
56
|
let r = e.get(n);
|
|
41
57
|
r && (t.set(n, {
|
|
42
58
|
height: n.getBoundingClientRect().height,
|
|
43
59
|
opacity: getComputedStyle(n).opacity
|
|
44
60
|
}), r.observer?.disconnect(), e.delete(n), r.animation?.cancel(), n.style.overflow = r.overflow);
|
|
45
61
|
}
|
|
46
|
-
function
|
|
47
|
-
let s = i.ownerDocument.defaultView,
|
|
48
|
-
o &&
|
|
49
|
-
let
|
|
62
|
+
function p(i, a, o) {
|
|
63
|
+
let s = i.ownerDocument.defaultView, c = i.style.display === "none" || s.getComputedStyle(i).display === "none";
|
|
64
|
+
o && c && (i.style.display = "");
|
|
65
|
+
let l = s.getComputedStyle(i), d = t.get(i);
|
|
50
66
|
t.delete(i);
|
|
51
|
-
let f = i.getBoundingClientRect().height ||
|
|
67
|
+
let f = i.getBoundingClientRect().height || u.get(i) || 0, p = n(i) ? 0 : r(l.getPropertyValue("--kima-duration-slow") || "300ms"), m = l.getPropertyValue("--kima-curve-emphasized").trim() || "ease-out";
|
|
52
68
|
if (!p || !i.animate) {
|
|
53
69
|
a();
|
|
54
70
|
return;
|
|
@@ -76,7 +92,7 @@ function d(i, a, o) {
|
|
|
76
92
|
e.get(i) === h && h.animation === r && (h.observer?.disconnect(), e.delete(i), i.style.overflow = h.overflow, a(), r.cancel());
|
|
77
93
|
}).catch(() => {});
|
|
78
94
|
}
|
|
79
|
-
if (_(d?.height ?? (o ? 0 : f), d?.opacity ?? (o ? 0 :
|
|
95
|
+
if (_(d?.height ?? (o ? 0 : f), d?.opacity ?? (o ? 0 : l.opacity)), o && s.ResizeObserver && i.firstElementChild) {
|
|
80
96
|
let t = i.firstElementChild.getBoundingClientRect().height;
|
|
81
97
|
h.observer = new s.ResizeObserver(() => {
|
|
82
98
|
let n = i.firstElementChild?.getBoundingClientRect().height ?? t;
|
|
@@ -86,10 +102,10 @@ function d(i, a, o) {
|
|
|
86
102
|
}), h.observer.observe(i.firstElementChild);
|
|
87
103
|
}
|
|
88
104
|
}
|
|
89
|
-
var
|
|
90
|
-
onEnter: (e, t) =>
|
|
91
|
-
onLeave: (e, t) =>
|
|
92
|
-
onEnterCancelled:
|
|
93
|
-
onLeaveCancelled:
|
|
105
|
+
var m = {
|
|
106
|
+
onEnter: (e, t) => p(e, t, !0),
|
|
107
|
+
onLeave: (e, t) => p(e, t, !1),
|
|
108
|
+
onEnterCancelled: f,
|
|
109
|
+
onLeaveCancelled: f
|
|
94
110
|
};
|
|
95
|
-
export { a as activateMotionElement,
|
|
111
|
+
export { a as activateMotionElement, m as collapseTransition, l as freezeLeaveLayout, n as prefersReducedMotion, o as presenceTransition, d as rememberCollapseHeight, c as restoreLeaveLayout, i as retireMotionElement };
|
package/package.json
CHANGED
package/dist/components/core/notification.ce.vue_vue_type_style_index_0_scoped_1cfa12e4_lang.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@keyframes kima-ripple-glow-1cfa12e4{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-notification-enter-active[data-v-1cfa12e4]{transition:opacity var(--kima-duration-medium) var(--kima-curve-emphasized), transform var(--kima-duration-medium) var(--kima-curve-emphasized)}.kima-notification-leave-active[data-v-1cfa12e4]{pointer-events:none;transition:opacity var(--kima-duration-fast) var(--kima-curve-standard), transform var(--kima-duration-fast) var(--kima-curve-standard)}.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification-leave-to[data-v-1cfa12e4]{opacity:0}.kima-notification--top-right.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--top-right.kima-notification-leave-to[data-v-1cfa12e4],.kima-notification--bottom-right.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--bottom-right.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(calc(100% + 24px))}.kima-notification--top-left.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--top-left.kima-notification-leave-to[data-v-1cfa12e4],.kima-notification--bottom-left.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--bottom-left.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(calc(-100% - 24px))}.kima-notification--slide-right.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--slide-right.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(calc(100% + 24px))}.kima-notification--slide-left.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--slide-left.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(calc(-100% - 24px))}.kima-notification--slide-up.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--slide-up.kima-notification-leave-to[data-v-1cfa12e4]{transform:translateY(calc(-100% - 24px))}.kima-notification--slide-down.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--slide-down.kima-notification-leave-to[data-v-1cfa12e4]{transform:translateY(calc(100% + 24px))}.kima-notification--top.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--top-center.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--top.kima-notification-leave-to[data-v-1cfa12e4],.kima-notification--top-center.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(-50%)translateY(calc(-100% - 24px))}.kima-notification--bottom.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--bottom-center.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--bottom.kima-notification-leave-to[data-v-1cfa12e4],.kima-notification--bottom-center.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(-50%)translateY(calc(100% + 24px))}.kima-notification[data-v-1cfa12e4]{box-sizing:border-box;z-index:1100;align-items:flex-start;gap:var(--kima-space-3);width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);padding:var(--kima-space-4);border-radius:var(--kima-radius-l);color:var(--kima-color-on-surface);background:var(--kima-color-popup);box-shadow:var(--kima-elevation-4);font-family:var(--kima-font-family);border:0;display:flex;overflow:auto}.kima-notification--stacked[data-v-1cfa12e4]{pointer-events:auto;width:100%;position:relative;inset:auto}.kima-notification__icon[data-v-1cfa12e4]{width:24px;height:calc(var(--kima-font-size-md) * 1.3);opacity:.9;flex:none;justify-content:center;align-items:center;display:inline-flex}.kima-notification--top[data-v-1cfa12e4],.kima-notification--top-center[data-v-1cfa12e4],.kima-notification--top-left[data-v-1cfa12e4],.kima-notification--top-right[data-v-1cfa12e4]{top:var(--kima-space-4)}.kima-notification--bottom[data-v-1cfa12e4],.kima-notification--bottom-center[data-v-1cfa12e4],.kima-notification--bottom-left[data-v-1cfa12e4],.kima-notification--bottom-right[data-v-1cfa12e4]{bottom:var(--kima-space-4)}.kima-notification--top[data-v-1cfa12e4],.kima-notification--bottom[data-v-1cfa12e4],.kima-notification--top-center[data-v-1cfa12e4],.kima-notification--bottom-center[data-v-1cfa12e4]{left:50%;transform:translate(-50%)}.kima-notification--top-left[data-v-1cfa12e4],.kima-notification--bottom-left[data-v-1cfa12e4]{left:var(--kima-space-4)}.kima-notification--top-right[data-v-1cfa12e4],.kima-notification--bottom-right[data-v-1cfa12e4]{right:var(--kima-space-4)}.kima-notification--info[data-v-1cfa12e4]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}.kima-notification--warning[data-v-1cfa12e4]{color:var(--kima-color-on-warning);background:var(--kima-color-warning)}.kima-notification--success[data-v-1cfa12e4]{color:var(--kima-color-on-success);background:var(--kima-color-success)}.kima-notification--danger[data-v-1cfa12e4]{color:var(--kima-color-on-danger);background:var(--kima-color-danger)}.kima-notification__copy[data-v-1cfa12e4]{gap:var(--kima-space-1);overflow-wrap:anywhere;flex-direction:column;flex:auto;min-width:0;display:flex}.kima-notification__title[data-v-1cfa12e4]{font-size:var(--kima-font-size-md);font-weight:var(--kima-font-weight-bold);line-height:1.3}.kima-notification__message[data-v-1cfa12e4]{font-size:var(--kima-font-size-sm);line-height:1.45}.kima-notification__action[data-v-1cfa12e4]{margin-top:var(--kima-space-2);gap:var(--kima-space-2);flex-wrap:wrap;display:flex}.kima-notification__action[data-v-1cfa12e4]:empty{display:none}.kima-notification__close[data-v-1cfa12e4]{width:32px;height:32px;margin:calc((var(--kima-font-size-md) * 1.3 - 32px) / 2) calc(var(--kima-space-1) * -1) 0 0;border-radius:var(--kima-radius-full);color:inherit;background:var(--kima-color-transparent);cursor:pointer;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.kima-notification__close[data-v-1cfa12e4]: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-notification__close[data-v-1cfa12e4]>*{z-index:2;position:relative}.kima-notification__close[data-v-1cfa12e4]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-notification__close[data-v-1cfa12e4]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-notification__close[data-v-1cfa12e4]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-notification__close[data-v-1cfa12e4]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-notification__close[data-v-1cfa12e4]{position:relative;overflow:hidden}.kima-notification__close[data-v-1cfa12e4] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-1cfa12e4 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-notification__close[data-v-1cfa12e4]{transition:background-color var(--kima-duration-effects) var(--kima-curve-standard)}.kima-notification__close[data-v-1cfa12e4]:hover{background:color-mix(in srgb, currentColor 12%, var(--kima-color-transparent))}@media (prefers-reduced-motion:reduce){.kima-notification__close[data-v-1cfa12e4]{transition:none}.kima-notification-enter-active[data-v-1cfa12e4],.kima-notification-leave-active[data-v-1cfa12e4]{transition-duration:1ms}.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification-leave-to[data-v-1cfa12e4]{transform:none}.kima-notification--top[data-v-1cfa12e4],.kima-notification--top-center[data-v-1cfa12e4],.kima-notification--bottom[data-v-1cfa12e4],.kima-notification--bottom-center[data-v-1cfa12e4]{transform:translate(-50%)}}@media (width<=600px){.kima-notification--top[data-v-1cfa12e4],.kima-notification--top-left[data-v-1cfa12e4],.kima-notification--top-center[data-v-1cfa12e4],.kima-notification--top-right[data-v-1cfa12e4]{top:var(--kima-space-3)}.kima-notification--bottom[data-v-1cfa12e4],.kima-notification--bottom-left[data-v-1cfa12e4],.kima-notification--bottom-center[data-v-1cfa12e4],.kima-notification--bottom-right[data-v-1cfa12e4]{bottom:var(--kima-space-3)}.kima-notification--top-left[data-v-1cfa12e4],.kima-notification--bottom-left[data-v-1cfa12e4]{left:var(--kima-space-3)}.kima-notification--top-right[data-v-1cfa12e4],.kima-notification--bottom-right[data-v-1cfa12e4]{right:var(--kima-space-3)}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.kima-notification-queue[data-v-8ff80bbb]{z-index:1100;pointer-events:none;width:min(420px,100vw - 32px);font-family:var(--kima-font-family);position:fixed}.kima-notification-queue--top[data-v-8ff80bbb],.kima-notification-queue--top-center[data-v-8ff80bbb],.kima-notification-queue--top-left[data-v-8ff80bbb],.kima-notification-queue--top-right[data-v-8ff80bbb]{top:var(--kima-space-4)}.kima-notification-queue--bottom[data-v-8ff80bbb],.kima-notification-queue--bottom-center[data-v-8ff80bbb],.kima-notification-queue--bottom-left[data-v-8ff80bbb],.kima-notification-queue--bottom-right[data-v-8ff80bbb]{bottom:var(--kima-space-4)}.kima-notification-queue--top[data-v-8ff80bbb],.kima-notification-queue--bottom[data-v-8ff80bbb],.kima-notification-queue--top-center[data-v-8ff80bbb],.kima-notification-queue--bottom-center[data-v-8ff80bbb]{left:50%;transform:translate(-50%)}.kima-notification-queue--top-left[data-v-8ff80bbb],.kima-notification-queue--bottom-left[data-v-8ff80bbb]{left:var(--kima-space-4)}.kima-notification-queue--top-right[data-v-8ff80bbb],.kima-notification-queue--bottom-right[data-v-8ff80bbb]{right:var(--kima-space-4)}.kima-notification-queue--slide-right .kima-notification-queue-enter-from[data-v-8ff80bbb],.kima-notification-queue--slide-right .kima-notification-queue-leave-to[data-v-8ff80bbb]{transform:translate(calc(100% + 24px))}.kima-notification-queue--slide-left .kima-notification-queue-enter-from[data-v-8ff80bbb],.kima-notification-queue--slide-left .kima-notification-queue-leave-to[data-v-8ff80bbb]{transform:translate(calc(-100% - 24px))}.kima-notification-queue--slide-up .kima-notification-queue-enter-from[data-v-8ff80bbb],.kima-notification-queue--slide-up .kima-notification-queue-leave-to[data-v-8ff80bbb]{transform:translateY(calc(-100% - 24px))}.kima-notification-queue--slide-down .kima-notification-queue-enter-from[data-v-8ff80bbb],.kima-notification-queue--slide-down .kima-notification-queue-leave-to[data-v-8ff80bbb]{transform:translateY(calc(100% + 24px))}.kima-notification-queue__stack[data-v-8ff80bbb]{gap:var(--kima-space-3);pointer-events:none;display:grid}.kima-notification-queue__item[data-v-8ff80bbb]{min-width:0}.kima-notification-queue__item.kima-notification-queue-enter-active[data-v-8ff80bbb],.kima-notification-queue__item.kima-notification-queue-leave-active[data-v-8ff80bbb]{transition:opacity var(--kima-duration-medium) var(--kima-curve-emphasized), transform var(--kima-duration-medium) var(--kima-curve-emphasized)}.kima-notification-queue__item.kima-notification-queue-leave-active[data-v-8ff80bbb]{pointer-events:none;position:absolute;inset-inline:0}.kima-notification-queue__item.kima-notification-queue-enter-from[data-v-8ff80bbb],.kima-notification-queue__item.kima-notification-queue-leave-to[data-v-8ff80bbb]{opacity:0}@media (prefers-reduced-motion:reduce){.kima-notification-queue__item.kima-notification-queue-enter-active[data-v-8ff80bbb],.kima-notification-queue__item.kima-notification-queue-leave-active[data-v-8ff80bbb],.kima-notification-queue__item.kima-notification-queue-move[data-v-8ff80bbb]{transition-duration:1ms}}
|