flicker-alerts 1.0.24 → 1.0.26

package/index.js

@@ -1,17 +1,6 @@
-// Adicionando os links para o Bootstrap e Font Awesome dinamicamente
-function addCSSLink(href) {
-  const link = document.createElement('link');
-  link.rel = 'stylesheet';
-  link.href = href;
-  document.head.appendChild(link);
-}
 
-// Adicionar os arquivos CSS de forma dinâmica
-addCSSLink('https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css');
-addCSSLink('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css');
+import './style.css';
 
-// Agora, você pode continuar com o restante do código
-import './style.css'; // Certifique-se de usar o caminho certo aqui
 
 const FlickerAlerts = {
   showAlert: function ({ type, title, message, timer = 3000, position = 'top-right' }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flicker-alerts",
-  "version": "1.0.24",
+  "version": "1.0.26",
   "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.24"
+    "flicker-alerts": "^1.0.26"
   }
-}
+}

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,18 +99,42 @@ 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'
-      // Em 'position', você pode escolher entre: 'top-right', 'top-left', 'bottom-right', 'bottom-left', 'center', 'top-center' ou 'bottom-center';
+      message: 'Operação concluída com sucesso!',
+      position: 'top-right'
+    });
+  };
+
+
+const showInfoAlert = () => {
+    FlickerAlerts.showAlert({
+      type: 'info',
+      title: 'Informação',
+      message: 'Aqui está uma informação importante.',
+      position: 'top-right'
     });
   };
-}
 
+  const showWarningAlert = () => {
+    FlickerAlerts.showAlert({
+      type: 'warning',
+      title: 'Alerta',
+      message: 'Por favor, preste atenção nisso!',
+      position: 'top-right'
+    });
+  };
+
+  const showErrorAlert = () => {
+    FlickerAlerts.showAlert({
+      type: 'danger',
+      title: 'Erro',
+      message: 'Ocorreu um erro inesperado!',
+      position: 'top-right'
+    });
+  };
 
 
 ```