formique-css - npm Package Compare versions

Comparing version 1.0.6 to 1.0.7

formique.css

@@ -372,1 +372,51 @@ @import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
 
+
+
+
+/* Default message container styling */
+.success-message {
+  background-color: var(--background-light);
+  color: var(--label-color);
+  padding: 20px;
+  border-radius: 8px;
+  font-size: 16px;
+  text-align: center;
+  margin: 20px 0;
+  opacity: 0;
+  animation: fadeIn 1s forwards;
+}
+
+.error-message {
+  background-color: var(--background-light);
+  color: #f2230c; 
+  padding: 20px;
+  border-radius: 8px;
+  font-size: 16px;
+  text-align: center;
+  margin: 20px 0;
+  opacity: 0;
+  animation: fadeIn 1s forwards;
+}
+
+.message-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  z-index: 10;
+  margin-bottom: 20px;
+  border: 1px solid var(--border-color);
+  text-align: center;
+
+}
+
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}

package.json

 {
   "name": "formique-css",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "Formique JS form builder CSS styles",
@@ -5,0 +5,0 @@ "main": "formique.css",

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Improved metrics

Total package byte prevSize

39978

2.22%

Lines of code

360

13.56%

Number of medium supply chain risk alerts

0

-100%

No dependency changes