flicker-alerts 1.0.15 → 1.0.17

package/index.d.ts

@@ -5,7 +5,7 @@ declare module 'flicker-alerts' {
     title: string;
     message: string;
     duration?: number; // Duração do alerta (opcional)
-    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'center' | 'top-center' | 'bottom-center';  // Nova propriedade 'position' com 'bottom-center'
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'center' | 'top-center' | 'bottom-center';  
   }
 
   export default class FlickerAlerts {

package/index.js

@@ -8,10 +8,15 @@ 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
+      } else {
+        // Limpar as classes anteriores de posição
+        container.className = ''; 
       }
 
+      // Aplica a nova classe de posição
+      container.classList.add(position);
+
       // 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.17",
   "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.17"
   }
 }

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,18 @@
     transform: translate(-50%, -50%);
 }
 
-/* Novo estilo para o top-center */
 .top-center {
     top: 1rem;
     left: 50%;
     transform: translateX(-50%);
 }
 
+.bottom-center {
+    bottom: 1rem;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
 /* Barra de progresso */
 .progress-bar {
     position: absolute;