@scalar/use-toasts
Version:
display toasts in Vue
10 lines (8 loc) • 1.39 kB
JavaScript
(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode(".scalar-toaster [data-sonner-toast][data-styled=true]{background:var(--scalar-background-1);color:var(--scalar-color-1);padding:18px;border:none;border-radius:var(--scalar-radius-lg);font-size:var(--scalar-font-size-3);font-weight:var(--scalar-font-medium);box-shadow:var(--scalar-shadow-2)}.scalar-toaster [data-sonner-toast] [data-icon]{align-self:flex-start;position:relative;top:2px}.scalar-toaster [data-sonner-toast][data-styled=true][data-expanded=true]{height:auto}.scalar-toaster [data-sonner-toast][data-type=error]{background:var(--scalar-background-1)}.scalar-toaster [data-sonner-toast][data-type=error] [data-icon]{color:color-mix(in srgb,var(--scalar-color-red) 75%,var(--scalar-color-1))}.scalar-toaster [data-sonner-toast][data-type=warning]{background:var(--scalar-background-1)}.scalar-toaster [data-sonner-toast][data-type=warning] [data-icon]{color:color-mix(in srgb,var(--scalar-color-orange) 90%,var(--scalar-color-1))}")),document.head.appendChild(a)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
import { default as t } from "./components/ScalarToasts.vue.js";
import { initializeToasts as e, useToasts as i } from "./hooks/useToasts.js";
export {
t as ScalarToasts,
e as initializeToasts,
i as useToasts
};