flicker-alerts 1.0.15 → 1.0.16

package/index.js

@@ -8,10 +8,12 @@ const FlickerAlerts = {
         // Cria o container se ele não existir
         container = document.createElement('div');
         container.id = 'alerts-container';
-        container.className = position;  // Aplica a classe para posicionar com base na posição fornecida
         document.body.appendChild(container); // Adiciona o container ao body
       }
 
+      // Garantir que o container tenha a classe 'position' adequada
+      container.className = position;  // Aplica a classe para posicionar com base na posição fornecida
+
       // Criação do alerta
       const alertBox = document.createElement('div');
       alertBox.className = `alert-custom alert-${type}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flicker-alerts",
-  "version": "1.0.15",
+  "version": "1.0.16",
   "description": "Biblioteca para alertas animados",
   "main": "index.js",
   "types": "index.d.ts",
@@ -16,6 +16,6 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "flicker-alerts": "^1.0.15"
+    "flicker-alerts": "^1.0.16"
   }
 }

package/style.css

@@ -35,12 +35,6 @@
     font-size: inherit; /* Ajusta o ícone ao tamanho da div */
 }
 
-.bottom-center {
-    bottom: 1rem;
-    left: 50%;
-    transform: translateX(-50%);
-}
-
 /* Estilo do conteúdo do alerta (título e mensagem) */
 .alert-custom .content {
     display: flex;
@@ -113,7 +107,7 @@
 }
 
 /* Classes para o container de alertas */
-.top-right, .top-left, .bottom-right, .bottom-left, .center, .top-center {
+.top-right, .top-left, .bottom-right, .bottom-left, .center, .top-center, .bottom-center {
     position: fixed;
     display: flex;
     flex-direction: column;
@@ -148,13 +142,19 @@
     transform: translate(-50%, -50%);
 }
 
-/* Novo estilo para o top-center */
 .top-center {
     top: 1rem;
     left: 50%;
     transform: translateX(-50%);
 }
 
+/* Novo estilo para o bottom-center */
+.bottom-center {
+    bottom: 1rem;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
 /* Barra de progresso */
 .progress-bar {
     position: absolute;