Socket
Socket
Sign inDemoInstall

@scalar/use-toasts

Package Overview
Dependencies
Maintainers
7
Versions
32
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@scalar/use-toasts - npm Package Compare versions

Comparing version 0.5.2 to 0.5.3

6

CHANGELOG.md
# @scalar/use-toasts
## 0.5.3
### Patch Changes
- cd5f2685: codemirror colors + font fixes throughout app
## 0.5.2

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

6

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-7b28d803] {\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-7b28d803] {\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-7b28d803] {\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-7b28d803] {\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-7b28d803] > * {\n width: 14px;\n height: 14px;\n}\n.toast-timeout[data-v-7b28d803] {\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-7b28d803],\n.toast-error .toast-title[data-v-7b28d803] {\n color: var(--theme-error-color, var(--default-theme-error-color));\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-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}"));
document.head.appendChild(elementStyle);

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

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

@@ -168,0 +168,0 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({

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

@@ -6,0 +6,0 @@ "bugs": "https://github.com/scalar/scalar/issues/new",

SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc