@ulu/frontend-vue 0.6.14 → 0.6.16

package/dist/plugins/toast/UluToastDisplay.vue.js

@@ -1,23 +1,22 @@
-import { computed as i, createBlock as a, openBlock as e, Teleport as p, unref as s, createVNode as m, TransitionGroup as u, normalizeClass as _, withCtx as d, createElementBlock as f, Fragment as k, renderList as T, resolveDynamicComponent as g } from "vue";
+import { computed as i, createBlock as r, openBlock as e, Teleport as p, unref as s, createVNode as u, TransitionGroup as m, normalizeClass as _, withCtx as d, createElementBlock as f, Fragment as k, renderList as T, resolveDynamicComponent as g } from "vue";
 import { store as v } from "./store.js";
-/* empty css                     */
-const h = {
+const C = {
   __name: "UluToastDisplay",
   setup(x) {
     const { toasts: c, pluginOptions: o } = v, l = i(() => {
       const { position: n } = o;
-      return n.map((r) => `toast-container--${r}`);
+      return n.map((a) => `toast-container--${a}`);
     });
-    return (n, r) => (e(), a(p, {
+    return (n, a) => (e(), r(p, {
       to: s(o).teleportTo
     }, [
-      m(u, {
+      u(m, {
         class: _(["toast-container", l.value]),
         name: "toast-animation",
         tag: "div"
       }, {
         default: d(() => [
-          (e(!0), f(k, null, T(s(c), (t) => (e(), a(g(t.component), {
+          (e(!0), f(k, null, T(s(c), (t) => (e(), r(g(t.component), {
             key: t.uid,
             toast: t
           }, null, 8, ["toast"]))), 128))
@@ -28,5 +27,5 @@ const h = {
   }
 };
 export {
-  h as default
+  C as default
 };

package/lib/components/collapsible/UluModal.vue

@@ -55,7 +55,7 @@
       </div>
       <div 
         v-if="$slots.footer" 
-        class="site-modal__footer" 
+        class="modal__footer" 
         :class="classes.footer" 
       >
         <slot name="footer" :close="close"/>

package/lib/plugins/toast/UluToastDisplay.vue

@@ -26,21 +26,4 @@
     const { position } = pluginOptions;
     return position.map(p => `toast-container--${ p }`);
   });
-</script>
-
-<style lang="css">
-  .toast-animation-move, 
-  .toast-animation-enter-active,
-  .toast-animation-leave-active {
-    transition: all 0.3s ease;
-  }
-  .toast-animation-enter-from,
-  .toast-animation-leave-to {
-    opacity: 0;
-    transform: translateX(30px);
-  }
-  .toast-animation-leave-active {
-    position: absolute;
-    width: 100%;
-  }
-</style>
+</script>

package/lib/plugins/toast/_toast.scss

@@ -180,18 +180,18 @@ $config: (
     }
   }
 
-  // Vue animation
-  #{ $prefix }--animation-move, 
-  #{ $prefix }--animation-enter-active,
-  #{ $prefix }--animation-leave-active {
+  // Vue transition group animation on container
+  .toast-animation-move, 
+  .toast-animation-enter-active,
+  .toast-animation-leave-active {
     transition: all 0.3s ease;
   }
-  #{ $prefix }--animation-enter-from,
-  #{ $prefix }--animation-leave-to {
+  .toast-animation-enter-from,
+  .toast-animation-leave-to {
     opacity: 0;
     transform: translateX(30px);
   }
-  #{ $prefix }--animation-leave-active {
+  .toast-animation-leave-active {
     position: absolute;
     width: 100%;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ulu/frontend-vue",
-  "version": "0.6.14",
+  "version": "0.6.16",
   "description": "A modular, tree-shakeable Vue 3 component library for the Ulu Frontend theming system, plus general utilities for Vue development",
   "type": "module",
   "files": [