flicker-alerts 1.0.70 → 1.0.72
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.d.ts +4 -4
- package/index.js +1 -3
- package/package.json +2 -2
- package/readme.md +1 -1
- package/style.css +1 -0
- package/homepage.css +0 -74
package/index.d.ts
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
declare module 'flicker-alerts' {
|
2
2
|
// Definição das opções para os alertas
|
3
3
|
interface AlertOptions {
|
4
|
-
type: 'success' | 'info' | 'warning' | 'danger';
|
4
|
+
type: 'success' | 'info' | 'warning' | 'danger'; // Tipos de alerta possíveis
|
5
5
|
title: string;
|
6
6
|
message: string;
|
7
7
|
duration?: number; // Duração opcional do alerta
|
@@ -10,7 +10,7 @@ declare module 'flicker-alerts' {
|
|
10
10
|
|
11
11
|
// Definição das opções para os modais
|
12
12
|
interface ModalOptions {
|
13
|
-
type: 'warning' | 'delete'// Tipos de modais disponíveis
|
13
|
+
type: 'warning' | 'delete'; // Tipos de modais disponíveis
|
14
14
|
title: string;
|
15
15
|
message: string;
|
16
16
|
onConfirm?: () => void; // Função executada no botão de confirmação
|
@@ -18,12 +18,12 @@ declare module 'flicker-alerts' {
|
|
18
18
|
}
|
19
19
|
|
20
20
|
// Definição da classe para os alertas
|
21
|
-
export
|
21
|
+
export class FlickerAlerts {
|
22
22
|
// Método estático para mostrar um alerta
|
23
23
|
static showAlert(options: AlertOptions): void;
|
24
24
|
}
|
25
25
|
|
26
|
-
// Definição da
|
26
|
+
// Definição da exportação para os modais
|
27
27
|
export const FlickerModals: {
|
28
28
|
showModal(options: ModalOptions): void;
|
29
29
|
};
|
package/index.js
CHANGED
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "flicker-alerts",
|
3
|
-
"version": "1.0.
|
3
|
+
"version": "1.0.72",
|
4
4
|
"repository": "https://www.linkedin.com/in/bruno-carneiro-9a53aa190/",
|
5
5
|
"homepage": "https://flickeralerts.netlify.app/",
|
6
6
|
"description": "Biblioteca para alertas animados",
|
@@ -18,6 +18,6 @@
|
|
18
18
|
"author": "https://www.linkedin.com/in/bruno-carneiro-9a53aa190/",
|
19
19
|
"license": "MIT",
|
20
20
|
"dependencies": {
|
21
|
-
"flicker-alerts": "^1.0.
|
21
|
+
"flicker-alerts": "^1.0.72"
|
22
22
|
}
|
23
23
|
}
|
package/readme.md
CHANGED
@@ -106,7 +106,7 @@ Se você prefere não usar o CDN, pode configurar o Angular para importar o arqu
|
|
106
106
|
|
107
107
|
```javascript
|
108
108
|
import FlickerAlerts, { FlickerModals } from 'flicker-alerts';
|
109
|
-
|
109
|
+
|
110
110
|
|
111
111
|
const App = () => {
|
112
112
|
const showAlert = () => {
|
package/style.css
CHANGED
package/homepage.css
DELETED
@@ -1,74 +0,0 @@
|
|
1
|
-
body {
|
2
|
-
background-color: #f8f9fa;
|
3
|
-
font-family: Arial, sans-serif;
|
4
|
-
padding-top: 20px;
|
5
|
-
}
|
6
|
-
|
7
|
-
.container {
|
8
|
-
max-width: 900px;
|
9
|
-
margin: 0 auto;
|
10
|
-
padding: 20px;
|
11
|
-
}
|
12
|
-
|
13
|
-
h1, h2, h3 {
|
14
|
-
color: #3498DB;
|
15
|
-
}
|
16
|
-
|
17
|
-
.code-container {
|
18
|
-
position: relative;
|
19
|
-
display: inline-block;
|
20
|
-
margin-bottom: 20px;
|
21
|
-
width: 100%;
|
22
|
-
max-width: 90%;
|
23
|
-
}
|
24
|
-
|
25
|
-
pre {
|
26
|
-
background-color: #000;
|
27
|
-
color: #fff;
|
28
|
-
padding: 15px;
|
29
|
-
border-radius: 5px;
|
30
|
-
font-size: 1.1rem;
|
31
|
-
word-wrap: break-word;
|
32
|
-
white-space: pre-wrap;
|
33
|
-
max-width: 100%;
|
34
|
-
overflow: auto;
|
35
|
-
}
|
36
|
-
|
37
|
-
button {
|
38
|
-
position: absolute;
|
39
|
-
top: 10px;
|
40
|
-
right: 10px;
|
41
|
-
}
|
42
|
-
|
43
|
-
button:focus {
|
44
|
-
outline: none;
|
45
|
-
}
|
46
|
-
|
47
|
-
table {
|
48
|
-
width: 80%;
|
49
|
-
margin: 0 auto;
|
50
|
-
border-collapse: collapse;
|
51
|
-
}
|
52
|
-
|
53
|
-
th, td {
|
54
|
-
padding: 10px;
|
55
|
-
text-align: left;
|
56
|
-
}
|
57
|
-
|
58
|
-
th {
|
59
|
-
background-color: #3498DB;
|
60
|
-
color: white;
|
61
|
-
}
|
62
|
-
|
63
|
-
hr {
|
64
|
-
margin-top: 40px;
|
65
|
-
margin-bottom: 40px;
|
66
|
-
}
|
67
|
-
|
68
|
-
ul {
|
69
|
-
list-style-type: none;
|
70
|
-
}
|
71
|
-
|
72
|
-
ul li {
|
73
|
-
margin-bottom: 10px;
|
74
|
-
}
|