@entur-partner/common 9.0.0 → 9.1.2

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 CHANGED
@@ -11,6 +11,32 @@ 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. */
14
40
  /* DO NOT CHANGE!*/
15
41
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
16
42
  .eps-action-bar {
@@ -43,56 +69,6 @@ main .eds-table--sticky-header--active .eds-table__head,
43
69
 
44
70
  .eps-action-bar-padding {
45
71
  height: 100px;
46
- }/* DO NOT CHANGE!*/
47
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
48
- button.eps-link-button {
49
- cursor: pointer;
50
- }
51
- 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 {
52
- background: none;
53
- background-color: inherit;
54
- border: none;
55
- padding: 0;
56
- }
57
- button.eps-link-button:hover {
58
- color: #aeb7e2;
59
- }/* DO NOT CHANGE!*/
60
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
61
- /* DO NOT CHANGE!*/
62
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
63
- .eps-content {
64
- margin: 1rem;
65
- }
66
- @media screen and (min-width: 50rem) {
67
- .eps-content {
68
- margin: 1.5rem 1.5rem 1.5rem 22rem;
69
- }
70
- }/* DO NOT CHANGE!*/
71
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
72
- .eps-logo-wrapper {
73
- display: inline-block;
74
- }
75
- .eps-logo-wrapper .logo {
76
- height: auto;
77
- width: 170px;
78
- }/* DO NOT CHANGE!*/
79
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
80
- /* DO NOT CHANGE!*/
81
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
82
- .eps-menu {
83
- position: relative;
84
- width: 100%;
85
- z-index: 30;
86
- }
87
- @media screen and (min-width: 50rem) {
88
- .eps-menu {
89
- left: 0;
90
- top: 0;
91
- position: fixed;
92
- height: 100vh;
93
- width: 20rem;
94
- overflow-y: scroll;
95
- }
96
72
  }.multi-language-input:focus {
97
73
  outline: none;
98
74
  }/* DO NOT CHANGE!*/
@@ -105,150 +81,34 @@ button.eps-link-button:hover {
105
81
  }
106
82
  .eps-language-select .asterisk-margin {
107
83
  margin-left: 0.125rem;
108
- }.eps-unbutton, .eps-unbutton:hover, .eps-unbutton:focus, .eps-unbutton:active:focus, .eps-unbutton:active:hover, .eps-unbutton:active {
84
+ }/* DO NOT CHANGE!*/
85
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
86
+ button.eps-link-button {
87
+ cursor: pointer;
88
+ }
89
+ 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 {
109
90
  background: none;
110
91
  background-color: inherit;
111
- color: inherit;
112
92
  border: none;
113
93
  padding: 0;
114
- font: inherit;
115
- outline: inherit;
116
- height: inherit;
117
- min-width: inherit;
94
+ }
95
+ button.eps-link-button:hover {
96
+ color: #aeb7e2;
118
97
  }/* DO NOT CHANGE!*/
119
98
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
120
99
  .eps-confirm-modal-content {
121
100
  margin-bottom: 1rem;
122
101
  }/* DO NOT CHANGE!*/
123
102
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
124
- .eps-status-label {
125
- display: flex;
126
- align-items: center;
127
- }
128
- .eps-status-label.center {
129
- justify-content: center;
130
- }
131
- .eps-status-label__bullet {
132
- padding: 5px;
133
- margin-bottom: 4px;
134
- border-radius: 50%;
135
- background: #d1d3d3;
136
- margin-right: 10px;
137
- }
138
- .eps-status-label__bullet.aggressive {
139
- background: #ff5959;
140
- }
141
- .eps-status-label__bullet.active {
142
- background: #1a8e60;
143
- }/* DO NOT CHANGE!*/
144
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
145
- /**
146
- PS! We use #eps-user-menu to prevent the micro frontends overriding the styles. By using
147
- an id we have a higher specificity. We should explore a better solution later. Ideally
148
- each micro frontend should be contained by a ShadowDom, but there are too many gotchas
149
- running React in ShadowDom for now.
150
- */
151
- #eps-user-menu {
152
- z-index: 50;
153
- }
154
- #eps-user-menu .eps-user-menu__trigger-button {
155
- border: none;
156
- width: 100%;
157
- }
158
- #eps-user-menu .eps-user-menu__trigger-button .eds-overflow-menu__user-icon {
159
- margin-right: 0.75rem;
160
- padding: 0.5rem;
161
- background: #393d79;
162
- border-radius: 50%;
163
- color: #ffffff;
164
- height: 2.5rem;
165
- width: 2.5rem;
166
- }
167
- #eps-user-menu .eps-user-menu__trigger-button[aria-expanded=true] .eps-arrow-icon svg {
168
- transform: rotate(180deg);
169
- color: #ffffff;
170
- }
171
- #eps-user-menu .eps-overflow-menu {
172
- display: flex;
173
- flex-direction: column;
174
- }
175
- #eps-user-menu .eps-overflow-menu__group {
176
- display: none;
177
- flex-direction: column;
178
- z-index: 20;
179
- }
180
- #eps-user-menu .eps-overflow-menu__group--open {
181
- display: flex;
182
- }
183
- #eps-user-menu .eps-overflow-menu__button {
184
- padding-left: 0.25rem;
185
- }
186
- #eps-user-menu .eps-overflow-menu__button:active .eps-overflow-menu__button-contens {
187
- color: #181c56;
188
- }
189
- #eps-user-menu .eps-overflow-menu__button-contents {
190
- display: flex;
191
- justify-content: flex-start;
192
- align-items: center;
193
- }
194
- #eps-user-menu .eps-overflow-menu__item {
195
- appearance: none;
196
- border: none;
197
- font-size: 0.875rem;
198
- font-family: inherit;
199
- color: #181c56;
200
- background: #f8f8f8;
201
- display: block;
202
- height: 3rem;
203
- cursor: pointer;
204
- width: 100%;
205
- line-height: 1.25rem;
206
- text-align: left;
207
- padding: 0.5rem 1rem;
208
- }
209
- #eps-user-menu .eps-overflow-menu__item .eps-version-icon {
210
- transform: rotate(90deg);
211
- }
212
- #eps-user-menu .eps-overflow-menu__item .eds-icon {
213
- font-size: 1rem;
214
- margin-right: 0.75rem;
215
- }
216
- #eps-user-menu .eps-overflow-menu__item:focus {
217
- outline: none;
218
- box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
219
- }
220
- #eps-user-menu .eps-overflow-menu__item:hover {
221
- background: #d1d3d3;
222
- }
223
-
224
- #eps-overflow-menu {
225
- position: absolute;
226
- width: 14rem;
227
- z-index: 20;
228
- }
229
- #eps-overflow-menu .eps-overflow-menu__icon-margin {
230
- margin-right: 0.75rem;
231
- }
232
- #eps-overflow-menu .eps-overflow-menu__item {
233
- border-radius: 0.25rem;
234
- border: solid 0.0625rem #54568c;
235
- }/* DO NOT CHANGE!*/
103
+ /* DO NOT CHANGE!*/
236
104
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
237
- .ep-audit-info {
238
- float: right;
239
- margin-top: 1rem;
240
- font-size: 0.875rem;
241
- }
242
- .ep-audit-info > div {
243
- display: flex;
244
- justify-content: space-between;
105
+ .eps-content {
106
+ margin: 1rem;
245
107
  }
246
-
247
- .ep-audit-info-label {
248
- margin-right: 3rem;
249
- font-weight: 600;
250
- }ol.eds-breadcrumbs {
251
- padding: 0;
108
+ @media screen and (min-width: 50rem) {
109
+ .eps-content {
110
+ margin: 1.5rem 1.5rem 1.5rem 22rem;
111
+ }
252
112
  }/* DO NOT CHANGE!*/
253
113
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
254
114
  /* DO NOT CHANGE!*/
@@ -2495,6 +2355,123 @@ button.eps-link-button:hover {
2495
2355
 
2496
2356
  .eps-bg-lavender {
2497
2357
  background-color: #aeb7e2;
2358
+ }.eps-unbutton, .eps-unbutton:hover, .eps-unbutton:focus, .eps-unbutton:active:focus, .eps-unbutton:active:hover, .eps-unbutton:active {
2359
+ background: none;
2360
+ background-color: inherit;
2361
+ color: inherit;
2362
+ border: none;
2363
+ padding: 0;
2364
+ font: inherit;
2365
+ outline: inherit;
2366
+ height: inherit;
2367
+ min-width: inherit;
2368
+ }/* DO NOT CHANGE!*/
2369
+ /* 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 {
2415
+ display: flex;
2416
+ justify-content: flex-start;
2417
+ align-items: center;
2418
+ }
2419
+ #eps-user-menu .eps-overflow-menu__item {
2420
+ appearance: none;
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;
2444
+ }
2445
+ #eps-user-menu .eps-overflow-menu__item:hover {
2446
+ background: #d1d3d3;
2447
+ }
2448
+
2449
+ #eps-overflow-menu {
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;
2470
+ }
2471
+
2472
+ .ep-audit-info-label {
2473
+ margin-right: 3rem;
2474
+ font-weight: 600;
2498
2475
  }/* DO NOT CHANGE!*/
2499
2476
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
2500
2477
  /* DO NOT CHANGE!*/
@@ -2771,4 +2748,27 @@ button.eps-link-button:hover {
2771
2748
 
2772
2749
  .eps-font-weight-heading {
2773
2750
  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.0.0",
3
+ "version": "9.1.2",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/common.esm.js",
@@ -60,5 +60,5 @@
60
60
  "reportFile": "jest-sonar-report.xml",
61
61
  "indent": 4
62
62
  },
63
- "gitHead": "1960e99958b9fb6857d9d5ce8bd7562c589e283f"
63
+ "gitHead": "5f6ab8801ace0bf666aac79ff27d86da8ee593ec"
64
64
  }