@entur/alert 0.16.11-beta.0 → 0.16.12
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 +47 -38
- package/package.json +8 -8
package/dist/styles.css
CHANGED
|
@@ -62,6 +62,7 @@
|
|
|
62
62
|
/* DO NOT CHANGE!*/
|
|
63
63
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
64
64
|
.eds-alert-box {
|
|
65
|
+
border: 0.0625rem solid transparent;
|
|
65
66
|
border-radius: 0.25rem;
|
|
66
67
|
display: flex;
|
|
67
68
|
padding: 0.75rem;
|
|
@@ -100,6 +101,7 @@
|
|
|
100
101
|
}
|
|
101
102
|
.eds-alert-box--success {
|
|
102
103
|
background-color: var(--components-alert-alertbox-success-standard-fill);
|
|
104
|
+
border-color: var(--components-alert-alertbox-success-standard-border);
|
|
103
105
|
color: var(--components-alert-alertbox-success-standard-text);
|
|
104
106
|
}
|
|
105
107
|
.eds-alert-box--success .eds-alert-box__icon {
|
|
@@ -107,6 +109,7 @@
|
|
|
107
109
|
}
|
|
108
110
|
.eds-contrast .eds-alert-box--success {
|
|
109
111
|
background-color: var(--components-alert-alertbox-success-contrast-fill);
|
|
112
|
+
border-color: transparent;
|
|
110
113
|
color: var(--components-alert-alertbox-success-contrast-text);
|
|
111
114
|
}
|
|
112
115
|
.eds-contrast .eds-alert-box--success .eds-alert-box__icon {
|
|
@@ -114,6 +117,7 @@
|
|
|
114
117
|
}
|
|
115
118
|
.eds-alert-box--info, .eds-alert-box--information {
|
|
116
119
|
background-color: var(--components-alert-alertbox-information-standard-fill);
|
|
120
|
+
border-color: var(--components-alert-alertbox-information-standard-border);
|
|
117
121
|
color: var(--components-alert-alertbox-information-standard-text);
|
|
118
122
|
}
|
|
119
123
|
.eds-alert-box--info .eds-alert-box__icon, .eds-alert-box--information .eds-alert-box__icon {
|
|
@@ -121,6 +125,7 @@
|
|
|
121
125
|
}
|
|
122
126
|
.eds-contrast .eds-alert-box--info, .eds-contrast .eds-alert-box--information {
|
|
123
127
|
background-color: var(--components-alert-alertbox-information-contrast-fill);
|
|
128
|
+
border-color: transparent;
|
|
124
129
|
color: var(--components-alert-alertbox-information-contrast-text);
|
|
125
130
|
}
|
|
126
131
|
.eds-contrast .eds-alert-box--info .eds-alert-box__icon, .eds-contrast .eds-alert-box--information .eds-alert-box__icon {
|
|
@@ -128,6 +133,7 @@
|
|
|
128
133
|
}
|
|
129
134
|
.eds-alert-box--warning {
|
|
130
135
|
background-color: var(--components-alert-alertbox-warning-standard-fill);
|
|
136
|
+
border-color: var(--components-alert-alertbox-warning-standard-border);
|
|
131
137
|
color: var(--components-alert-alertbox-warning-standard-text);
|
|
132
138
|
}
|
|
133
139
|
.eds-alert-box--warning .eds-alert-box__icon {
|
|
@@ -135,6 +141,7 @@
|
|
|
135
141
|
}
|
|
136
142
|
.eds-contrast .eds-alert-box--warning {
|
|
137
143
|
background-color: var(--components-alert-alertbox-warning-contrast-fill);
|
|
144
|
+
border-color: transparent;
|
|
138
145
|
color: var(--components-alert-alertbox-warning-contrast-text);
|
|
139
146
|
}
|
|
140
147
|
.eds-contrast .eds-alert-box--warning .eds-alert-box__icon {
|
|
@@ -142,6 +149,7 @@
|
|
|
142
149
|
}
|
|
143
150
|
.eds-alert-box--error, .eds-alert-box--negative {
|
|
144
151
|
background-color: var(--components-alert-alertbox-negative-standard-fill);
|
|
152
|
+
border-color: var(--components-alert-alertbox-negative-standard-border);
|
|
145
153
|
color: var(--components-alert-alertbox-negative-standard-text);
|
|
146
154
|
}
|
|
147
155
|
.eds-alert-box--error .eds-alert-box__icon, .eds-alert-box--negative .eds-alert-box__icon {
|
|
@@ -149,6 +157,7 @@
|
|
|
149
157
|
}
|
|
150
158
|
.eds-contrast .eds-alert-box--error, .eds-contrast .eds-alert-box--negative {
|
|
151
159
|
background-color: var(--components-alert-alertbox-negative-contrast-fill);
|
|
160
|
+
border-color: transparent;
|
|
152
161
|
color: var(--components-alert-alertbox-negative-contrast-text);
|
|
153
162
|
}
|
|
154
163
|
.eds-contrast .eds-alert-box--error .eds-alert-box__icon, .eds-contrast .eds-alert-box--negative .eds-alert-box__icon {
|
|
@@ -380,7 +389,7 @@
|
|
|
380
389
|
--components-alert-alertbox-negative-contrast-fill: #ff9494;
|
|
381
390
|
--components-alert-alertbox-negative-contrast-icon: #181c56;
|
|
382
391
|
--components-alert-alertbox-negative-contrast-text: #181c56;
|
|
383
|
-
--components-alert-alertbox-negative-standard-border:
|
|
392
|
+
--components-alert-alertbox-negative-standard-border: #d31b1b;
|
|
384
393
|
--components-alert-alertbox-negative-standard-fill: #ffcece;
|
|
385
394
|
--components-alert-alertbox-negative-standard-icon: #d31b1b;
|
|
386
395
|
--components-alert-alertbox-negative-standard-text: #181c56;
|
|
@@ -388,7 +397,7 @@
|
|
|
388
397
|
--components-alert-alertbox-success-contrast-fill: #9cd9c2;
|
|
389
398
|
--components-alert-alertbox-success-contrast-icon: #181c56;
|
|
390
399
|
--components-alert-alertbox-success-contrast-text: #181c56;
|
|
391
|
-
--components-alert-alertbox-success-standard-border:
|
|
400
|
+
--components-alert-alertbox-success-standard-border: #1a8e60;
|
|
392
401
|
--components-alert-alertbox-success-standard-fill: #d0f1e3;
|
|
393
402
|
--components-alert-alertbox-success-standard-icon: #1a8e60;
|
|
394
403
|
--components-alert-alertbox-success-standard-text: #181c56;
|
|
@@ -396,7 +405,7 @@
|
|
|
396
405
|
--components-alert-alertbox-warning-contrast-fill: #ffeeb3;
|
|
397
406
|
--components-alert-alertbox-warning-contrast-icon: #181c56;
|
|
398
407
|
--components-alert-alertbox-warning-contrast-text: #181c56;
|
|
399
|
-
--components-alert-alertbox-warning-standard-border:
|
|
408
|
+
--components-alert-alertbox-warning-standard-border: #e9b10c;
|
|
400
409
|
--components-alert-alertbox-warning-standard-fill: #fff4cd;
|
|
401
410
|
--components-alert-alertbox-warning-standard-icon: #181c56;
|
|
402
411
|
--components-alert-alertbox-warning-standard-text: #181c56;
|
|
@@ -413,38 +422,38 @@
|
|
|
413
422
|
}
|
|
414
423
|
|
|
415
424
|
[data-color-mode=dark] {
|
|
416
|
-
--components-alert-alertbox-information-contrast-border:
|
|
417
|
-
--components-alert-alertbox-information-contrast-fill:
|
|
418
|
-
--components-alert-alertbox-information-contrast-icon: #
|
|
419
|
-
--components-alert-alertbox-information-contrast-text: #
|
|
420
|
-
--components-alert-alertbox-information-standard-border:
|
|
421
|
-
--components-alert-alertbox-information-standard-fill:
|
|
422
|
-
--components-alert-alertbox-information-standard-icon: #
|
|
423
|
-
--components-alert-alertbox-information-standard-text: #
|
|
424
|
-
--components-alert-alertbox-negative-contrast-border:
|
|
425
|
-
--components-alert-alertbox-negative-contrast-fill:
|
|
426
|
-
--components-alert-alertbox-negative-contrast-icon: #
|
|
427
|
-
--components-alert-alertbox-negative-contrast-text: #
|
|
428
|
-
--components-alert-alertbox-negative-standard-border:
|
|
429
|
-
--components-alert-alertbox-negative-standard-fill:
|
|
430
|
-
--components-alert-alertbox-negative-standard-icon: #
|
|
431
|
-
--components-alert-alertbox-negative-standard-text: #
|
|
432
|
-
--components-alert-alertbox-success-contrast-border:
|
|
433
|
-
--components-alert-alertbox-success-contrast-fill:
|
|
434
|
-
--components-alert-alertbox-success-contrast-icon: #
|
|
435
|
-
--components-alert-alertbox-success-contrast-text: #
|
|
436
|
-
--components-alert-alertbox-success-standard-border:
|
|
437
|
-
--components-alert-alertbox-success-standard-fill:
|
|
438
|
-
--components-alert-alertbox-success-standard-icon: #
|
|
439
|
-
--components-alert-alertbox-success-standard-text: #
|
|
440
|
-
--components-alert-alertbox-warning-contrast-border:
|
|
441
|
-
--components-alert-alertbox-warning-contrast-fill:
|
|
442
|
-
--components-alert-alertbox-warning-contrast-icon: #
|
|
443
|
-
--components-alert-alertbox-warning-contrast-text: #
|
|
444
|
-
--components-alert-alertbox-warning-standard-border:
|
|
445
|
-
--components-alert-alertbox-warning-standard-fill:
|
|
446
|
-
--components-alert-alertbox-warning-standard-icon: #
|
|
447
|
-
--components-alert-alertbox-warning-standard-text: #
|
|
425
|
+
--components-alert-alertbox-information-contrast-border: #acd7f1;
|
|
426
|
+
--components-alert-alertbox-information-contrast-fill: rgba(45, 152, 210, 0.2);
|
|
427
|
+
--components-alert-alertbox-information-contrast-icon: #acd7f1;
|
|
428
|
+
--components-alert-alertbox-information-contrast-text: #e5e5e9;
|
|
429
|
+
--components-alert-alertbox-information-standard-border: #acd7f1;
|
|
430
|
+
--components-alert-alertbox-information-standard-fill: rgba(45, 152, 210, 0.2);
|
|
431
|
+
--components-alert-alertbox-information-standard-icon: #acd7f1;
|
|
432
|
+
--components-alert-alertbox-information-standard-text: #e5e5e9;
|
|
433
|
+
--components-alert-alertbox-negative-contrast-border: #ff9494;
|
|
434
|
+
--components-alert-alertbox-negative-contrast-fill: rgba(255, 148, 148, 0.2);
|
|
435
|
+
--components-alert-alertbox-negative-contrast-icon: #ff9494;
|
|
436
|
+
--components-alert-alertbox-negative-contrast-text: #e5e5e9;
|
|
437
|
+
--components-alert-alertbox-negative-standard-border: #ff9494;
|
|
438
|
+
--components-alert-alertbox-negative-standard-fill: rgba(255, 148, 148, 0.2);
|
|
439
|
+
--components-alert-alertbox-negative-standard-icon: #ff9494;
|
|
440
|
+
--components-alert-alertbox-negative-standard-text: #e5e5e9;
|
|
441
|
+
--components-alert-alertbox-success-contrast-border: #9cd9c2;
|
|
442
|
+
--components-alert-alertbox-success-contrast-fill: rgba(90, 195, 154, 0.2);
|
|
443
|
+
--components-alert-alertbox-success-contrast-icon: #9cd9c2;
|
|
444
|
+
--components-alert-alertbox-success-contrast-text: #e5e5e9;
|
|
445
|
+
--components-alert-alertbox-success-standard-border: #9cd9c2;
|
|
446
|
+
--components-alert-alertbox-success-standard-fill: rgba(90, 195, 154, 0.2);
|
|
447
|
+
--components-alert-alertbox-success-standard-icon: #9cd9c2;
|
|
448
|
+
--components-alert-alertbox-success-standard-text: #e5e5e9;
|
|
449
|
+
--components-alert-alertbox-warning-contrast-border: #ffeeb3;
|
|
450
|
+
--components-alert-alertbox-warning-contrast-fill: rgba(255, 224, 130, 0.2509803922);
|
|
451
|
+
--components-alert-alertbox-warning-contrast-icon: #ffeeb3;
|
|
452
|
+
--components-alert-alertbox-warning-contrast-text: #e5e5e9;
|
|
453
|
+
--components-alert-alertbox-warning-standard-border: #ffeeb3;
|
|
454
|
+
--components-alert-alertbox-warning-standard-fill: rgba(255, 224, 130, 0.2509803922);
|
|
455
|
+
--components-alert-alertbox-warning-standard-icon: #ffeeb3;
|
|
456
|
+
--components-alert-alertbox-warning-standard-text: #e5e5e9;
|
|
448
457
|
--components-alert-copyabletext-contrast-border: rgba(255, 255, 255, 0);
|
|
449
458
|
--components-alert-copyabletext-contrast-border-interactive: #e5e5e9;
|
|
450
459
|
--components-alert-copyabletext-contrast-fill: #393a49;
|
|
@@ -538,8 +547,8 @@
|
|
|
538
547
|
--basecolors-shape-accent: #e5e5e9;
|
|
539
548
|
--basecolors-shape-bicycle-contrast: #4db295;
|
|
540
549
|
--basecolors-shape-bicycle-default: #4db295;
|
|
541
|
-
--basecolors-shape-bus-contrast: #
|
|
542
|
-
--basecolors-shape-bus-default: #
|
|
550
|
+
--basecolors-shape-bus-contrast: #ef7398;
|
|
551
|
+
--basecolors-shape-bus-default: #ef7398;
|
|
543
552
|
--basecolors-shape-cableway-contrast: #b898e5;
|
|
544
553
|
--basecolors-shape-cableway-default: #b898e5;
|
|
545
554
|
--basecolors-shape-disabled: #b6b8ba;
|
|
@@ -582,7 +591,7 @@
|
|
|
582
591
|
--basecolors-stroke-highlight: #ff9494;
|
|
583
592
|
--basecolors-stroke-light: #b3b4bd;
|
|
584
593
|
--basecolors-stroke-subdued: #81828f;
|
|
585
|
-
--basecolors-stroke-subduedalt: #
|
|
594
|
+
--basecolors-stroke-subduedalt: #949699;
|
|
586
595
|
--basecolors-text-accent: #e5e5e9;
|
|
587
596
|
--basecolors-text-disabled: #b6b8ba;
|
|
588
597
|
--basecolors-text-disabledalt: #b6b8ba;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/alert",
|
|
3
|
-
"version": "0.16.
|
|
3
|
+
"version": "0.16.12",
|
|
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": "^7.0.0
|
|
33
|
-
"@entur/tokens": "^3.15.
|
|
34
|
-
"@entur/tooltip": "^3.0.0
|
|
35
|
-
"@entur/typography": "^1.8.
|
|
30
|
+
"@entur/button": "^3.2.28",
|
|
31
|
+
"@entur/expand": "^3.5.17",
|
|
32
|
+
"@entur/icons": "^7.0.0",
|
|
33
|
+
"@entur/tokens": "^3.15.2",
|
|
34
|
+
"@entur/tooltip": "^3.0.0",
|
|
35
|
+
"@entur/typography": "^1.8.41",
|
|
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": "cff2157007648ca73944d215e9f3f03160c96f13"
|
|
41
41
|
}
|