@entur-partner/common 9.2.0 → 9.3.1
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/common.cjs.development.js +1 -1
- package/dist/common.cjs.development.js.map +1 -1
- package/dist/common.cjs.production.min.js +1 -1
- package/dist/common.cjs.production.min.js.map +1 -1
- package/dist/common.esm.js +1 -1
- package/dist/common.esm.js.map +1 -1
- package/dist/styles.css +148 -148
- package/package.json +3 -3
package/dist/styles.css
CHANGED
|
@@ -11,6 +11,37 @@ 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
|
+
button.eps-link-button {
|
|
15
|
+
cursor: pointer;
|
|
16
|
+
}
|
|
17
|
+
button.eps-link-button, button.eps-link-button:hover, button.eps-link-button:focus, button.eps-link-button:active:focus, button.eps-link-button:active:hover, button.eps-link-button:active {
|
|
18
|
+
background: none;
|
|
19
|
+
background-color: inherit;
|
|
20
|
+
border: none;
|
|
21
|
+
padding: 0;
|
|
22
|
+
}
|
|
23
|
+
button.eps-link-button:hover {
|
|
24
|
+
color: #aeb7e2;
|
|
25
|
+
}/* DO NOT CHANGE!*/
|
|
26
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
27
|
+
/* DO NOT CHANGE!*/
|
|
28
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
29
|
+
.eps-menu {
|
|
30
|
+
position: relative;
|
|
31
|
+
width: 100%;
|
|
32
|
+
z-index: 30;
|
|
33
|
+
}
|
|
34
|
+
@media screen and (min-width: 50rem) {
|
|
35
|
+
.eps-menu {
|
|
36
|
+
left: 0;
|
|
37
|
+
top: 0;
|
|
38
|
+
position: fixed;
|
|
39
|
+
height: 100vh;
|
|
40
|
+
width: 20rem;
|
|
41
|
+
overflow-y: scroll;
|
|
42
|
+
}
|
|
43
|
+
}/* DO NOT CHANGE!*/
|
|
44
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
14
45
|
/* DO NOT CHANGE!*/
|
|
15
46
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
16
47
|
.eps-action-bar {
|
|
@@ -45,6 +76,16 @@ main .eds-table--sticky-header--active .eds-table__head,
|
|
|
45
76
|
height: 100px;
|
|
46
77
|
}/* DO NOT CHANGE!*/
|
|
47
78
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
79
|
+
.eps-language-select {
|
|
80
|
+
color: #181c56;
|
|
81
|
+
}
|
|
82
|
+
.eps-language-select label {
|
|
83
|
+
flex: initial;
|
|
84
|
+
}
|
|
85
|
+
.eps-language-select .asterisk-margin {
|
|
86
|
+
margin-left: 0.125rem;
|
|
87
|
+
}/* DO NOT CHANGE!*/
|
|
88
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
48
89
|
.eps-logo-wrapper {
|
|
49
90
|
display: inline-block;
|
|
50
91
|
}
|
|
@@ -53,37 +94,6 @@ main .eds-table--sticky-header--active .eds-table__head,
|
|
|
53
94
|
width: 170px;
|
|
54
95
|
}/* DO NOT CHANGE!*/
|
|
55
96
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
56
|
-
button.eps-link-button {
|
|
57
|
-
cursor: pointer;
|
|
58
|
-
}
|
|
59
|
-
button.eps-link-button, button.eps-link-button:hover, button.eps-link-button:focus, button.eps-link-button:active:focus, button.eps-link-button:active:hover, button.eps-link-button:active {
|
|
60
|
-
background: none;
|
|
61
|
-
background-color: inherit;
|
|
62
|
-
border: none;
|
|
63
|
-
padding: 0;
|
|
64
|
-
}
|
|
65
|
-
button.eps-link-button:hover {
|
|
66
|
-
color: #aeb7e2;
|
|
67
|
-
}/* DO NOT CHANGE!*/
|
|
68
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
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
|
-
}
|
|
85
|
-
}/* DO NOT CHANGE!*/
|
|
86
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
87
97
|
/* DO NOT CHANGE!*/
|
|
88
98
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
89
99
|
.eps-content {
|
|
@@ -93,30 +103,14 @@ button.eps-link-button:hover {
|
|
|
93
103
|
.eps-content {
|
|
94
104
|
margin: 1.5rem 1.5rem 1.5rem 22rem;
|
|
95
105
|
}
|
|
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
106
|
}.multi-language-input:focus {
|
|
117
107
|
outline: none;
|
|
118
108
|
}/* DO NOT CHANGE!*/
|
|
119
109
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
110
|
+
.eps-confirm-modal-content {
|
|
111
|
+
margin-bottom: 1rem;
|
|
112
|
+
}/* DO NOT CHANGE!*/
|
|
113
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
120
114
|
.ep-audit-info {
|
|
121
115
|
float: right;
|
|
122
116
|
margin-top: 1rem;
|
|
@@ -132,102 +126,6 @@ button.eps-link-button:hover {
|
|
|
132
126
|
font-weight: 600;
|
|
133
127
|
}/* DO NOT CHANGE!*/
|
|
134
128
|
/* 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;
|
|
229
|
-
}/* DO NOT CHANGE!*/
|
|
230
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
231
129
|
/* DO NOT CHANGE!*/
|
|
232
130
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
233
131
|
.eps-pt-none {
|
|
@@ -2472,8 +2370,16 @@ button.eps-link-button:hover {
|
|
|
2472
2370
|
|
|
2473
2371
|
.eps-bg-lavender {
|
|
2474
2372
|
background-color: #aeb7e2;
|
|
2475
|
-
}
|
|
2373
|
+
}.eps-unbutton, .eps-unbutton:hover, .eps-unbutton:focus, .eps-unbutton:active:focus, .eps-unbutton:active:hover, .eps-unbutton:active {
|
|
2374
|
+
background: none;
|
|
2375
|
+
background-color: inherit;
|
|
2376
|
+
color: inherit;
|
|
2377
|
+
border: none;
|
|
2476
2378
|
padding: 0;
|
|
2379
|
+
font: inherit;
|
|
2380
|
+
outline: inherit;
|
|
2381
|
+
height: inherit;
|
|
2382
|
+
min-width: inherit;
|
|
2477
2383
|
}/* DO NOT CHANGE!*/
|
|
2478
2384
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
2479
2385
|
.eps-status-label {
|
|
@@ -2495,6 +2401,8 @@ button.eps-link-button:hover {
|
|
|
2495
2401
|
}
|
|
2496
2402
|
.eps-status-label__bullet.active {
|
|
2497
2403
|
background: #1a8e60;
|
|
2404
|
+
}ol.eds-breadcrumbs {
|
|
2405
|
+
padding: 0;
|
|
2498
2406
|
}/* DO NOT CHANGE!*/
|
|
2499
2407
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
2500
2408
|
/* DO NOT CHANGE!*/
|
|
@@ -2771,4 +2679,96 @@ button.eps-link-button:hover {
|
|
|
2771
2679
|
|
|
2772
2680
|
.eps-font-weight-heading {
|
|
2773
2681
|
font-weight: 1rem;
|
|
2682
|
+
}/* DO NOT CHANGE!*/
|
|
2683
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
2684
|
+
/**
|
|
2685
|
+
PS! We use #eps-user-menu to prevent the micro frontends overriding the styles. By using
|
|
2686
|
+
an id we have a higher specificity. We should explore a better solution later. Ideally
|
|
2687
|
+
each micro frontend should be contained by a ShadowDom, but there are too many gotchas
|
|
2688
|
+
running React in ShadowDom for now.
|
|
2689
|
+
*/
|
|
2690
|
+
#eps-user-menu {
|
|
2691
|
+
z-index: 50;
|
|
2692
|
+
}
|
|
2693
|
+
#eps-user-menu .eps-user-menu__trigger-button {
|
|
2694
|
+
border: none;
|
|
2695
|
+
width: 100%;
|
|
2696
|
+
}
|
|
2697
|
+
#eps-user-menu .eps-user-menu__trigger-button .eds-overflow-menu__user-icon {
|
|
2698
|
+
margin-right: 0.75rem;
|
|
2699
|
+
padding: 0.5rem;
|
|
2700
|
+
background: #393d79;
|
|
2701
|
+
border-radius: 50%;
|
|
2702
|
+
color: #ffffff;
|
|
2703
|
+
height: 2.5rem;
|
|
2704
|
+
width: 2.5rem;
|
|
2705
|
+
}
|
|
2706
|
+
#eps-user-menu .eps-user-menu__trigger-button[aria-expanded=true] .eps-arrow-icon svg {
|
|
2707
|
+
transform: rotate(180deg);
|
|
2708
|
+
color: #ffffff;
|
|
2709
|
+
}
|
|
2710
|
+
#eps-user-menu .eps-overflow-menu {
|
|
2711
|
+
display: flex;
|
|
2712
|
+
flex-direction: column;
|
|
2713
|
+
}
|
|
2714
|
+
#eps-user-menu .eps-overflow-menu__group {
|
|
2715
|
+
display: none;
|
|
2716
|
+
flex-direction: column;
|
|
2717
|
+
z-index: 20;
|
|
2718
|
+
}
|
|
2719
|
+
#eps-user-menu .eps-overflow-menu__group--open {
|
|
2720
|
+
display: flex;
|
|
2721
|
+
}
|
|
2722
|
+
#eps-user-menu .eps-overflow-menu__button {
|
|
2723
|
+
padding-left: 0.25rem;
|
|
2724
|
+
}
|
|
2725
|
+
#eps-user-menu .eps-overflow-menu__button:active .eps-overflow-menu__button-contens {
|
|
2726
|
+
color: #181c56;
|
|
2727
|
+
}
|
|
2728
|
+
#eps-user-menu .eps-overflow-menu__button-contents {
|
|
2729
|
+
display: flex;
|
|
2730
|
+
justify-content: flex-start;
|
|
2731
|
+
align-items: center;
|
|
2732
|
+
}
|
|
2733
|
+
#eps-user-menu .eps-overflow-menu__item {
|
|
2734
|
+
appearance: none;
|
|
2735
|
+
border: none;
|
|
2736
|
+
font-size: 0.875rem;
|
|
2737
|
+
font-family: inherit;
|
|
2738
|
+
color: #181c56;
|
|
2739
|
+
background: #f8f8f8;
|
|
2740
|
+
display: block;
|
|
2741
|
+
height: 3rem;
|
|
2742
|
+
cursor: pointer;
|
|
2743
|
+
width: 100%;
|
|
2744
|
+
line-height: 1.25rem;
|
|
2745
|
+
text-align: left;
|
|
2746
|
+
padding: 0.5rem 1rem;
|
|
2747
|
+
}
|
|
2748
|
+
#eps-user-menu .eps-overflow-menu__item .eps-version-icon {
|
|
2749
|
+
transform: rotate(90deg);
|
|
2750
|
+
}
|
|
2751
|
+
#eps-user-menu .eps-overflow-menu__item .eds-icon {
|
|
2752
|
+
font-size: 1rem;
|
|
2753
|
+
margin-right: 0.75rem;
|
|
2754
|
+
}
|
|
2755
|
+
#eps-user-menu .eps-overflow-menu__item:focus {
|
|
2756
|
+
outline: none;
|
|
2757
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
2758
|
+
}
|
|
2759
|
+
#eps-user-menu .eps-overflow-menu__item:hover {
|
|
2760
|
+
background: #d1d3d3;
|
|
2761
|
+
}
|
|
2762
|
+
|
|
2763
|
+
#eps-overflow-menu {
|
|
2764
|
+
position: absolute;
|
|
2765
|
+
width: 14rem;
|
|
2766
|
+
z-index: 20;
|
|
2767
|
+
}
|
|
2768
|
+
#eps-overflow-menu .eps-overflow-menu__icon-margin {
|
|
2769
|
+
margin-right: 0.75rem;
|
|
2770
|
+
}
|
|
2771
|
+
#eps-overflow-menu .eps-overflow-menu__item {
|
|
2772
|
+
border-radius: 0.25rem;
|
|
2773
|
+
border: solid 0.0625rem #54568c;
|
|
2774
2774
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur-partner/common",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.3.1",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/common.esm.js",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"react-router-dom": "^6.22.0"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@entur-partner/util": "^1.
|
|
40
|
+
"@entur-partner/util": "^1.3.1",
|
|
41
41
|
"classnames": "^2.2.6"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
@@ -60,5 +60,5 @@
|
|
|
60
60
|
"reportFile": "jest-sonar-report.xml",
|
|
61
61
|
"indent": 4
|
|
62
62
|
},
|
|
63
|
-
"gitHead": "
|
|
63
|
+
"gitHead": "efd173747521333774031ca60234e9ef3cce9f0c"
|
|
64
64
|
}
|