@entur/alert 0.17.0-beta.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 -97
- 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,64 +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;
|
|
241
|
+
.eds-expandable-alert-box .eds-alert-box__content {
|
|
242
|
+
width: 100%;
|
|
181
243
|
}
|
|
182
|
-
.eds-
|
|
183
|
-
|
|
184
|
-
right: 1.5rem;
|
|
185
|
-
left: 1.5rem;
|
|
244
|
+
.eds-expandable-alert-box.eds-alert-box--banner .eds-alert-box__icon {
|
|
245
|
+
margin-top: 0.0625rem;
|
|
186
246
|
}
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
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
|
+
}
|
|
191
251
|
}
|
|
192
|
-
.eds-
|
|
193
|
-
margin-top:
|
|
252
|
+
.eds-expandable-alert-box.eds-alert-box--small .eds-alert-box__icon {
|
|
253
|
+
margin-top: 0.125rem;
|
|
194
254
|
}
|
|
195
255
|
@media screen and (min-width: 50rem) {
|
|
196
|
-
.eds-
|
|
197
|
-
|
|
198
|
-
left: initial;
|
|
256
|
+
.eds-expandable-alert-box.eds-alert-box--small .eds-alert-box__icon {
|
|
257
|
+
margin-top: 0.125rem;
|
|
199
258
|
}
|
|
200
259
|
}
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
}
|
|
206
|
-
from {
|
|
207
|
-
opacity: 0;
|
|
208
|
-
transform: translate3d(3000px, 0, 0) scaleX(3);
|
|
209
|
-
}
|
|
210
|
-
60% {
|
|
211
|
-
opacity: 1;
|
|
212
|
-
transform: translate3d(-25px, 0, 0) scaleX(1);
|
|
213
|
-
}
|
|
214
|
-
75% {
|
|
215
|
-
transform: translate3d(10px, 0, 0) scaleX(0.98);
|
|
216
|
-
}
|
|
217
|
-
90% {
|
|
218
|
-
transform: translate3d(-5px, 0, 0) scaleX(0.995);
|
|
219
|
-
}
|
|
220
|
-
to {
|
|
221
|
-
transform: translate3d(0, 0, 0);
|
|
222
|
-
}
|
|
260
|
+
.eds-expandable-alert-box__title {
|
|
261
|
+
display: flex;
|
|
262
|
+
justify-content: space-between;
|
|
263
|
+
align-items: baseline;
|
|
223
264
|
}
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
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);
|
|
233
285
|
}
|
|
234
286
|
/* DO NOT CHANGE!*/
|
|
235
287
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
@@ -334,53 +386,6 @@
|
|
|
334
386
|
}
|
|
335
387
|
/* DO NOT CHANGE!*/
|
|
336
388
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
337
|
-
.eds-expandable-alert-box .eds-alert-box__content {
|
|
338
|
-
width: 100%;
|
|
339
|
-
}
|
|
340
|
-
.eds-expandable-alert-box.eds-alert-box--banner .eds-alert-box__icon {
|
|
341
|
-
margin-top: 0.0625rem;
|
|
342
|
-
}
|
|
343
|
-
@media screen and (min-width: 50rem) {
|
|
344
|
-
.eds-expandable-alert-box.eds-alert-box--banner .eds-alert-box__icon {
|
|
345
|
-
margin-top: -0.375rem;
|
|
346
|
-
}
|
|
347
|
-
}
|
|
348
|
-
.eds-expandable-alert-box.eds-alert-box--small .eds-alert-box__icon {
|
|
349
|
-
margin-top: 0.125rem;
|
|
350
|
-
}
|
|
351
|
-
@media screen and (min-width: 50rem) {
|
|
352
|
-
.eds-expandable-alert-box.eds-alert-box--small .eds-alert-box__icon {
|
|
353
|
-
margin-top: 0.125rem;
|
|
354
|
-
}
|
|
355
|
-
}
|
|
356
|
-
.eds-expandable-alert-box__title {
|
|
357
|
-
display: flex;
|
|
358
|
-
justify-content: space-between;
|
|
359
|
-
align-items: baseline;
|
|
360
|
-
}
|
|
361
|
-
.eds-expandable-alert-box__button {
|
|
362
|
-
color: var(--components-button-iconbutton-standard-text);
|
|
363
|
-
background: none;
|
|
364
|
-
border: none;
|
|
365
|
-
cursor: pointer;
|
|
366
|
-
font-family: inherit;
|
|
367
|
-
font-size: inherit;
|
|
368
|
-
line-height: 1.5rem;
|
|
369
|
-
padding: 0 0.25rem;
|
|
370
|
-
flex-shrink: 0;
|
|
371
|
-
}
|
|
372
|
-
.eds-expandable-alert-box__button:focus-visible {
|
|
373
|
-
outline: 2px solid #181c56;
|
|
374
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
375
|
-
outline-offset: 0.125rem;
|
|
376
|
-
}
|
|
377
|
-
.eds-expandable-alert-box__button .eds-icon {
|
|
378
|
-
font-size: 1rem;
|
|
379
|
-
padding-left: 0.25rem;
|
|
380
|
-
color: var(--components-button-iconbutton-standard-text);
|
|
381
|
-
}
|
|
382
|
-
/* DO NOT CHANGE!*/
|
|
383
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
384
389
|
/* DO NOT CHANGE!*/
|
|
385
390
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
386
391
|
/* DO NOT CHANGE!*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/alert",
|
|
3
|
-
"version": "0.17.
|
|
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.
|
|
31
|
-
"@entur/expand": "^3.6.
|
|
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.
|
|
35
|
-
"@entur/typography": "^1.9.
|
|
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
|
}
|