@scalar/use-toasts - npm Package Compare versions

Comparing version 0.5.10 to 0.5.11

CHANGELOG.md

 # @scalar/use-toasts
 
+## 0.5.11
+
+### Patch Changes
+
+- d1caa4ee: fix: self contain app and toast containers + size changing fix
+
 ## 0.5.10
@@ -4,0 +10,0 @@

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-c76046db] {\n  pointer-events: initial;\n\n  box-sizing: border-box;\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: 100%;\n}\n.toast-title[data-v-c76046db] {\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-c76046db] {\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-c76046db] {\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-c76046db] >  * {\n  width: 14px;\n  height: 14px;\n}\n.toast-timeout[data-v-c76046db] {\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-c76046db],\n.toast-error .toast-title[data-v-c76046db] {\n  color: var(--theme-error-color, var(--default-theme-color-red));\n}\n\n.toast[data-v-5e2e8f38] {\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\n  width: 380px;\n  max-width: 100%;\n  min-width: 0;\n}\n\n.toast-container[data-v-c867c9e0] {\n  width: 100dvw;\n  height: 100svh;\n  position: fixed;\n  bottom: 0;\n  z-index: 1000000;\n\n  box-sizing: border-box;\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@media screen and (max-width: 600px) {\n  /* Less padding for toasts on mobile */\n.toast-container[data-v-c867c9e0] {\n    padding: 24px;\n}\n}\n.toasts-move[data-v-c867c9e0],\n.toasts-enter-active[data-v-c867c9e0],\n.toasts-leave-active[data-v-c867c9e0] {\n  transition: all 0.5s ease;\n}\n.toasts-enter-from[data-v-c867c9e0],\n.toasts-leave-to[data-v-c867c9e0] {\n  opacity: 0;\n  transform: translateX(30px);\n}\n.toast-leave-active[data-v-c867c9e0] {\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-c76046db] {\n  pointer-events: initial;\n\n  box-sizing: border-box;\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: 100%;\n}\n.toast-title[data-v-c76046db] {\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-c76046db] {\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-c76046db] {\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-c76046db] >  * {\n  width: 14px;\n  height: 14px;\n}\n.toast-timeout[data-v-c76046db] {\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-c76046db],\n.toast-error .toast-title[data-v-c76046db] {\n  color: var(--theme-error-color, var(--default-theme-color-red));\n}\n\n.toast[data-v-5e2e8f38] {\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\n  width: 380px;\n  max-width: 100%;\n  min-width: 0;\n}\n\n.toast-container[data-v-e7c9664e] {\n  width: 100dvw;\n  height: 100svh;\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  z-index: 1000000;\n\n  box-sizing: border-box;\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@media screen and (max-width: 600px) {\n  /* Less padding for toasts on mobile */\n.toast-container[data-v-e7c9664e] {\n    padding: 24px;\n}\n}\n.toasts-move[data-v-e7c9664e],\n.toasts-enter-active[data-v-e7c9664e],\n.toasts-leave-active[data-v-e7c9664e] {\n  transition: all 0.5s ease;\n}\n.toasts-enter-from[data-v-e7c9664e],\n.toasts-leave-to[data-v-e7c9664e] {\n  opacity: 0;\n  transform: translateX(30px);\n}\n.toast-leave-active[data-v-e7c9664e] {\n  position: absolute;\n}"));
       document.head.appendChild(elementStyle);
@@ -234,4 +234,4 @@ }
 });
-const FlowToastContainer_vue_vue_type_style_index_0_scoped_c867c9e0_lang = "";
-const FlowToastContainer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c867c9e0"]]);
+const FlowToastContainer_vue_vue_type_style_index_0_scoped_e7c9664e_lang = "";
+const FlowToastContainer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e7c9664e"]]);
 export {
@@ -238,0 +238,0 @@ FlowToastContainer,

package.json

@@ -15,3 +15,3 @@ {
   ],
-  "version": "0.5.10",
+  "version": "0.5.11",
   "engines": {
@@ -36,3 +36,3 @@ "node": ">=20"
     "tsc-alias": "^1.8.8",
-    "vite": "^4.4.11",
+    "vite": "^4.4.12",
     "vite-plugin-css-injected-by-js": "^3.3.0",
@@ -39,0 +39,0 @@ "vitest": "^0.34.4",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

23968

increased by0.49%

No dependency changes