@entur/menu 4.2.36 → 4.2.38
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 +95 -95
- package/package.json +9 -9
package/dist/styles.css
CHANGED
|
@@ -1,5 +1,59 @@
|
|
|
1
1
|
/* DO NOT CHANGE!*/
|
|
2
2
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
|
+
.eds-breadcrumb {
|
|
4
|
+
list-style: none;
|
|
5
|
+
margin: 0;
|
|
6
|
+
padding: 0;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.eds-breadcrumb__item {
|
|
10
|
+
display: inline-block;
|
|
11
|
+
color: var(--components-menu-breadcrumb-standard-text);
|
|
12
|
+
}
|
|
13
|
+
.eds-contrast .eds-breadcrumb__item {
|
|
14
|
+
color: var(--components-menu-breadcrumb-contrast-text);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.eds-breadcrumb__separator {
|
|
18
|
+
margin: 0 0.25rem 0 0.25rem;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.eds-breadcrumb__link {
|
|
22
|
+
text-decoration: none;
|
|
23
|
+
color: var(--components-menu-breadcrumb-standard-text);
|
|
24
|
+
background-image: linear-gradient(120deg, var(--components-menu-breadcrumb-standard-text) 0%, var(--components-menu-breadcrumb-standard-text) 100%);
|
|
25
|
+
background-repeat: no-repeat;
|
|
26
|
+
background-size: 100% 0.125rem;
|
|
27
|
+
background-position: 0 100%;
|
|
28
|
+
}
|
|
29
|
+
.eds-contrast .eds-breadcrumb__link {
|
|
30
|
+
color: var(--components-menu-breadcrumb-contrast-text);
|
|
31
|
+
background-image: linear-gradient(120deg, var(--components-menu-breadcrumb-contrast-text) 0%, var(--components-menu-breadcrumb-contrast-text) 100%);
|
|
32
|
+
}
|
|
33
|
+
.eds-breadcrumb__link:hover {
|
|
34
|
+
animation: eds-breadcrumb-underline 0.3s ease-in;
|
|
35
|
+
}
|
|
36
|
+
.eds-breadcrumb__link:focus {
|
|
37
|
+
outline: 2px solid #181c56;
|
|
38
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
39
|
+
outline-offset: 0.125rem;
|
|
40
|
+
}
|
|
41
|
+
.eds-contrast .eds-breadcrumb__link:focus {
|
|
42
|
+
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
43
|
+
}
|
|
44
|
+
@keyframes eds-breadcrumb-underline {
|
|
45
|
+
from {
|
|
46
|
+
background-size: 0% 0.125rem;
|
|
47
|
+
}
|
|
48
|
+
to {
|
|
49
|
+
background-size: 100% 0.125rem;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
.eds-breadcrumb__link--current {
|
|
53
|
+
font-weight: 600;
|
|
54
|
+
}
|
|
55
|
+
/* DO NOT CHANGE!*/
|
|
56
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
57
|
.eds-side-navigation,
|
|
4
58
|
.eds-side-navigation-group {
|
|
5
59
|
color: var(--components-menu-sidenavigation-standard-text);
|
|
@@ -253,57 +307,59 @@
|
|
|
253
307
|
}
|
|
254
308
|
/* DO NOT CHANGE!*/
|
|
255
309
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
256
|
-
.eds-
|
|
257
|
-
|
|
258
|
-
margin: 0;
|
|
259
|
-
padding: 0;
|
|
260
|
-
}
|
|
261
|
-
|
|
262
|
-
.eds-breadcrumb__item {
|
|
310
|
+
.eds-top-navigation-item {
|
|
311
|
+
--show-active-line: 0;
|
|
263
312
|
display: inline-block;
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
.eds-contrast .eds-breadcrumb__item {
|
|
267
|
-
color: var(--components-menu-breadcrumb-contrast-text);
|
|
268
|
-
}
|
|
269
|
-
|
|
270
|
-
.eds-breadcrumb__separator {
|
|
271
|
-
margin: 0 0.25rem 0 0.25rem;
|
|
272
|
-
}
|
|
273
|
-
|
|
274
|
-
.eds-breadcrumb__link {
|
|
313
|
+
cursor: pointer;
|
|
314
|
+
color: var(--components-menu-navigationbar-standard-text-unselected);
|
|
275
315
|
text-decoration: none;
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
316
|
+
position: relative;
|
|
317
|
+
padding: 1rem;
|
|
318
|
+
min-width: 5rem;
|
|
319
|
+
width: -moz-fit-content;
|
|
320
|
+
width: fit-content;
|
|
321
|
+
text-align: center;
|
|
322
|
+
font-family: inherit;
|
|
323
|
+
font-size: 1rem;
|
|
324
|
+
font-weight: 600;
|
|
281
325
|
}
|
|
282
|
-
.eds-
|
|
283
|
-
|
|
284
|
-
|
|
326
|
+
.eds-top-navigation-item::after {
|
|
327
|
+
content: "";
|
|
328
|
+
display: block;
|
|
329
|
+
bottom: 1rem;
|
|
330
|
+
height: 0.1875rem;
|
|
331
|
+
width: 0;
|
|
332
|
+
margin: 0 auto;
|
|
333
|
+
opacity: var(--show-active-line);
|
|
334
|
+
background: var(--components-menu-navigationbar-standard-stroke-selected);
|
|
335
|
+
transition: width ease-in-out 0.2s, opacity ease-in-out 0.2s;
|
|
285
336
|
}
|
|
286
|
-
.eds-
|
|
287
|
-
|
|
337
|
+
.eds-contrast .eds-top-navigation-item {
|
|
338
|
+
color: var(--components-menu-navigationbar-contrast-text-unselected);
|
|
288
339
|
}
|
|
289
|
-
.eds-
|
|
340
|
+
.eds-top-navigation-item:focus {
|
|
290
341
|
outline: 2px solid #181c56;
|
|
291
342
|
outline-color: var(--basecolors-stroke-focus-standard);
|
|
292
343
|
outline-offset: 0.125rem;
|
|
293
344
|
}
|
|
294
|
-
.eds-contrast .eds-
|
|
345
|
+
.eds-contrast .eds-top-navigation-item:focus {
|
|
295
346
|
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
296
347
|
}
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
background-size: 0% 0.125rem;
|
|
300
|
-
}
|
|
301
|
-
to {
|
|
302
|
-
background-size: 100% 0.125rem;
|
|
303
|
-
}
|
|
348
|
+
.eds-top-navigation-item:hover {
|
|
349
|
+
--show-active-line: 1;
|
|
304
350
|
}
|
|
305
|
-
.eds-
|
|
306
|
-
|
|
351
|
+
.eds-top-navigation-item:hover::after {
|
|
352
|
+
width: 2rem;
|
|
353
|
+
}
|
|
354
|
+
.eds-top-navigation-item--active {
|
|
355
|
+
color: var(--components-menu-navigationbar-standard-text-selected);
|
|
356
|
+
--show-active-line: 1;
|
|
357
|
+
}
|
|
358
|
+
.eds-top-navigation-item--active::after {
|
|
359
|
+
width: 2rem;
|
|
360
|
+
}
|
|
361
|
+
.eds-contrast .eds-top-navigation-item--active {
|
|
362
|
+
color: var(--components-menu-navigationbar-contrast-text-selected);
|
|
307
363
|
}
|
|
308
364
|
/* DO NOT CHANGE!*/
|
|
309
365
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
@@ -385,62 +441,6 @@
|
|
|
385
441
|
}
|
|
386
442
|
/* DO NOT CHANGE!*/
|
|
387
443
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
388
|
-
.eds-top-navigation-item {
|
|
389
|
-
--show-active-line: 0;
|
|
390
|
-
display: inline-block;
|
|
391
|
-
cursor: pointer;
|
|
392
|
-
color: var(--components-menu-navigationbar-standard-text-unselected);
|
|
393
|
-
text-decoration: none;
|
|
394
|
-
position: relative;
|
|
395
|
-
padding: 1rem;
|
|
396
|
-
min-width: 5rem;
|
|
397
|
-
width: -moz-fit-content;
|
|
398
|
-
width: fit-content;
|
|
399
|
-
text-align: center;
|
|
400
|
-
font-family: inherit;
|
|
401
|
-
font-size: 1rem;
|
|
402
|
-
font-weight: 600;
|
|
403
|
-
}
|
|
404
|
-
.eds-top-navigation-item::after {
|
|
405
|
-
content: "";
|
|
406
|
-
display: block;
|
|
407
|
-
bottom: 1rem;
|
|
408
|
-
height: 0.1875rem;
|
|
409
|
-
width: 0;
|
|
410
|
-
margin: 0 auto;
|
|
411
|
-
opacity: var(--show-active-line);
|
|
412
|
-
background: var(--components-menu-navigationbar-standard-stroke-selected);
|
|
413
|
-
transition: width ease-in-out 0.2s, opacity ease-in-out 0.2s;
|
|
414
|
-
}
|
|
415
|
-
.eds-contrast .eds-top-navigation-item {
|
|
416
|
-
color: var(--components-menu-navigationbar-contrast-text-unselected);
|
|
417
|
-
}
|
|
418
|
-
.eds-top-navigation-item:focus {
|
|
419
|
-
outline: 2px solid #181c56;
|
|
420
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
421
|
-
outline-offset: 0.125rem;
|
|
422
|
-
}
|
|
423
|
-
.eds-contrast .eds-top-navigation-item:focus {
|
|
424
|
-
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
425
|
-
}
|
|
426
|
-
.eds-top-navigation-item:hover {
|
|
427
|
-
--show-active-line: 1;
|
|
428
|
-
}
|
|
429
|
-
.eds-top-navigation-item:hover::after {
|
|
430
|
-
width: 2rem;
|
|
431
|
-
}
|
|
432
|
-
.eds-top-navigation-item--active {
|
|
433
|
-
color: var(--components-menu-navigationbar-standard-text-selected);
|
|
434
|
-
--show-active-line: 1;
|
|
435
|
-
}
|
|
436
|
-
.eds-top-navigation-item--active::after {
|
|
437
|
-
width: 2rem;
|
|
438
|
-
}
|
|
439
|
-
.eds-contrast .eds-top-navigation-item--active {
|
|
440
|
-
color: var(--components-menu-navigationbar-contrast-text-selected);
|
|
441
|
-
}
|
|
442
|
-
/* DO NOT CHANGE!*/
|
|
443
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
444
444
|
/* DO NOT CHANGE!*/
|
|
445
445
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
446
446
|
/* DO NOT CHANGE!*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/menu",
|
|
3
|
-
"version": "4.2.
|
|
3
|
+
"version": "4.2.38",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/menu.esm.js",
|
|
@@ -27,17 +27,17 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/a11y": "^0.2.
|
|
31
|
-
"@entur/button": "^3.2.
|
|
32
|
-
"@entur/expand": "^3.5.
|
|
33
|
-
"@entur/icons": "^7.
|
|
34
|
-
"@entur/layout": "^2.3.
|
|
35
|
-
"@entur/tokens": "^3.
|
|
36
|
-
"@entur/typography": "^1.8.
|
|
30
|
+
"@entur/a11y": "^0.2.89",
|
|
31
|
+
"@entur/button": "^3.2.30",
|
|
32
|
+
"@entur/expand": "^3.5.19",
|
|
33
|
+
"@entur/icons": "^7.2.0",
|
|
34
|
+
"@entur/layout": "^2.3.14",
|
|
35
|
+
"@entur/tokens": "^3.17.0",
|
|
36
|
+
"@entur/typography": "^1.8.43",
|
|
37
37
|
"@entur/utils": "^0.11.1",
|
|
38
38
|
"@reach/menu-button": "^0.16.1",
|
|
39
39
|
"@reach/polymorphic": "0.18.0",
|
|
40
40
|
"classnames": "^2.3.1"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "20838cf27b3f76a9ce3259fe808d60132ab0a653"
|
|
43
43
|
}
|