flicker-alerts 1.0.12 → 1.0.15

package/index.d.ts

@@ -1,12 +1,15 @@
 declare module 'flicker-alerts' {
-    interface AlertOptions {
-      type: 'success' | 'info' | 'warning' | 'danger';
-      title: string;
-      message: string;
-      duration?: number; // Duração do alerta (opcional)
-    }
-  
-    export default class FlickerAlerts {
-      static showAlert(options: AlertOptions): void;
-    }
+  // Interface de opções de alerta, incluindo a propriedade 'position'
+  interface AlertOptions {
+    type: 'success' | 'info' | 'warning' | 'danger';
+    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'
+  }
+
+  export default class FlickerAlerts {
+    // Método para exibir o alerta, agora aceitando 'position' como parte das opções
+    static showAlert(options: AlertOptions): void;
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flicker-alerts",
-  "version": "1.0.12",
+  "version": "1.0.15",
   "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.15"
   }
 }

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 */
 }
@@ -35,6 +35,12 @@
     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;
@@ -107,7 +113,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 {
     position: fixed;
     display: flex;
     flex-direction: column;
@@ -142,6 +148,13 @@
     transform: translate(-50%, -50%);
 }
 
+/* Novo estilo para o top-center */
+.top-center {
+    top: 1rem;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
 /* Barra de progresso */
 .progress-bar {
     position: absolute;