@entur-partner/common 9.1.2 → 9.2.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 +167 -167
- package/package.json +3 -3
package/dist/styles.css
CHANGED
|
@@ -11,32 +11,6 @@ main .eds-table--sticky-header--active .eds-table__head,
|
|
|
11
11
|
top: 1rem;
|
|
12
12
|
}/* DO NOT CHANGE!*/
|
|
13
13
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
14
|
-
.eps-logo-wrapper {
|
|
15
|
-
display: inline-block;
|
|
16
|
-
}
|
|
17
|
-
.eps-logo-wrapper .logo {
|
|
18
|
-
height: auto;
|
|
19
|
-
width: 170px;
|
|
20
|
-
}/* DO NOT CHANGE!*/
|
|
21
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
22
|
-
/* DO NOT CHANGE!*/
|
|
23
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
24
|
-
.eps-menu {
|
|
25
|
-
position: relative;
|
|
26
|
-
width: 100%;
|
|
27
|
-
z-index: 30;
|
|
28
|
-
}
|
|
29
|
-
@media screen and (min-width: 50rem) {
|
|
30
|
-
.eps-menu {
|
|
31
|
-
left: 0;
|
|
32
|
-
top: 0;
|
|
33
|
-
position: fixed;
|
|
34
|
-
height: 100vh;
|
|
35
|
-
width: 20rem;
|
|
36
|
-
overflow-y: scroll;
|
|
37
|
-
}
|
|
38
|
-
}/* DO NOT CHANGE!*/
|
|
39
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
40
14
|
/* DO NOT CHANGE!*/
|
|
41
15
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
42
16
|
.eps-action-bar {
|
|
@@ -69,18 +43,14 @@ main .eds-table--sticky-header--active .eds-table__head,
|
|
|
69
43
|
|
|
70
44
|
.eps-action-bar-padding {
|
|
71
45
|
height: 100px;
|
|
72
|
-
}.multi-language-input:focus {
|
|
73
|
-
outline: none;
|
|
74
46
|
}/* DO NOT CHANGE!*/
|
|
75
47
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
76
|
-
.eps-
|
|
77
|
-
|
|
78
|
-
}
|
|
79
|
-
.eps-language-select label {
|
|
80
|
-
flex: initial;
|
|
48
|
+
.eps-logo-wrapper {
|
|
49
|
+
display: inline-block;
|
|
81
50
|
}
|
|
82
|
-
.eps-
|
|
83
|
-
|
|
51
|
+
.eps-logo-wrapper .logo {
|
|
52
|
+
height: auto;
|
|
53
|
+
width: 170px;
|
|
84
54
|
}/* DO NOT CHANGE!*/
|
|
85
55
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
86
56
|
button.eps-link-button {
|
|
@@ -96,8 +66,22 @@ button.eps-link-button:hover {
|
|
|
96
66
|
color: #aeb7e2;
|
|
97
67
|
}/* DO NOT CHANGE!*/
|
|
98
68
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
99
|
-
|
|
100
|
-
|
|
69
|
+
/* DO NOT CHANGE!*/
|
|
70
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
71
|
+
.eps-menu {
|
|
72
|
+
position: relative;
|
|
73
|
+
width: 100%;
|
|
74
|
+
z-index: 30;
|
|
75
|
+
}
|
|
76
|
+
@media screen and (min-width: 50rem) {
|
|
77
|
+
.eps-menu {
|
|
78
|
+
left: 0;
|
|
79
|
+
top: 0;
|
|
80
|
+
position: fixed;
|
|
81
|
+
height: 100vh;
|
|
82
|
+
width: 20rem;
|
|
83
|
+
overflow-y: scroll;
|
|
84
|
+
}
|
|
101
85
|
}/* DO NOT CHANGE!*/
|
|
102
86
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
103
87
|
/* DO NOT CHANGE!*/
|
|
@@ -109,6 +93,139 @@ button.eps-link-button:hover {
|
|
|
109
93
|
.eps-content {
|
|
110
94
|
margin: 1.5rem 1.5rem 1.5rem 22rem;
|
|
111
95
|
}
|
|
96
|
+
}.eps-unbutton, .eps-unbutton:hover, .eps-unbutton:focus, .eps-unbutton:active:focus, .eps-unbutton:active:hover, .eps-unbutton:active {
|
|
97
|
+
background: none;
|
|
98
|
+
background-color: inherit;
|
|
99
|
+
color: inherit;
|
|
100
|
+
border: none;
|
|
101
|
+
padding: 0;
|
|
102
|
+
font: inherit;
|
|
103
|
+
outline: inherit;
|
|
104
|
+
height: inherit;
|
|
105
|
+
min-width: inherit;
|
|
106
|
+
}/* DO NOT CHANGE!*/
|
|
107
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
108
|
+
.eps-language-select {
|
|
109
|
+
color: #181c56;
|
|
110
|
+
}
|
|
111
|
+
.eps-language-select label {
|
|
112
|
+
flex: initial;
|
|
113
|
+
}
|
|
114
|
+
.eps-language-select .asterisk-margin {
|
|
115
|
+
margin-left: 0.125rem;
|
|
116
|
+
}.multi-language-input:focus {
|
|
117
|
+
outline: none;
|
|
118
|
+
}/* DO NOT CHANGE!*/
|
|
119
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
120
|
+
.ep-audit-info {
|
|
121
|
+
float: right;
|
|
122
|
+
margin-top: 1rem;
|
|
123
|
+
font-size: 0.875rem;
|
|
124
|
+
}
|
|
125
|
+
.ep-audit-info > div {
|
|
126
|
+
display: flex;
|
|
127
|
+
justify-content: space-between;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.ep-audit-info-label {
|
|
131
|
+
margin-right: 3rem;
|
|
132
|
+
font-weight: 600;
|
|
133
|
+
}/* DO NOT CHANGE!*/
|
|
134
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
135
|
+
.eps-confirm-modal-content {
|
|
136
|
+
margin-bottom: 1rem;
|
|
137
|
+
}/* DO NOT CHANGE!*/
|
|
138
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
139
|
+
/**
|
|
140
|
+
PS! We use #eps-user-menu to prevent the micro frontends overriding the styles. By using
|
|
141
|
+
an id we have a higher specificity. We should explore a better solution later. Ideally
|
|
142
|
+
each micro frontend should be contained by a ShadowDom, but there are too many gotchas
|
|
143
|
+
running React in ShadowDom for now.
|
|
144
|
+
*/
|
|
145
|
+
#eps-user-menu {
|
|
146
|
+
z-index: 50;
|
|
147
|
+
}
|
|
148
|
+
#eps-user-menu .eps-user-menu__trigger-button {
|
|
149
|
+
border: none;
|
|
150
|
+
width: 100%;
|
|
151
|
+
}
|
|
152
|
+
#eps-user-menu .eps-user-menu__trigger-button .eds-overflow-menu__user-icon {
|
|
153
|
+
margin-right: 0.75rem;
|
|
154
|
+
padding: 0.5rem;
|
|
155
|
+
background: #393d79;
|
|
156
|
+
border-radius: 50%;
|
|
157
|
+
color: #ffffff;
|
|
158
|
+
height: 2.5rem;
|
|
159
|
+
width: 2.5rem;
|
|
160
|
+
}
|
|
161
|
+
#eps-user-menu .eps-user-menu__trigger-button[aria-expanded=true] .eps-arrow-icon svg {
|
|
162
|
+
transform: rotate(180deg);
|
|
163
|
+
color: #ffffff;
|
|
164
|
+
}
|
|
165
|
+
#eps-user-menu .eps-overflow-menu {
|
|
166
|
+
display: flex;
|
|
167
|
+
flex-direction: column;
|
|
168
|
+
}
|
|
169
|
+
#eps-user-menu .eps-overflow-menu__group {
|
|
170
|
+
display: none;
|
|
171
|
+
flex-direction: column;
|
|
172
|
+
z-index: 20;
|
|
173
|
+
}
|
|
174
|
+
#eps-user-menu .eps-overflow-menu__group--open {
|
|
175
|
+
display: flex;
|
|
176
|
+
}
|
|
177
|
+
#eps-user-menu .eps-overflow-menu__button {
|
|
178
|
+
padding-left: 0.25rem;
|
|
179
|
+
}
|
|
180
|
+
#eps-user-menu .eps-overflow-menu__button:active .eps-overflow-menu__button-contens {
|
|
181
|
+
color: #181c56;
|
|
182
|
+
}
|
|
183
|
+
#eps-user-menu .eps-overflow-menu__button-contents {
|
|
184
|
+
display: flex;
|
|
185
|
+
justify-content: flex-start;
|
|
186
|
+
align-items: center;
|
|
187
|
+
}
|
|
188
|
+
#eps-user-menu .eps-overflow-menu__item {
|
|
189
|
+
appearance: none;
|
|
190
|
+
border: none;
|
|
191
|
+
font-size: 0.875rem;
|
|
192
|
+
font-family: inherit;
|
|
193
|
+
color: #181c56;
|
|
194
|
+
background: #f8f8f8;
|
|
195
|
+
display: block;
|
|
196
|
+
height: 3rem;
|
|
197
|
+
cursor: pointer;
|
|
198
|
+
width: 100%;
|
|
199
|
+
line-height: 1.25rem;
|
|
200
|
+
text-align: left;
|
|
201
|
+
padding: 0.5rem 1rem;
|
|
202
|
+
}
|
|
203
|
+
#eps-user-menu .eps-overflow-menu__item .eps-version-icon {
|
|
204
|
+
transform: rotate(90deg);
|
|
205
|
+
}
|
|
206
|
+
#eps-user-menu .eps-overflow-menu__item .eds-icon {
|
|
207
|
+
font-size: 1rem;
|
|
208
|
+
margin-right: 0.75rem;
|
|
209
|
+
}
|
|
210
|
+
#eps-user-menu .eps-overflow-menu__item:focus {
|
|
211
|
+
outline: none;
|
|
212
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
213
|
+
}
|
|
214
|
+
#eps-user-menu .eps-overflow-menu__item:hover {
|
|
215
|
+
background: #d1d3d3;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
#eps-overflow-menu {
|
|
219
|
+
position: absolute;
|
|
220
|
+
width: 14rem;
|
|
221
|
+
z-index: 20;
|
|
222
|
+
}
|
|
223
|
+
#eps-overflow-menu .eps-overflow-menu__icon-margin {
|
|
224
|
+
margin-right: 0.75rem;
|
|
225
|
+
}
|
|
226
|
+
#eps-overflow-menu .eps-overflow-menu__item {
|
|
227
|
+
border-radius: 0.25rem;
|
|
228
|
+
border: solid 0.0625rem #54568c;
|
|
112
229
|
}/* DO NOT CHANGE!*/
|
|
113
230
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
114
231
|
/* DO NOT CHANGE!*/
|
|
@@ -2355,123 +2472,29 @@ button.eps-link-button:hover {
|
|
|
2355
2472
|
|
|
2356
2473
|
.eps-bg-lavender {
|
|
2357
2474
|
background-color: #aeb7e2;
|
|
2358
|
-
}.
|
|
2359
|
-
background: none;
|
|
2360
|
-
background-color: inherit;
|
|
2361
|
-
color: inherit;
|
|
2362
|
-
border: none;
|
|
2475
|
+
}ol.eds-breadcrumbs {
|
|
2363
2476
|
padding: 0;
|
|
2364
|
-
font: inherit;
|
|
2365
|
-
outline: inherit;
|
|
2366
|
-
height: inherit;
|
|
2367
|
-
min-width: inherit;
|
|
2368
2477
|
}/* DO NOT CHANGE!*/
|
|
2369
2478
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
2370
|
-
|
|
2371
|
-
PS! We use #eps-user-menu to prevent the micro frontends overriding the styles. By using
|
|
2372
|
-
an id we have a higher specificity. We should explore a better solution later. Ideally
|
|
2373
|
-
each micro frontend should be contained by a ShadowDom, but there are too many gotchas
|
|
2374
|
-
running React in ShadowDom for now.
|
|
2375
|
-
*/
|
|
2376
|
-
#eps-user-menu {
|
|
2377
|
-
z-index: 50;
|
|
2378
|
-
}
|
|
2379
|
-
#eps-user-menu .eps-user-menu__trigger-button {
|
|
2380
|
-
border: none;
|
|
2381
|
-
width: 100%;
|
|
2382
|
-
}
|
|
2383
|
-
#eps-user-menu .eps-user-menu__trigger-button .eds-overflow-menu__user-icon {
|
|
2384
|
-
margin-right: 0.75rem;
|
|
2385
|
-
padding: 0.5rem;
|
|
2386
|
-
background: #393d79;
|
|
2387
|
-
border-radius: 50%;
|
|
2388
|
-
color: #ffffff;
|
|
2389
|
-
height: 2.5rem;
|
|
2390
|
-
width: 2.5rem;
|
|
2391
|
-
}
|
|
2392
|
-
#eps-user-menu .eps-user-menu__trigger-button[aria-expanded=true] .eps-arrow-icon svg {
|
|
2393
|
-
transform: rotate(180deg);
|
|
2394
|
-
color: #ffffff;
|
|
2395
|
-
}
|
|
2396
|
-
#eps-user-menu .eps-overflow-menu {
|
|
2397
|
-
display: flex;
|
|
2398
|
-
flex-direction: column;
|
|
2399
|
-
}
|
|
2400
|
-
#eps-user-menu .eps-overflow-menu__group {
|
|
2401
|
-
display: none;
|
|
2402
|
-
flex-direction: column;
|
|
2403
|
-
z-index: 20;
|
|
2404
|
-
}
|
|
2405
|
-
#eps-user-menu .eps-overflow-menu__group--open {
|
|
2406
|
-
display: flex;
|
|
2407
|
-
}
|
|
2408
|
-
#eps-user-menu .eps-overflow-menu__button {
|
|
2409
|
-
padding-left: 0.25rem;
|
|
2410
|
-
}
|
|
2411
|
-
#eps-user-menu .eps-overflow-menu__button:active .eps-overflow-menu__button-contens {
|
|
2412
|
-
color: #181c56;
|
|
2413
|
-
}
|
|
2414
|
-
#eps-user-menu .eps-overflow-menu__button-contents {
|
|
2479
|
+
.eps-status-label {
|
|
2415
2480
|
display: flex;
|
|
2416
|
-
justify-content: flex-start;
|
|
2417
2481
|
align-items: center;
|
|
2418
2482
|
}
|
|
2419
|
-
|
|
2420
|
-
|
|
2421
|
-
border: none;
|
|
2422
|
-
font-size: 0.875rem;
|
|
2423
|
-
font-family: inherit;
|
|
2424
|
-
color: #181c56;
|
|
2425
|
-
background: #f8f8f8;
|
|
2426
|
-
display: block;
|
|
2427
|
-
height: 3rem;
|
|
2428
|
-
cursor: pointer;
|
|
2429
|
-
width: 100%;
|
|
2430
|
-
line-height: 1.25rem;
|
|
2431
|
-
text-align: left;
|
|
2432
|
-
padding: 0.5rem 1rem;
|
|
2433
|
-
}
|
|
2434
|
-
#eps-user-menu .eps-overflow-menu__item .eps-version-icon {
|
|
2435
|
-
transform: rotate(90deg);
|
|
2436
|
-
}
|
|
2437
|
-
#eps-user-menu .eps-overflow-menu__item .eds-icon {
|
|
2438
|
-
font-size: 1rem;
|
|
2439
|
-
margin-right: 0.75rem;
|
|
2440
|
-
}
|
|
2441
|
-
#eps-user-menu .eps-overflow-menu__item:focus {
|
|
2442
|
-
outline: none;
|
|
2443
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
2483
|
+
.eps-status-label.center {
|
|
2484
|
+
justify-content: center;
|
|
2444
2485
|
}
|
|
2445
|
-
|
|
2486
|
+
.eps-status-label__bullet {
|
|
2487
|
+
padding: 5px;
|
|
2488
|
+
margin-bottom: 4px;
|
|
2489
|
+
border-radius: 50%;
|
|
2446
2490
|
background: #d1d3d3;
|
|
2491
|
+
margin-right: 10px;
|
|
2447
2492
|
}
|
|
2448
|
-
|
|
2449
|
-
#
|
|
2450
|
-
position: absolute;
|
|
2451
|
-
width: 14rem;
|
|
2452
|
-
z-index: 20;
|
|
2453
|
-
}
|
|
2454
|
-
#eps-overflow-menu .eps-overflow-menu__icon-margin {
|
|
2455
|
-
margin-right: 0.75rem;
|
|
2456
|
-
}
|
|
2457
|
-
#eps-overflow-menu .eps-overflow-menu__item {
|
|
2458
|
-
border-radius: 0.25rem;
|
|
2459
|
-
border: solid 0.0625rem #54568c;
|
|
2460
|
-
}/* DO NOT CHANGE!*/
|
|
2461
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
2462
|
-
.ep-audit-info {
|
|
2463
|
-
float: right;
|
|
2464
|
-
margin-top: 1rem;
|
|
2465
|
-
font-size: 0.875rem;
|
|
2466
|
-
}
|
|
2467
|
-
.ep-audit-info > div {
|
|
2468
|
-
display: flex;
|
|
2469
|
-
justify-content: space-between;
|
|
2493
|
+
.eps-status-label__bullet.aggressive {
|
|
2494
|
+
background: #ff5959;
|
|
2470
2495
|
}
|
|
2471
|
-
|
|
2472
|
-
|
|
2473
|
-
margin-right: 3rem;
|
|
2474
|
-
font-weight: 600;
|
|
2496
|
+
.eps-status-label__bullet.active {
|
|
2497
|
+
background: #1a8e60;
|
|
2475
2498
|
}/* DO NOT CHANGE!*/
|
|
2476
2499
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
2477
2500
|
/* DO NOT CHANGE!*/
|
|
@@ -2748,27 +2771,4 @@ button.eps-link-button:hover {
|
|
|
2748
2771
|
|
|
2749
2772
|
.eps-font-weight-heading {
|
|
2750
2773
|
font-weight: 1rem;
|
|
2751
|
-
}/* DO NOT CHANGE!*/
|
|
2752
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
2753
|
-
.eps-status-label {
|
|
2754
|
-
display: flex;
|
|
2755
|
-
align-items: center;
|
|
2756
|
-
}
|
|
2757
|
-
.eps-status-label.center {
|
|
2758
|
-
justify-content: center;
|
|
2759
|
-
}
|
|
2760
|
-
.eps-status-label__bullet {
|
|
2761
|
-
padding: 5px;
|
|
2762
|
-
margin-bottom: 4px;
|
|
2763
|
-
border-radius: 50%;
|
|
2764
|
-
background: #d1d3d3;
|
|
2765
|
-
margin-right: 10px;
|
|
2766
|
-
}
|
|
2767
|
-
.eps-status-label__bullet.aggressive {
|
|
2768
|
-
background: #ff5959;
|
|
2769
|
-
}
|
|
2770
|
-
.eps-status-label__bullet.active {
|
|
2771
|
-
background: #1a8e60;
|
|
2772
|
-
}ol.eds-breadcrumbs {
|
|
2773
|
-
padding: 0;
|
|
2774
2774
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur-partner/common",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.2.0",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/common.esm.js",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"@entur/dropdown": "^5.0.3",
|
|
28
28
|
"@entur/expand": "^3.2.17",
|
|
29
29
|
"@entur/form": "^5.0.0",
|
|
30
|
-
"@entur/icons": "^
|
|
30
|
+
"@entur/icons": "^7.0.0",
|
|
31
31
|
"@entur/menu": "^4.0.0",
|
|
32
32
|
"@entur/modal": "^1.3.6",
|
|
33
33
|
"@entur/tooltip": "^2.4.7",
|
|
@@ -60,5 +60,5 @@
|
|
|
60
60
|
"reportFile": "jest-sonar-report.xml",
|
|
61
61
|
"indent": 4
|
|
62
62
|
},
|
|
63
|
-
"gitHead": "
|
|
63
|
+
"gitHead": "773f88ddae645646761c8847af72f7b1885478f8"
|
|
64
64
|
}
|