flicker-alerts 1.0.13 → 1.0.16

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';  // Nova propriedade 'position'
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'center' | 'top-center' | 'bottom-center';  // Nova propriedade 'position' com 'bottom-center'
   }
 
   export default class FlickerAlerts {

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.13",
+  "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.10"
+    "flicker-alerts": "^1.0.16"
   }
 }

package/style.css

@@ -23,10 +23,10 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 2.5rem;  /* Ajusta o tamanho do ícone */
-    height: 2.5rem;
+    width: 2rem;  /* Diminui o tamanho do círculo */
+    height: 2rem; /* Diminui o tamanho do círculo */
     border-radius: 50%;
-    font-size: 1.3rem; /* Tamanho do ícone */
+    font-size: 1rem; /* Diminui o tamanho do ícone */
     line-height: 0;
     margin-right: 1rem;  /* Espaço entre o ícone e o conteúdo */
 }
@@ -107,7 +107,7 @@
 }
 
 /* Classes para o container de alertas */
-.top-right, .top-left, .bottom-right, .bottom-left, .center {
+.top-right, .top-left, .bottom-right, .bottom-left, .center, .top-center, .bottom-center {
     position: fixed;
     display: flex;
     flex-direction: column;
@@ -142,6 +142,19 @@
     transform: translate(-50%, -50%);
 }
 
+.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;