flicker-alerts 1.0.25 → 1.0.27

package/index.js

@@ -1,4 +1,5 @@
-import './style.css'; // Certifique-se de usar o caminho certo aqui
+
+import './style.css';
 
 
 const FlickerAlerts = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flicker-alerts",
-  "version": "1.0.25",
+  "version": "1.0.27",
   "description": "Biblioteca para alertas animados",
   "main": "index.js",
   "types": "index.d.ts",
@@ -13,9 +13,9 @@
     "javascript",
     "notificações"
   ],
-  "author": "",
+  "author": "https://www.linkedin.com/in/bruno-carneiro-9a51aa190/",
   "license": "MIT",
   "dependencies": {
-    "flicker-alerts": "^1.0.25"
+    "flicker-alerts": "^1.0.27"
   }
-}
+}

package/readme.md

@@ -1,6 +1,5 @@
 
 # FlickerAlerts
-[Bruno Carneiro - LinkedIn](https://www.linkedin.com/in/bruno-carneiro-9a51aa190/)
 
 **FlickerAlerts** é uma biblioteca simples para criar alertas animados de sucesso, erro, aviso e informações. Eles podem ser exibidos automaticamente ou ser fechados manualmente pelo usuário.
 
@@ -100,19 +99,47 @@ Com o **FlickerAlerts** instalado, você pode usá-lo no seu componente React as
 ```javascript
 import FlickerAlerts from 'flicker-alerts';
 
-function App() {
-  const showSuccessAlert = () => {
-    FlickerAlerts.showAlert({
+const showSucessAlert = () => {
+     FlickerAlerts.showAlert({
       type: 'success',
       title: 'Sucesso',
-      message: 'Operação concluída com sucesso!'
-      position: 'top-righ'
+      message: 'Operação concluída com sucesso!',
+      position: 'top-right'
       // Em 'position', você pode escolher entre: 'top-right', 'top-left', 'bottom-right', 'bottom-left', 'center', 'top-center' ou 'bottom-center';
     });
   };
-}
 
 
+const showInfoAlert = () => {
+    FlickerAlerts.showAlert({
+      type: 'info',
+      title: 'Informação',
+      message: 'Aqui está uma informação importante.',
+      position: 'top-right'
+      // Em 'position', você pode escolher entre: 'top-right', 'top-left', 'bottom-right', 'bottom-left', 'center', 'top-center' ou 'bottom-center';
+    });
+  };
+
+  const showWarningAlert = () => {
+    FlickerAlerts.showAlert({
+      type: 'warning',
+      title: 'Alerta',
+      message: 'Por favor, preste atenção nisso!',
+      position: 'top-right'
+      // Em 'position', você pode escolher entre: 'top-right', 'top-left', 'bottom-right', 'bottom-left', 'center', 'top-center' ou 'bottom-center';
+    });
+  };
+
+  const showErrorAlert = () => {
+    FlickerAlerts.showAlert({
+      type: 'danger',
+      title: 'Erro',
+      message: 'Ocorreu um erro inesperado!',
+      position: 'top-right'
+      // Em 'position', você pode escolher entre: 'top-right', 'top-left', 'bottom-right', 'bottom-left', 'center', 'top-center' ou 'bottom-center';
+    });
+  };
+
 
 ```
 

package/style.css

@@ -1,10 +1,3 @@
-/* Importando o Bootstrap */
-@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css');
-
-/* Importando o Font Awesome */
-@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css');
-
-
 /* Estilo geral para o alerta */
 .alert-custom {
     display: flex;