@entur/alert 0.17.0 → 0.17.1-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 +102 -102
- package/package.json +7 -7
package/dist/styles.css
CHANGED
|
@@ -1,5 +1,71 @@
|
|
|
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 .eds-alert-box__close-button {
|
|
11
|
+
position: absolute;
|
|
12
|
+
top: 0.75rem;
|
|
13
|
+
right: 0.75rem;
|
|
14
|
+
}
|
|
15
|
+
.eds-toast-container--bottom-right {
|
|
16
|
+
bottom: 1.5rem;
|
|
17
|
+
right: 1.5rem;
|
|
18
|
+
left: 1.5rem;
|
|
19
|
+
}
|
|
20
|
+
.eds-toast-container--top-right {
|
|
21
|
+
top: 1.5rem;
|
|
22
|
+
right: 1.5rem;
|
|
23
|
+
left: 1.5rem;
|
|
24
|
+
}
|
|
25
|
+
.eds-toast-container > * + * {
|
|
26
|
+
margin-top: 1rem;
|
|
27
|
+
}
|
|
28
|
+
@media screen and (min-width: 50rem) {
|
|
29
|
+
.eds-toast-container {
|
|
30
|
+
left: auto;
|
|
31
|
+
left: initial;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
@keyframes bounceInRight {
|
|
36
|
+
from, 60%, 75%, 90%, to {
|
|
37
|
+
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
38
|
+
}
|
|
39
|
+
from {
|
|
40
|
+
opacity: 0;
|
|
41
|
+
transform: translate3d(3000px, 0, 0) scaleX(3);
|
|
42
|
+
}
|
|
43
|
+
60% {
|
|
44
|
+
opacity: 1;
|
|
45
|
+
transform: translate3d(-25px, 0, 0) scaleX(1);
|
|
46
|
+
}
|
|
47
|
+
75% {
|
|
48
|
+
transform: translate3d(10px, 0, 0) scaleX(0.98);
|
|
49
|
+
}
|
|
50
|
+
90% {
|
|
51
|
+
transform: translate3d(-5px, 0, 0) scaleX(0.995);
|
|
52
|
+
}
|
|
53
|
+
to {
|
|
54
|
+
transform: translate3d(0, 0, 0);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
@keyframes bounceOutRight {
|
|
58
|
+
20% {
|
|
59
|
+
opacity: 1;
|
|
60
|
+
transform: translate3d(-20px, 0, 0) scaleX(0.9);
|
|
61
|
+
}
|
|
62
|
+
to {
|
|
63
|
+
opacity: 0;
|
|
64
|
+
transform: translate3d(2000px, 0, 0) scaleX(2);
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
/* DO NOT CHANGE!*/
|
|
68
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
69
|
.eds-alert-box {
|
|
4
70
|
border: 0.0625rem solid transparent;
|
|
5
71
|
border-radius: 0.25rem;
|
|
@@ -172,69 +238,50 @@
|
|
|
172
238
|
}
|
|
173
239
|
/* DO NOT CHANGE!*/
|
|
174
240
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
175
|
-
.eds-
|
|
176
|
-
|
|
177
|
-
z-index: 50;
|
|
178
|
-
display: flex;
|
|
179
|
-
align-items: flex-end;
|
|
180
|
-
flex-direction: column;
|
|
181
|
-
}
|
|
182
|
-
.eds-toast-container .eds-alert-box__close-button {
|
|
183
|
-
position: absolute;
|
|
184
|
-
top: 0.75rem;
|
|
185
|
-
right: 0.75rem;
|
|
241
|
+
.eds-expandable-alert-box .eds-alert-box__content {
|
|
242
|
+
width: 100%;
|
|
186
243
|
}
|
|
187
|
-
.eds-
|
|
188
|
-
|
|
189
|
-
right: 1.5rem;
|
|
190
|
-
left: 1.5rem;
|
|
244
|
+
.eds-expandable-alert-box.eds-alert-box--banner .eds-alert-box__icon {
|
|
245
|
+
margin-top: 0.0625rem;
|
|
191
246
|
}
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
247
|
+
@media screen and (min-width: 50rem) {
|
|
248
|
+
.eds-expandable-alert-box.eds-alert-box--banner .eds-alert-box__icon {
|
|
249
|
+
margin-top: -0.375rem;
|
|
250
|
+
}
|
|
196
251
|
}
|
|
197
|
-
.eds-
|
|
198
|
-
margin-top:
|
|
252
|
+
.eds-expandable-alert-box.eds-alert-box--small .eds-alert-box__icon {
|
|
253
|
+
margin-top: 0.125rem;
|
|
199
254
|
}
|
|
200
255
|
@media screen and (min-width: 50rem) {
|
|
201
|
-
.eds-
|
|
202
|
-
|
|
203
|
-
left: initial;
|
|
256
|
+
.eds-expandable-alert-box.eds-alert-box--small .eds-alert-box__icon {
|
|
257
|
+
margin-top: 0.125rem;
|
|
204
258
|
}
|
|
205
259
|
}
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
}
|
|
211
|
-
from {
|
|
212
|
-
opacity: 0;
|
|
213
|
-
transform: translate3d(3000px, 0, 0) scaleX(3);
|
|
214
|
-
}
|
|
215
|
-
60% {
|
|
216
|
-
opacity: 1;
|
|
217
|
-
transform: translate3d(-25px, 0, 0) scaleX(1);
|
|
218
|
-
}
|
|
219
|
-
75% {
|
|
220
|
-
transform: translate3d(10px, 0, 0) scaleX(0.98);
|
|
221
|
-
}
|
|
222
|
-
90% {
|
|
223
|
-
transform: translate3d(-5px, 0, 0) scaleX(0.995);
|
|
224
|
-
}
|
|
225
|
-
to {
|
|
226
|
-
transform: translate3d(0, 0, 0);
|
|
227
|
-
}
|
|
260
|
+
.eds-expandable-alert-box__title {
|
|
261
|
+
display: flex;
|
|
262
|
+
justify-content: space-between;
|
|
263
|
+
align-items: baseline;
|
|
228
264
|
}
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
265
|
+
.eds-expandable-alert-box__button {
|
|
266
|
+
color: var(--components-button-iconbutton-standard-text);
|
|
267
|
+
background: none;
|
|
268
|
+
border: none;
|
|
269
|
+
cursor: pointer;
|
|
270
|
+
font-family: inherit;
|
|
271
|
+
font-size: inherit;
|
|
272
|
+
line-height: 1.5rem;
|
|
273
|
+
padding: 0 0.25rem;
|
|
274
|
+
flex-shrink: 0;
|
|
275
|
+
}
|
|
276
|
+
.eds-expandable-alert-box__button:focus-visible {
|
|
277
|
+
outline: 2px solid #181c56;
|
|
278
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
279
|
+
outline-offset: 0.125rem;
|
|
280
|
+
}
|
|
281
|
+
.eds-expandable-alert-box__button .eds-icon {
|
|
282
|
+
font-size: 1rem;
|
|
283
|
+
padding-left: 0.25rem;
|
|
284
|
+
color: var(--components-button-iconbutton-standard-text);
|
|
238
285
|
}
|
|
239
286
|
/* DO NOT CHANGE!*/
|
|
240
287
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
@@ -572,50 +619,3 @@
|
|
|
572
619
|
:root {
|
|
573
620
|
--eds-alert: 1;
|
|
574
621
|
}
|
|
575
|
-
/* DO NOT CHANGE!*/
|
|
576
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
577
|
-
.eds-expandable-alert-box .eds-alert-box__content {
|
|
578
|
-
width: 100%;
|
|
579
|
-
}
|
|
580
|
-
.eds-expandable-alert-box.eds-alert-box--banner .eds-alert-box__icon {
|
|
581
|
-
margin-top: 0.0625rem;
|
|
582
|
-
}
|
|
583
|
-
@media screen and (min-width: 50rem) {
|
|
584
|
-
.eds-expandable-alert-box.eds-alert-box--banner .eds-alert-box__icon {
|
|
585
|
-
margin-top: -0.375rem;
|
|
586
|
-
}
|
|
587
|
-
}
|
|
588
|
-
.eds-expandable-alert-box.eds-alert-box--small .eds-alert-box__icon {
|
|
589
|
-
margin-top: 0.125rem;
|
|
590
|
-
}
|
|
591
|
-
@media screen and (min-width: 50rem) {
|
|
592
|
-
.eds-expandable-alert-box.eds-alert-box--small .eds-alert-box__icon {
|
|
593
|
-
margin-top: 0.125rem;
|
|
594
|
-
}
|
|
595
|
-
}
|
|
596
|
-
.eds-expandable-alert-box__title {
|
|
597
|
-
display: flex;
|
|
598
|
-
justify-content: space-between;
|
|
599
|
-
align-items: baseline;
|
|
600
|
-
}
|
|
601
|
-
.eds-expandable-alert-box__button {
|
|
602
|
-
color: var(--components-button-iconbutton-standard-text);
|
|
603
|
-
background: none;
|
|
604
|
-
border: none;
|
|
605
|
-
cursor: pointer;
|
|
606
|
-
font-family: inherit;
|
|
607
|
-
font-size: inherit;
|
|
608
|
-
line-height: 1.5rem;
|
|
609
|
-
padding: 0 0.25rem;
|
|
610
|
-
flex-shrink: 0;
|
|
611
|
-
}
|
|
612
|
-
.eds-expandable-alert-box__button:focus-visible {
|
|
613
|
-
outline: 2px solid #181c56;
|
|
614
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
615
|
-
outline-offset: 0.125rem;
|
|
616
|
-
}
|
|
617
|
-
.eds-expandable-alert-box__button .eds-icon {
|
|
618
|
-
font-size: 1rem;
|
|
619
|
-
padding-left: 0.25rem;
|
|
620
|
-
color: var(--components-button-iconbutton-standard-text);
|
|
621
|
-
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/alert",
|
|
3
|
-
"version": "0.17.0",
|
|
3
|
+
"version": "0.17.1-beta.0",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/alert.esm.js",
|
|
@@ -27,12 +27,12 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/button": "^3.3.0",
|
|
31
|
-
"@entur/expand": "^3.6.0",
|
|
32
|
-
"@entur/icons": "^7.
|
|
30
|
+
"@entur/button": "^3.3.1-beta.0",
|
|
31
|
+
"@entur/expand": "^3.6.1-beta.0",
|
|
32
|
+
"@entur/icons": "^7.7.0-beta.0",
|
|
33
33
|
"@entur/tokens": "^3.17.5",
|
|
34
|
-
"@entur/tooltip": "^5.2.0",
|
|
35
|
-
"@entur/typography": "^1.9.0",
|
|
34
|
+
"@entur/tooltip": "^5.2.1-beta.0",
|
|
35
|
+
"@entur/typography": "^1.9.1-beta.0",
|
|
36
36
|
"@entur/utils": "^0.12.2",
|
|
37
37
|
"classnames": "^2.3.1",
|
|
38
38
|
"copy-text-to-clipboard": "^2.2"
|
|
@@ -40,5 +40,5 @@
|
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"dts-cli": "2.0.5"
|
|
42
42
|
},
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "e65150a6a9f9e2beb4a8bbecc06b9237119fe55e"
|
|
44
44
|
}
|