@entur/alert 0.11.16 → 0.11.17
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/dist/styles.css +42 -3
- package/package.json +6 -6
package/dist/styles.css
CHANGED
|
@@ -111,22 +111,26 @@
|
|
|
111
111
|
.eds-alert-box--toast {
|
|
112
112
|
max-width: 22rem;
|
|
113
113
|
width: 100%;
|
|
114
|
-
animation: 0.5s ease-in-out 0s 1 bounceInRight;
|
|
114
|
+
-webkit-animation: 0.5s ease-in-out 0s 1 bounceInRight;
|
|
115
|
+
animation: 0.5s ease-in-out 0s 1 bounceInRight;
|
|
115
116
|
}
|
|
116
117
|
@media screen and (min-width: 50rem) {
|
|
117
118
|
.eds-alert-box--toast {
|
|
118
119
|
min-width: 12rem;
|
|
120
|
+
width: -webkit-fit-content;
|
|
119
121
|
width: -moz-fit-content;
|
|
120
122
|
width: fit-content;
|
|
121
123
|
}
|
|
122
124
|
}
|
|
123
125
|
.eds-alert-box--toast--exit-animation {
|
|
124
|
-
animation: 0.5s ease-in-out 0s 1 bounceOutRight;
|
|
126
|
+
-webkit-animation: 0.5s ease-in-out 0s 1 bounceOutRight;
|
|
127
|
+
animation: 0.5s ease-in-out 0s 1 bounceOutRight;
|
|
125
128
|
}
|
|
126
129
|
.eds-alert-box--small {
|
|
127
130
|
font-size: 0.875rem;
|
|
128
131
|
}
|
|
129
132
|
.eds-alert-box--fit-content {
|
|
133
|
+
width: -webkit-fit-content;
|
|
130
134
|
width: -moz-fit-content;
|
|
131
135
|
width: fit-content;
|
|
132
136
|
}
|
|
@@ -249,9 +253,34 @@
|
|
|
249
253
|
}
|
|
250
254
|
}
|
|
251
255
|
|
|
256
|
+
@-webkit-keyframes bounceInRight {
|
|
257
|
+
from, 60%, 75%, 90%, to {
|
|
258
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
259
|
+
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
260
|
+
}
|
|
261
|
+
from {
|
|
262
|
+
opacity: 0;
|
|
263
|
+
transform: translate3d(3000px, 0, 0) scaleX(3);
|
|
264
|
+
}
|
|
265
|
+
60% {
|
|
266
|
+
opacity: 1;
|
|
267
|
+
transform: translate3d(-25px, 0, 0) scaleX(1);
|
|
268
|
+
}
|
|
269
|
+
75% {
|
|
270
|
+
transform: translate3d(10px, 0, 0) scaleX(0.98);
|
|
271
|
+
}
|
|
272
|
+
90% {
|
|
273
|
+
transform: translate3d(-5px, 0, 0) scaleX(0.995);
|
|
274
|
+
}
|
|
275
|
+
to {
|
|
276
|
+
transform: translate3d(0, 0, 0);
|
|
277
|
+
}
|
|
278
|
+
}
|
|
279
|
+
|
|
252
280
|
@keyframes bounceInRight {
|
|
253
281
|
from, 60%, 75%, 90%, to {
|
|
254
|
-
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
282
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
283
|
+
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
255
284
|
}
|
|
256
285
|
from {
|
|
257
286
|
opacity: 0;
|
|
@@ -271,6 +300,16 @@
|
|
|
271
300
|
transform: translate3d(0, 0, 0);
|
|
272
301
|
}
|
|
273
302
|
}
|
|
303
|
+
@-webkit-keyframes bounceOutRight {
|
|
304
|
+
20% {
|
|
305
|
+
opacity: 1;
|
|
306
|
+
transform: translate3d(-20px, 0, 0) scaleX(0.9);
|
|
307
|
+
}
|
|
308
|
+
to {
|
|
309
|
+
opacity: 0;
|
|
310
|
+
transform: translate3d(2000px, 0, 0) scaleX(2);
|
|
311
|
+
}
|
|
312
|
+
}
|
|
274
313
|
@keyframes bounceOutRight {
|
|
275
314
|
20% {
|
|
276
315
|
opacity: 1;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/alert",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.17",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/alert.esm.js",
|
|
@@ -27,10 +27,10 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/expand": "^3.3.
|
|
31
|
-
"@entur/icons": "^5.4.
|
|
32
|
-
"@entur/typography": "^1.7.
|
|
33
|
-
"@entur/utils": "^0.
|
|
30
|
+
"@entur/expand": "^3.3.30",
|
|
31
|
+
"@entur/icons": "^5.4.2",
|
|
32
|
+
"@entur/typography": "^1.7.5",
|
|
33
|
+
"@entur/utils": "^0.5.0",
|
|
34
34
|
"classnames": "^2.3.1",
|
|
35
35
|
"copy-text-to-clipboard": "2.2"
|
|
36
36
|
},
|
|
@@ -41,5 +41,5 @@
|
|
|
41
41
|
"node": "14.17.0",
|
|
42
42
|
"yarn": "1.18.0"
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "36772ae4f2d8375622acff19736c07d15435cb95"
|
|
45
45
|
}
|