@ulu/frontend-vue 0.6.12 → 0.6.14

package/dist/plugins/index.d.ts

@@ -1,6 +1,6 @@
 export { default as corePlugin } from './core/index.js';
-export { default as toastPlugin } from './toast/index.js';
 export { default as breakpointsPlugin } from './breakpoints/index.js';
 export { default as popoversPlugin, useTooltip, useTooltipFollow } from './popovers/index.js';
 export { default as modalsPlugin, useModals } from './modals/index.js';
+export { default as toastPlugin, useToast } from './toast/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/plugins/toast/index.d.ts

@@ -1,5 +1,7 @@
+import { useToast } from './useToast.js';
 /**
  * Install plugin
  */
 export default function install(app: any, userOptions?: {}): void;
+export { useToast };
 //# sourceMappingURL=index.d.ts.map

package/dist/plugins/toast/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/toast/index.js"],"names":[],"mappings":"AAOA;;GAEG;AACH,kEASC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/toast/index.js"],"names":[],"mappings":"AAQA;;GAEG;AACH,kEASC;;yBAdwB,eAAe"}

package/dist/plugins/toast/useToast.js

@@ -0,0 +1,10 @@
+import { inject as o } from "vue";
+const n = () => {
+  const t = o("uluToast");
+  if (!t)
+    throw new Error("Toast plugin not installed");
+  return t;
+};
+export {
+  n as useToast
+};

package/lib/components/collapsible/UluAccordion.vue

@@ -87,7 +87,7 @@
     /**
      * Class modifiers (ie. 'transparent', 'secondary', etc)
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   });
 
   const emit = defineEmits(['update:modelValue']);

package/lib/components/collapsible/UluAccordionGroup.vue

@@ -53,7 +53,7 @@
     /**
      * Class modifiers (ie. 'transparent', 'secondary', etc)
      */
-    modifiers: [String, Array],
+    modifiers: [String, Array, Object],
     /**
      * Enable or configure animations.
      * - `false` (default) to disable all animations.

package/lib/components/collapsible/UluModal.vue

@@ -189,7 +189,7 @@
     /**
      * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])
      */
-    modifiers: [String, Array],
+    modifiers: [String, Array, Object],
     /**
      * Opt-in convenience behavior. If the modal body's sole content is an iframe, it automatically applies layout fixes.
      */

package/lib/components/collapsible/UluTabGroup.vue

@@ -48,7 +48,7 @@
     /**
      * Class modifiers (ie. 'transparent', 'secondary', etc)
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   });
 
   // Explicitly declare the emit so Vue knows to capture the @change listener 

package/lib/components/elements/UluAlert.vue

@@ -53,7 +53,7 @@
     /**
      * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   });
 
   const { resolvedModifiers } = useModifiers({ 

package/lib/components/elements/UluBadge.vue

@@ -63,7 +63,7 @@
     /**
      * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   });
 
   const isInteractive = computed(() => {

package/lib/components/elements/UluButton.vue

@@ -119,7 +119,7 @@
     /**
      * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])
      */
-    modifiers: [String, Array],
+    modifiers: [String, Array, Object],
     /**
      * Button type (e.g. 'submit', 'reset', 'button').
      */

package/lib/components/elements/UluButtonVerbose.vue

@@ -83,7 +83,7 @@
     /**
      * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   });
 
   const { resolvedModifiers } = useModifiers({ 

package/lib/components/elements/UluCallout.vue

@@ -17,9 +17,9 @@
     fullHeight: Boolean,
     /**
      * Class modifiers (ie. 'transparent', 'secondary', etc)
-     * - Can be String or Array of Strings
+     * - Can be String, Array, or Object
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   });
 
   const { resolvedModifiers } = useModifiers({ props, baseClass: "callout" });

package/lib/components/elements/UluCaptionedFigure.vue

@@ -26,7 +26,7 @@
     /**
      * Modifiers for styling and positioning (e.g., 'bottom', 'center', 'right', 'traditional').
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   });
 
   const { resolvedModifiers } = useModifiers({ 

package/lib/components/elements/UluCard.vue

@@ -188,9 +188,9 @@
     overlay: Boolean,
     /**
      * Class modifiers (ie. 'transparent', 'secondary', etc)
-     * - Can be String or Array of Strings
+     * - Can be String, Array, or Object
      */
-    modifiers: [Array, String]
+    modifiers: [String, Array, Object]
   });
 
   const emit = defineEmits(['proxy-click']);

package/lib/components/elements/UluCounterList.vue

@@ -56,7 +56,7 @@
     /**
      * Modifiers (to add any modifier classes based on base class [ie. 'alphabetical'])
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   });
 
   const { resolvedModifiers } = useModifiers({

package/lib/components/elements/UluDataTable.vue

@@ -92,7 +92,7 @@
     /**
      * Additional style modifiers
      */
-    modifiers: [String, Array],
+    modifiers: [String, Array, Object],
 
     /**
      * Allows user to pass classes object to add custom classes to parts of the component

package/lib/components/elements/UluDefinitionList.vue

@@ -57,7 +57,7 @@
     /**
      * Class modifiers (ie. 'transparent', 'secondary', etc)
      */
-    modifiers: [String, Array],
+    modifiers: [String, Array, Object],
     /**
      * Displays only the definition descriptions on the same line.
      */

package/lib/components/elements/UluRule.vue

@@ -31,7 +31,7 @@
     /**
      * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   });
 
   const internalModifiers = computed(() => ({

package/lib/components/elements/UluScrollSlider.vue

@@ -97,7 +97,7 @@
     /**
      * Base class modifiers.
      */
-    modifiers: [String, Array],
+    modifiers: [String, Array, Object],
   });
 
   const { resolvedModifiers } = useModifiers({ props, baseClass: 'scroll-slider' });

package/lib/components/elements/UluSlider.vue

@@ -180,7 +180,7 @@
     /**
      * Base class modifiers.
      */
-    modifiers: [String, Array],
+    modifiers: [String, Array, Object],
   });
 
   const emit = defineEmits(['change']);

package/lib/components/elements/UluTag.vue

@@ -46,7 +46,7 @@
     /**
      * Modifiers for tag class
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   });
 
   const { resolvedModifiers } = useModifiers({ props, baseClass: "tag" });

package/lib/components/forms/UluFormItem.vue

@@ -110,7 +110,7 @@
     /**
      * Additional BEM modifiers for the form item.
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   });
 
   const slots = useSlots();

package/lib/components/layout/UluTitleRail.vue

@@ -71,7 +71,7 @@
     /**
      * Modifiers (to add any modifier classes based on base class)
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   });
 
   const { resolvedModifiers } = useModifiers({ 

package/lib/components/navigation/UluMenuStack.vue

@@ -57,7 +57,7 @@
     /**
      * Class modifiers (ie. 'transparent', 'secondary', etc)
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   });
 
   const internalModifiers = computed(() => ({

package/lib/components/navigation/UluNavStrip.vue

@@ -47,7 +47,7 @@
     /**
      * Modifiers (to add any modifier classes based on base class)
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   });
 
   const { resolvedModifiers } = useModifiers({

package/lib/components/systems/facets/UluFacetsFilterAccordions.vue

@@ -80,7 +80,7 @@
     /**
      * Class modifiers for accordion (ie. 'transparent', 'secondary', etc)
      */
-    accordionModifiers: [String, Array]
+    accordionModifiers: [String, Array, Object]
   });
 
   const emit = defineEmits(['facet-change']);

package/lib/components/visualizations/UluProgressBar.vue

@@ -158,7 +158,7 @@
     /**
      * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   });
 
   const getCssPercentage = (amount, total) => {

package/lib/components/visualizations/UluProgressCircle.vue

@@ -117,7 +117,7 @@
     /**
      * Modifiers (to add any modifier classes based on base class)
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   });
 
   const pie = ref(null);

package/lib/plugins/index.js

@@ -8,5 +8,5 @@
 export { default as corePlugin } from './core/index.js';
 export { default as popoversPlugin, useTooltip, useTooltipFollow } from './popovers/index.js';
 export { default as modalsPlugin, useModals } from './modals/index.js';
-export { default as toastPlugin } from './toast/index.js';
+export { default as toastPlugin, useToast } from "./toast/index.js";
 export { default as breakpointsPlugin } from './breakpoints/index.js';

package/lib/plugins/toast/index.js

@@ -4,6 +4,7 @@
 import { store, api } from "./store.js";
 import UluToast from "./UluToast.vue";
 import UluToastDisplay from "./UluToastDisplay.vue";
+import { useToast } from "./useToast.js";
 
 /**
  * Install plugin
@@ -16,5 +17,7 @@ export default function install(app, userOptions = {}) {
   app.component("UluToastDisplay", UluToastDisplay);
 
   app.config.globalProperties.$uluToast = api;
-  app.provide('uluToast', api);
-}
+  app.provide("uluToast", api);
+}
+
+export { useToast };

package/package.json

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