@entur/alert 0.16.10 → 0.16.11-beta.0
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 +106 -106
- package/package.json +7 -7
package/dist/styles.css
CHANGED
|
@@ -1,5 +1,66 @@
|
|
|
1
1
|
/* DO NOT CHANGE!*/
|
|
2
2
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
|
+
.eds-toast-container {
|
|
4
|
+
position: fixed;
|
|
5
|
+
z-index: 50;
|
|
6
|
+
display: flex;
|
|
7
|
+
align-items: flex-end;
|
|
8
|
+
flex-direction: column;
|
|
9
|
+
}
|
|
10
|
+
.eds-toast-container--bottom-right {
|
|
11
|
+
bottom: 1.5rem;
|
|
12
|
+
right: 1.5rem;
|
|
13
|
+
left: 1.5rem;
|
|
14
|
+
}
|
|
15
|
+
.eds-toast-container--top-right {
|
|
16
|
+
top: 1.5rem;
|
|
17
|
+
right: 1.5rem;
|
|
18
|
+
left: 1.5rem;
|
|
19
|
+
}
|
|
20
|
+
.eds-toast-container > * + * {
|
|
21
|
+
margin-top: 1rem;
|
|
22
|
+
}
|
|
23
|
+
@media screen and (min-width: 50rem) {
|
|
24
|
+
.eds-toast-container {
|
|
25
|
+
left: auto;
|
|
26
|
+
left: initial;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@keyframes bounceInRight {
|
|
31
|
+
from, 60%, 75%, 90%, to {
|
|
32
|
+
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
33
|
+
}
|
|
34
|
+
from {
|
|
35
|
+
opacity: 0;
|
|
36
|
+
transform: translate3d(3000px, 0, 0) scaleX(3);
|
|
37
|
+
}
|
|
38
|
+
60% {
|
|
39
|
+
opacity: 1;
|
|
40
|
+
transform: translate3d(-25px, 0, 0) scaleX(1);
|
|
41
|
+
}
|
|
42
|
+
75% {
|
|
43
|
+
transform: translate3d(10px, 0, 0) scaleX(0.98);
|
|
44
|
+
}
|
|
45
|
+
90% {
|
|
46
|
+
transform: translate3d(-5px, 0, 0) scaleX(0.995);
|
|
47
|
+
}
|
|
48
|
+
to {
|
|
49
|
+
transform: translate3d(0, 0, 0);
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
@keyframes bounceOutRight {
|
|
53
|
+
20% {
|
|
54
|
+
opacity: 1;
|
|
55
|
+
transform: translate3d(-20px, 0, 0) scaleX(0.9);
|
|
56
|
+
}
|
|
57
|
+
to {
|
|
58
|
+
opacity: 0;
|
|
59
|
+
transform: translate3d(2000px, 0, 0) scaleX(2);
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
/* DO NOT CHANGE!*/
|
|
63
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
64
|
.eds-alert-box {
|
|
4
65
|
border-radius: 0.25rem;
|
|
5
66
|
display: flex;
|
|
@@ -155,67 +216,6 @@
|
|
|
155
216
|
}
|
|
156
217
|
/* DO NOT CHANGE!*/
|
|
157
218
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
158
|
-
.eds-toast-container {
|
|
159
|
-
position: fixed;
|
|
160
|
-
z-index: 50;
|
|
161
|
-
display: flex;
|
|
162
|
-
align-items: flex-end;
|
|
163
|
-
flex-direction: column;
|
|
164
|
-
}
|
|
165
|
-
.eds-toast-container--bottom-right {
|
|
166
|
-
bottom: 1.5rem;
|
|
167
|
-
right: 1.5rem;
|
|
168
|
-
left: 1.5rem;
|
|
169
|
-
}
|
|
170
|
-
.eds-toast-container--top-right {
|
|
171
|
-
top: 1.5rem;
|
|
172
|
-
right: 1.5rem;
|
|
173
|
-
left: 1.5rem;
|
|
174
|
-
}
|
|
175
|
-
.eds-toast-container > * + * {
|
|
176
|
-
margin-top: 1rem;
|
|
177
|
-
}
|
|
178
|
-
@media screen and (min-width: 50rem) {
|
|
179
|
-
.eds-toast-container {
|
|
180
|
-
left: auto;
|
|
181
|
-
left: initial;
|
|
182
|
-
}
|
|
183
|
-
}
|
|
184
|
-
|
|
185
|
-
@keyframes bounceInRight {
|
|
186
|
-
from, 60%, 75%, 90%, to {
|
|
187
|
-
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
188
|
-
}
|
|
189
|
-
from {
|
|
190
|
-
opacity: 0;
|
|
191
|
-
transform: translate3d(3000px, 0, 0) scaleX(3);
|
|
192
|
-
}
|
|
193
|
-
60% {
|
|
194
|
-
opacity: 1;
|
|
195
|
-
transform: translate3d(-25px, 0, 0) scaleX(1);
|
|
196
|
-
}
|
|
197
|
-
75% {
|
|
198
|
-
transform: translate3d(10px, 0, 0) scaleX(0.98);
|
|
199
|
-
}
|
|
200
|
-
90% {
|
|
201
|
-
transform: translate3d(-5px, 0, 0) scaleX(0.995);
|
|
202
|
-
}
|
|
203
|
-
to {
|
|
204
|
-
transform: translate3d(0, 0, 0);
|
|
205
|
-
}
|
|
206
|
-
}
|
|
207
|
-
@keyframes bounceOutRight {
|
|
208
|
-
20% {
|
|
209
|
-
opacity: 1;
|
|
210
|
-
transform: translate3d(-20px, 0, 0) scaleX(0.9);
|
|
211
|
-
}
|
|
212
|
-
to {
|
|
213
|
-
opacity: 0;
|
|
214
|
-
transform: translate3d(2000px, 0, 0) scaleX(2);
|
|
215
|
-
}
|
|
216
|
-
}
|
|
217
|
-
/* DO NOT CHANGE!*/
|
|
218
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
219
219
|
.eds-copyable-text,
|
|
220
220
|
.eds-contrast .eds-copyable-text {
|
|
221
221
|
-webkit-appearance: none;
|
|
@@ -317,6 +317,51 @@
|
|
|
317
317
|
}
|
|
318
318
|
/* DO NOT CHANGE!*/
|
|
319
319
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
320
|
+
.eds-expandable-alert-box .eds-alert-box__content {
|
|
321
|
+
width: 100%;
|
|
322
|
+
}
|
|
323
|
+
.eds-expandable-alert-box.eds-alert-box--banner .eds-alert-box__icon {
|
|
324
|
+
margin-top: 0.0625rem;
|
|
325
|
+
}
|
|
326
|
+
@media screen and (min-width: 50rem) {
|
|
327
|
+
.eds-expandable-alert-box.eds-alert-box--banner .eds-alert-box__icon {
|
|
328
|
+
margin-top: -0.375rem;
|
|
329
|
+
}
|
|
330
|
+
}
|
|
331
|
+
.eds-expandable-alert-box.eds-alert-box--small .eds-alert-box__icon {
|
|
332
|
+
margin-top: 0.125rem;
|
|
333
|
+
}
|
|
334
|
+
@media screen and (min-width: 50rem) {
|
|
335
|
+
.eds-expandable-alert-box.eds-alert-box--small .eds-alert-box__icon {
|
|
336
|
+
margin-top: 0.125rem;
|
|
337
|
+
}
|
|
338
|
+
}
|
|
339
|
+
.eds-expandable-alert-box__title {
|
|
340
|
+
display: flex;
|
|
341
|
+
justify-content: space-between;
|
|
342
|
+
align-items: baseline;
|
|
343
|
+
}
|
|
344
|
+
.eds-expandable-alert-box__button {
|
|
345
|
+
color: inherit;
|
|
346
|
+
background: none;
|
|
347
|
+
border: none;
|
|
348
|
+
cursor: pointer;
|
|
349
|
+
font-family: inherit;
|
|
350
|
+
font-size: inherit;
|
|
351
|
+
line-height: 1.5rem;
|
|
352
|
+
padding: 0 0.25rem;
|
|
353
|
+
flex-shrink: 0;
|
|
354
|
+
}
|
|
355
|
+
.eds-expandable-alert-box__button:focus {
|
|
356
|
+
outline: 2px solid #181c56;
|
|
357
|
+
outline-offset: 0.125rem;
|
|
358
|
+
}
|
|
359
|
+
.eds-expandable-alert-box__button .eds-icon {
|
|
360
|
+
font-size: 1rem;
|
|
361
|
+
padding-left: 0.25rem;
|
|
362
|
+
}
|
|
363
|
+
/* DO NOT CHANGE!*/
|
|
364
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
320
365
|
/* DO NOT CHANGE!*/
|
|
321
366
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
322
367
|
/* DO NOT CHANGE!*/
|
|
@@ -550,48 +595,3 @@
|
|
|
550
595
|
:root {
|
|
551
596
|
--eds-alert: 1;
|
|
552
597
|
}
|
|
553
|
-
/* DO NOT CHANGE!*/
|
|
554
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
555
|
-
.eds-expandable-alert-box .eds-alert-box__content {
|
|
556
|
-
width: 100%;
|
|
557
|
-
}
|
|
558
|
-
.eds-expandable-alert-box.eds-alert-box--banner .eds-alert-box__icon {
|
|
559
|
-
margin-top: 0.0625rem;
|
|
560
|
-
}
|
|
561
|
-
@media screen and (min-width: 50rem) {
|
|
562
|
-
.eds-expandable-alert-box.eds-alert-box--banner .eds-alert-box__icon {
|
|
563
|
-
margin-top: -0.375rem;
|
|
564
|
-
}
|
|
565
|
-
}
|
|
566
|
-
.eds-expandable-alert-box.eds-alert-box--small .eds-alert-box__icon {
|
|
567
|
-
margin-top: 0.125rem;
|
|
568
|
-
}
|
|
569
|
-
@media screen and (min-width: 50rem) {
|
|
570
|
-
.eds-expandable-alert-box.eds-alert-box--small .eds-alert-box__icon {
|
|
571
|
-
margin-top: 0.125rem;
|
|
572
|
-
}
|
|
573
|
-
}
|
|
574
|
-
.eds-expandable-alert-box__title {
|
|
575
|
-
display: flex;
|
|
576
|
-
justify-content: space-between;
|
|
577
|
-
align-items: baseline;
|
|
578
|
-
}
|
|
579
|
-
.eds-expandable-alert-box__button {
|
|
580
|
-
color: inherit;
|
|
581
|
-
background: none;
|
|
582
|
-
border: none;
|
|
583
|
-
cursor: pointer;
|
|
584
|
-
font-family: inherit;
|
|
585
|
-
font-size: inherit;
|
|
586
|
-
line-height: 1.5rem;
|
|
587
|
-
padding: 0 0.25rem;
|
|
588
|
-
flex-shrink: 0;
|
|
589
|
-
}
|
|
590
|
-
.eds-expandable-alert-box__button:focus {
|
|
591
|
-
outline: 2px solid #181c56;
|
|
592
|
-
outline-offset: 0.125rem;
|
|
593
|
-
}
|
|
594
|
-
.eds-expandable-alert-box__button .eds-icon {
|
|
595
|
-
font-size: 1rem;
|
|
596
|
-
padding-left: 0.25rem;
|
|
597
|
-
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/alert",
|
|
3
|
-
"version": "0.16.
|
|
3
|
+
"version": "0.16.11-beta.0",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/alert.esm.js",
|
|
@@ -27,15 +27,15 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/button": "^3.2.
|
|
31
|
-
"@entur/expand": "^3.5.
|
|
32
|
-
"@entur/icons": "^
|
|
30
|
+
"@entur/button": "^3.2.27-beta.0",
|
|
31
|
+
"@entur/expand": "^3.5.16-beta.0",
|
|
32
|
+
"@entur/icons": "^7.0.0-beta.0",
|
|
33
33
|
"@entur/tokens": "^3.15.1",
|
|
34
|
-
"@entur/tooltip": "^
|
|
35
|
-
"@entur/typography": "^1.8.
|
|
34
|
+
"@entur/tooltip": "^3.0.0-beta.0",
|
|
35
|
+
"@entur/typography": "^1.8.40-beta.0",
|
|
36
36
|
"@entur/utils": "^0.11.1",
|
|
37
37
|
"classnames": "^2.3.1",
|
|
38
38
|
"copy-text-to-clipboard": "^2.2"
|
|
39
39
|
},
|
|
40
|
-
"gitHead": "
|
|
40
|
+
"gitHead": "c8e99ab901c06e9faf622f1a1f88e1b0e7e34419"
|
|
41
41
|
}
|