Socket
Socket
Sign inDemoInstall

@scalar/use-toasts

Package Overview
Dependencies
20
Maintainers
7
Versions
28
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.5.3 to 0.5.4

6

CHANGELOG.md
# @scalar/use-toasts
## 0.5.4
### Patch Changes
- 1cbcabd7: lots of amazing fixes from when we missed last patch
## 0.5.3

@@ -4,0 +10,0 @@

14

dist/index.js

@@ -6,3 +6,3 @@ (function() {

var elementStyle = document.createElement("style");
elementStyle.appendChild(document.createTextNode(".progress-ring[data-v-6d218ca0] {\n transform: rotate(-90deg);\n transform-origin: 50% 50%;\n animation: linear turn-6d218ca0 reverse forwards;\n}\n@keyframes turn-6d218ca0 {\nfrom {\n stroke-dashoffset: var(--2d61a1b2);\n}\nto {\n stroke-dashoffset: 0;\n}\n}\n\n.toast-layout[data-v-c552a74d] {\n pointer-events: initial;\n\n padding: 18px;\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-size: var(--theme-font-size-3, var(--default-theme-font-size-3));\n display: grid;\n grid-template-columns: auto 1fr auto;\n grid-template-areas:\n 'icon title timeout'\n '. description description';\n align-items: center;\n position: relative;\n\n width: 380px;\n}\n.toast-title[data-v-c552a74d] {\n grid-area: title;\n font-weight: var(--theme-font-medium, var(--default-theme-font-medium));\n display: flex;\n align-items: center;\n}\n.toast-description[data-v-c552a74d] {\n grid-area: description;\n margin-top: 5px;\n line-height: 1.45;\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.toast-icon[data-v-c552a74d] {\n grid-area: icon;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.toast-icon[data-v-c552a74d] > * {\n width: 14px;\n height: 14px;\n}\n.toast-timeout[data-v-c552a74d] {\n grid-area: timeout;\n margin-left: 10px;\n width: 16px;\n height: 16px;\n display: flex;\n color: var(--theme-color-ghost, var(--default-theme-color-ghost));\n}\n.toast-error .toast-icon[data-v-c552a74d],\n.toast-error .toast-title[data-v-c552a74d] {\n color: var(--theme-error-color, var(--default-theme-color-red));\n}\n\n.toast[data-v-6d9ab1ce] {\n pointer-events: initial;\n filter: brightness(\n var(--theme-lifted-brightness, var(--default-theme-lifted-brightness))\n );\n\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n box-shadow: var(--theme-shadow-2, var(--default-theme-shadow-2));\n\n width: 380px;\n}\n\n.toast-container[data-v-3e22820b] {\n width: 100vw;\n height: 100vh;\n position: fixed;\n z-index: 10000;\n\n pointer-events: none;\n\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n justify-content: flex-end;\n gap: 12px;\n\n padding: 48px;\n}\n.toasts-move[data-v-3e22820b],\n.toasts-enter-active[data-v-3e22820b],\n.toasts-leave-active[data-v-3e22820b] {\n transition: all 0.5s ease;\n}\n.toasts-enter-from[data-v-3e22820b],\n.toasts-leave-to[data-v-3e22820b] {\n opacity: 0;\n transform: translateX(30px);\n}\n.toast-leave-active[data-v-3e22820b] {\n position: absolute;\n}"));
elementStyle.appendChild(document.createTextNode(".progress-ring[data-v-6d218ca0] {\n transform: rotate(-90deg);\n transform-origin: 50% 50%;\n animation: linear turn-6d218ca0 reverse forwards;\n}\n@keyframes turn-6d218ca0 {\nfrom {\n stroke-dashoffset: var(--2d61a1b2);\n}\nto {\n stroke-dashoffset: 0;\n}\n}\n\n.toast-layout[data-v-629fda8f] {\n pointer-events: initial;\n\n padding: 18px;\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-size: var(--theme-font-size-3, var(--default-theme-font-size-3));\n color: var(--theme-color-1, var(--default-theme-color-1));\n display: grid;\n grid-template-columns: auto 1fr auto;\n grid-template-areas:\n 'icon title timeout'\n '. description description';\n align-items: center;\n position: relative;\n\n width: 380px;\n}\n.toast-title[data-v-629fda8f] {\n grid-area: title;\n font-weight: var(--theme-font-semibold, var(--default-theme-font-semibold));\n display: flex;\n align-items: center;\n}\n.toast-description[data-v-629fda8f] {\n grid-area: description;\n margin-top: 5px;\n line-height: 1.45;\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.toast-icon[data-v-629fda8f] {\n grid-area: icon;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.toast-icon[data-v-629fda8f] > * {\n width: 14px;\n height: 14px;\n}\n.toast-timeout[data-v-629fda8f] {\n grid-area: timeout;\n margin-left: 10px;\n width: 16px;\n height: 16px;\n display: flex;\n color: var(--theme-color-ghost, var(--default-theme-color-ghost));\n}\n.toast-error .toast-icon[data-v-629fda8f],\n.toast-error .toast-title[data-v-629fda8f] {\n color: var(--theme-error-color, var(--default-theme-color-red));\n}\n\n.toast[data-v-6bb5e575] {\n pointer-events: initial;\n filter: brightness(\n var(--theme-lifted-brightness, var(--default-theme-lifted-brightness))\n );\n\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n box-shadow: var(--theme-shadow-2, var(--default-theme-shadow-2));\n font-family: var(--theme-font, var(--default-theme-font));\n width: 380px;\n}\n\n.toast-container[data-v-b333466d] {\n width: 100vw;\n height: 100vh;\n position: fixed;\n z-index: 10000;\n pointer-events: none;\n\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n justify-content: flex-end;\n gap: 12px;\n\n padding: 48px;\n}\n.toasts-move[data-v-b333466d],\n.toasts-enter-active[data-v-b333466d],\n.toasts-leave-active[data-v-b333466d] {\n transition: all 0.5s ease;\n}\n.toasts-enter-from[data-v-b333466d],\n.toasts-leave-to[data-v-b333466d] {\n opacity: 0;\n transform: translateX(30px);\n}\n.toast-leave-active[data-v-b333466d] {\n position: absolute;\n}"));
document.head.appendChild(elementStyle);

@@ -164,4 +164,4 @@ }

});
const FlowToastLayout_vue_vue_type_style_index_0_scoped_c552a74d_lang = "";
const FlowToastLayout = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-c552a74d"]]);
const FlowToastLayout_vue_vue_type_style_index_0_scoped_629fda8f_lang = "";
const FlowToastLayout = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-629fda8f"]]);
const _hoisted_1$1 = { class: "toast" };

@@ -223,4 +223,4 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({

});
const FlowToast_vue_vue_type_style_index_0_scoped_6d9ab1ce_lang = "";
const FlowToast = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-6d9ab1ce"]]);
const FlowToast_vue_vue_type_style_index_0_scoped_6bb5e575_lang = "";
const FlowToast = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-6bb5e575"]]);
const _hoisted_1 = { class: "toast-container" };

@@ -248,4 +248,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({

});
const FlowToastContainer_vue_vue_type_style_index_0_scoped_3e22820b_lang = "";
const FlowToastContainer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3e22820b"]]);
const FlowToastContainer_vue_vue_type_style_index_0_scoped_b333466d_lang = "";
const FlowToastContainer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b333466d"]]);
export {

@@ -252,0 +252,0 @@ FlowToastContainer,

{
"name": "@scalar/use-toasts",
"description": "display toasts in Vue",
"version": "0.5.3",
"version": "0.5.4",
"author": "Scalar (https://github.com/scalar)",

@@ -53,4 +53,4 @@ "bugs": "https://github.com/scalar/scalar/issues/new",

"types:build": "vue-tsc -p tsconfig.build.json",
"types:check": "vue-tsc --noEmit --skipLibCheck"
"types:check": "vue-tsc --noEmit --skipLibCheck --composite false"
}
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc