@scalar/use-toasts - npm Package Compare versions

Comparing version 0.6.4 to 0.6.5

CHANGELOG.md

 # @scalar/use-toasts
 
+## 0.6.5
+
+### Patch Changes
+
+- 2e7b074: feat: clean up toast styles and colors
+
 ## 0.6.4
@@ -4,0 +10,0 @@

dist/index.js

@@ -6,3 +6,3 @@ (function() {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("/**\n* We need to be explicit to avoid !important. :)\n*\n* Original: https://github.com/xiaoluoboding/vue-sonner/blob/311ecc8d9a51b619f968e20f4b44992ad8412850/packages/styles.css#L91-L103\n*/\n.toaster[data-sonner-toast][data-styled='true'] {\n  background: var(--scalar-background-1);\n  color: var(--scalar-color-1);\n  padding: 18px;\n  border-color: var(--scalar-background-3);\n  border-radius: var(--scalar-radius-lg);\n  font-size: var(--scalar-font-size-3);\n}\n.toaster[data-sonner-toast][data-type='error'] {\n  background: var(--scalar-color-red);\n  border-color: transparent;\n  color: white;\n}\n.toaster[data-sonner-toast][data-type='warning'] {\n  background: var(--scalar-color-orange);\n  border-color: transparent;\n  color: rgba(0, 0, 0, 0.8);\n}"));
+      elementStyle.appendChild(document.createTextNode("/**\n* We need to be explicit to avoid !important. :)\n*\n* Original: https://github.com/xiaoluoboding/vue-sonner/blob/311ecc8d9a51b619f968e20f4b44992ad8412850/packages/styles.css#L91-L103\n*/\n.toaster[data-sonner-toast][data-styled='true'] {\n  background: var(--scalar-background-1);\n  color: var(--scalar-color-1);\n  padding: 18px;\n  border: none;\n  border-radius: var(--scalar-radius-lg);\n  font-size: var(--scalar-font-size-3);\n  font-weight: var(--scalar-font-medium);\n  box-shadow: var(--scalar-shadow-2);\n}\n.toaster[data-sonner-toast] [data-icon] {\n  align-self: start;\n}\n.toaster[data-sonner-toast][data-styled='true'][data-expanded='true'] {\n  height: auto;\n}\n.toaster[data-sonner-toast][data-type='error'] {\n  background: var(--scalar-background-1);\n}\n.toaster[data-sonner-toast][data-type='error'] [data-icon] {\n  color: color-mix(in srgb, var(--scalar-color-red) 75%, var(--scalar-color-1));\n}\n.toaster[data-sonner-toast][data-type='warning'] {\n  background: var(--scalar-background-1);\n}\n.toaster[data-sonner-toast][data-type='warning'] [data-icon] {\n  color: color-mix(\n    in srgb,\n    var(--scalar-color-orange) 90%,\n    var(--scalar-color-1)\n  );\n}"));
       document.head.appendChild(elementStyle);
@@ -9,0 +9,0 @@ }

package.json

@@ -20,3 +20,3 @@ {
   ],
-  "version": "0.6.4",
+  "version": "0.6.5",
   "engines": {
@@ -23,0 +23,0 @@ "node": ">=18"

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

Improved metrics

Total package byte prevSize

45712

increased by1.13%

Lines of code

684

increased by0.29%

Worsened metrics

Number of low supply chain risk alerts

2

increased by100%

No dependency changes