flicker-alerts 1.0.70 → 1.0.72

package/index.d.ts

@@ -1,7 +1,7 @@
 declare module 'flicker-alerts' {
   // Definição das opções para os alertas
   interface AlertOptions {
-    type: 'success' | 'info' | 'warning' | 'danger';
+    type: 'success' | 'info' | 'warning' | 'danger'; // Tipos de alerta possíveis
     title: string;
     message: string;
     duration?: number; // Duração opcional do alerta
@@ -10,7 +10,7 @@ declare module 'flicker-alerts' {
 
   // Definição das opções para os modais
   interface ModalOptions {
-    type: 'warning' | 'delete'// Tipos de modais disponíveis
+    type: 'warning' | 'delete'; // Tipos de modais disponíveis
     title: string;
     message: string;
     onConfirm?: () => void; // Função executada no botão de confirmação
@@ -18,12 +18,12 @@ declare module 'flicker-alerts' {
   }
 
   // Definição da classe para os alertas
-  export default class FlickerAlerts {
+  export class FlickerAlerts {
     // Método estático para mostrar um alerta
     static showAlert(options: AlertOptions): void;
   }
 
-  // Definição da classe para os modais
+  // Definição da exportação para os modais
   export const FlickerModals: {
     showModal(options: ModalOptions): void;
   };

package/index.js

@@ -226,6 +226,4 @@ if (typeof document !== 'undefined') {
     });
   });
 }
-export { FlickerModals };
-
-export default FlickerAlerts;
+export { FlickerAlerts, FlickerModals };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flicker-alerts",
-  "version": "1.0.70",
+  "version": "1.0.72",
   "repository": "https://www.linkedin.com/in/bruno-carneiro-9a53aa190/",
   "homepage": "https://flickeralerts.netlify.app/",
   "description": "Biblioteca para alertas animados",
@@ -18,6 +18,6 @@
   "author": "https://www.linkedin.com/in/bruno-carneiro-9a53aa190/",
   "license": "MIT",
   "dependencies": {
-    "flicker-alerts": "^1.0.70"
+    "flicker-alerts": "^1.0.72"
   }
 }

package/readme.md

@@ -106,7 +106,7 @@ Se você prefere não usar o CDN, pode configurar o Angular para importar o arqu
 
 ```javascript
 import FlickerAlerts, { FlickerModals } from 'flicker-alerts';
-import 'flicker-alerts/style.css'; // Importa o CSS diretamente do pacote
+
 
 const App = () => {
   const showAlert = () => {

package/style.css

@@ -70,6 +70,7 @@ margin: 20px;
   margin-right: 15px;
 }
 
+
 .notification .title {
   font-weight: bold;
   font-size: 18px;

package/homepage.css

@@ -1,74 +0,0 @@
-body {
-    background-color: #f8f9fa;
-    font-family: Arial, sans-serif;
-    padding-top: 20px;
-}
-
-.container {
-    max-width: 900px;
-    margin: 0 auto;
-    padding: 20px;
-}
-
-h1, h2, h3 {
-    color: #3498DB;
-}
-
-.code-container {
-    position: relative;
-    display: inline-block;
-    margin-bottom: 20px;
-    width: 100%;
-    max-width: 90%;
-}
-
-pre {
-    background-color: #000;
-    color: #fff;
-    padding: 15px;
-    border-radius: 5px;
-    font-size: 1.1rem;
-    word-wrap: break-word;
-    white-space: pre-wrap;
-    max-width: 100%;
-    overflow: auto;
-}
-
-button {
-    position: absolute;
-    top: 10px;
-    right: 10px;
-}
-
-button:focus {
-    outline: none;
-}
-
-table {
-    width: 80%;
-    margin: 0 auto;
-    border-collapse: collapse;
-}
-
-th, td {
-    padding: 10px;
-    text-align: left;
-}
-
-th {
-    background-color: #3498DB;
-    color: white;
-}
-
-hr {
-    margin-top: 40px;
-    margin-bottom: 40px;
-}
-
-ul {
-    list-style-type: none;
-}
-
-ul li {
-    margin-bottom: 10px;
-}