@entur/menu 4.1.40 → 4.1.41

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.
Files changed (2) hide show
  1. package/dist/styles.css +230 -230
  2. package/package.json +5 -5
package/dist/styles.css CHANGED
@@ -4,6 +4,101 @@
4
4
  }
5
5
  /* DO NOT CHANGE!*/
6
6
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
7
+ .eds-breadcrumb {
8
+ list-style: none;
9
+ margin: 0;
10
+ padding: 0;
11
+ }
12
+
13
+ .eds-breadcrumb__item {
14
+ display: inline-block;
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: inherit;
24
+ background-image: linear-gradient(120deg, #181c56 0%, #181c56 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
+ background-image: linear-gradient(120deg, #ffffff 0%, #ffffff 100%);
31
+ }
32
+ .eds-breadcrumb__link:hover {
33
+ animation: eds-breadcrumb-underline 0.3s ease-in;
34
+ }
35
+ .eds-breadcrumb__link:focus {
36
+ outline: none;
37
+ box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
38
+ outline-offset: 0.125rem;
39
+ }
40
+ @keyframes eds-breadcrumb-underline {
41
+ from {
42
+ background-size: 0% 0.125rem;
43
+ }
44
+ to {
45
+ background-size: 100% 0.125rem;
46
+ }
47
+ }
48
+ .eds-breadcrumb__link--current {
49
+ font-weight: 600;
50
+ }
51
+ /* DO NOT CHANGE!*/
52
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
53
+ .eds-top-navigation-item {
54
+ --show-active-line: 0;
55
+ display: inline-block;
56
+ cursor: pointer;
57
+ color: inherit;
58
+ text-decoration: none;
59
+ position: relative;
60
+ padding: 1rem;
61
+ min-width: 5rem;
62
+ width: -moz-fit-content;
63
+ width: fit-content;
64
+ text-align: center;
65
+ font-family: inherit;
66
+ font-size: 1rem;
67
+ font-weight: 600;
68
+ }
69
+ .eds-top-navigation-item::after {
70
+ content: "";
71
+ display: block;
72
+ bottom: 1rem;
73
+ height: 0.1875rem;
74
+ width: 0;
75
+ margin: 0 auto;
76
+ opacity: var(--show-active-line);
77
+ background: #ff5959;
78
+ transition: width ease-in-out 0.2s, opacity ease-in-out 0.2s;
79
+ }
80
+ .eds-top-navigation-item:focus {
81
+ outline-offset: 0.125rem;
82
+ outline: none;
83
+ box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
84
+ }
85
+ .eds-contrast .eds-top-navigation-item:focus {
86
+ box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
87
+ }
88
+ .eds-top-navigation-item:hover {
89
+ --show-active-line: 1;
90
+ }
91
+ .eds-top-navigation-item:hover::after {
92
+ width: 2rem;
93
+ }
94
+ .eds-top-navigation-item--active {
95
+ --show-active-line: 1;
96
+ }
97
+ .eds-top-navigation-item--active::after {
98
+ width: 2rem;
99
+ }
100
+ /* DO NOT CHANGE!*/
101
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
7
102
  /* DO NOT CHANGE!*/
8
103
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
9
104
  .eds-side-navigation,
@@ -224,99 +319,164 @@
224
319
  }
225
320
  /* DO NOT CHANGE!*/
226
321
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
227
- .eds-breadcrumb {
228
- list-style: none;
229
- margin: 0;
230
- padding: 0;
322
+ .eds-pagination {
323
+ align-items: center;
324
+ display: flex;
325
+ flex-wrap: wrap;
326
+ row-gap: 0.75rem;
327
+ justify-content: space-between;
231
328
  }
232
-
233
- .eds-breadcrumb__item {
234
- display: inline-block;
329
+ .eds-pagination__results {
330
+ align-items: center;
331
+ display: flex;
332
+ flex: 1;
333
+ justify-content: flex-start;
235
334
  }
236
-
237
- .eds-breadcrumb__separator {
238
- margin: 0 0.25rem 0 0.25rem;
335
+ .eds-pagination__results-label {
336
+ margin-right: 0.5rem;
337
+ }
338
+ .eds-pagination__controls {
339
+ align-items: center;
340
+ display: flex;
341
+ justify-content: center;
342
+ }
343
+ .eds-pagination__results:first-of-type:last-of-type, .eds-pagination__controls:first-of-type:last-of-type {
344
+ margin: 0 auto;
239
345
  }
240
346
 
241
- .eds-breadcrumb__link {
242
- text-decoration: none;
347
+ .eds-pagination-menu__menu-button {
348
+ -webkit-appearance: none;
349
+ -moz-appearance: none;
350
+ appearance: none;
351
+ background: transparent;
352
+ border: 0.0625rem solid #d1d3d3;
353
+ border-radius: 0.25rem;
243
354
  color: inherit;
244
- background-image: linear-gradient(120deg, #181c56 0%, #181c56 100%);
245
- background-repeat: no-repeat;
246
- background-size: 100% 0.125rem;
247
- background-position: 0 100%;
248
- }
249
- .eds-contrast .eds-breadcrumb__link {
250
- background-image: linear-gradient(120deg, #ffffff 0%, #ffffff 100%);
355
+ font-family: inherit;
356
+ display: flex;
357
+ align-items: center;
358
+ justify-content: space-around;
359
+ height: 2rem;
360
+ margin-left: 0.25rem;
361
+ margin-right: 1rem;
362
+ width: 3.5rem;
251
363
  }
252
- .eds-breadcrumb__link:hover {
253
- animation: eds-breadcrumb-underline 0.3s ease-in;
364
+ .eds-pagination-menu__menu-button--open {
365
+ border-color: currentColor;
254
366
  }
255
- .eds-breadcrumb__link:focus {
367
+ .eds-pagination-menu__menu-button:focus {
256
368
  outline: none;
257
369
  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
258
- outline-offset: 0.125rem;
259
370
  }
260
- @keyframes eds-breadcrumb-underline {
261
- from {
262
- background-size: 0% 0.125rem;
263
- }
264
- to {
265
- background-size: 100% 0.125rem;
266
- }
267
- }
268
- .eds-breadcrumb__link--current {
269
- font-weight: 600;
371
+ .eds-pagination-menu__menu-list {
372
+ width: 3.5rem;
270
373
  }
271
- /* DO NOT CHANGE!*/
272
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
273
- .eds-top-navigation-item {
274
- --show-active-line: 0;
275
- display: inline-block;
276
- cursor: pointer;
374
+
375
+ .eds-pagination__page {
376
+ align-items: center;
377
+ -webkit-appearance: none;
378
+ -moz-appearance: none;
379
+ appearance: none;
380
+ background: transparent;
381
+ border: 0.0625rem solid #d1d3d3;
382
+ border-color: #d1d3d3;
383
+ border-radius: 0.25rem;
277
384
  color: inherit;
278
- text-decoration: none;
279
- position: relative;
280
- padding: 1rem;
281
- min-width: 5rem;
282
- width: -moz-fit-content;
283
- width: fit-content;
284
- text-align: center;
385
+ cursor: pointer;
386
+ display: flex;
285
387
  font-family: inherit;
286
- font-size: 1rem;
287
- font-weight: 600;
388
+ font-size: 0.875rem;
389
+ height: 2rem;
390
+ justify-content: center;
391
+ margin: 0 0.125rem;
392
+ padding: 0 0.25rem;
393
+ transition: background 0.1s ease-out, border-color 0.1s ease-out;
394
+ -webkit-user-select: none;
395
+ -moz-user-select: none;
396
+ user-select: none;
397
+ min-width: 2rem;
288
398
  }
289
- .eds-top-navigation-item::after {
290
- content: "";
291
- display: block;
292
- bottom: 1rem;
293
- height: 0.1875rem;
294
- width: 0;
295
- margin: 0 auto;
296
- opacity: var(--show-active-line);
297
- background: #ff5959;
298
- transition: width ease-in-out 0.2s, opacity ease-in-out 0.2s;
399
+ .eds-contrast .eds-pagination__page {
400
+ border-color: #54568c;
299
401
  }
300
- .eds-top-navigation-item:focus {
301
- outline-offset: 0.125rem;
302
- outline: none;
303
- box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
402
+ .eds-pagination__page--selected {
403
+ background: #d1d4e3;
404
+ border-color: #181c56;
405
+ color: inherit;
406
+ opacity: 1;
407
+ pointer-events: none;
304
408
  }
305
- .eds-contrast .eds-top-navigation-item:focus {
306
- box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
409
+ .eds-contrast .eds-pagination__page--selected {
410
+ border-color: #ffffff;
411
+ background: #393d79;
307
412
  }
308
- .eds-top-navigation-item:hover {
309
- --show-active-line: 1;
413
+ .eds-pagination__page--disabled {
414
+ opacity: 0.5;
415
+ pointer-events: none;
310
416
  }
311
- .eds-top-navigation-item:hover::after {
417
+ .eds-pagination__page:hover {
418
+ background-color: #d1d4e3;
419
+ border-color: #d1d4e3;
420
+ }
421
+ .eds-contrast .eds-pagination__page:hover {
422
+ background-color: #393d79;
423
+ border-color: #393d79;
424
+ }
425
+ .eds-pagination__page:focus {
426
+ outline: none;
427
+ border-color: #181c56;
428
+ }
429
+ .eds-contrast .eds-pagination__page:focus {
430
+ border-color: #ffffff;
431
+ }
432
+
433
+ .eds-pagination__ellipsis {
434
+ align-items: baseline;
435
+ cursor: default;
436
+ display: flex;
437
+ font-size: 1.5rem;
438
+ height: 2rem;
439
+ justify-content: center;
440
+ -webkit-user-select: none;
441
+ -moz-user-select: none;
442
+ user-select: none;
312
443
  width: 2rem;
444
+ margin: 0 2px;
313
445
  }
314
- .eds-top-navigation-item--active {
315
- --show-active-line: 1;
446
+
447
+ .eds-pagination__input-wrapper {
448
+ white-space: nowrap;
316
449
  }
317
- .eds-top-navigation-item--active::after {
450
+ .eds-pagination__input-label {
451
+ border-left: 0.0625rem solid #d1d3d3;
452
+ color: #656782;
453
+ font-size: 0.875rem;
454
+ margin-left: 0.5rem;
455
+ padding: 0 1rem;
456
+ }
457
+ .eds-contrast .eds-pagination__input-label {
458
+ border-color: #393d79;
459
+ color: #aeb7e2;
460
+ }
461
+ .eds-pagination__input-field {
462
+ -webkit-appearance: none;
463
+ -moz-appearance: none;
464
+ appearance: none;
465
+ background: transparent;
466
+ border: 0.0625rem solid #d1d3d3;
467
+ border-radius: 0.25rem;
468
+ color: inherit;
469
+ font-family: inherit;
470
+ font-size: 0.875rem;
471
+ height: 2rem;
472
+ text-align: center;
318
473
  width: 2rem;
319
474
  }
475
+ .eds-pagination__input-field::-webkit-inner-spin-button, .eds-pagination__input-field::-webkit-outer-spin-button {
476
+ -webkit-appearance: none;
477
+ appearance: none;
478
+ margin: 0;
479
+ }
320
480
  /* DO NOT CHANGE!*/
321
481
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
322
482
  .eds-stepper {
@@ -522,163 +682,3 @@
522
682
  position: relative;
523
683
  right: calc(100% - 2rem);
524
684
  }
525
- /* DO NOT CHANGE!*/
526
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
527
- .eds-pagination {
528
- align-items: center;
529
- display: flex;
530
- flex-wrap: wrap;
531
- row-gap: 0.75rem;
532
- justify-content: space-between;
533
- }
534
- .eds-pagination__results {
535
- align-items: center;
536
- display: flex;
537
- flex: 1;
538
- justify-content: flex-start;
539
- }
540
- .eds-pagination__results-label {
541
- margin-right: 0.5rem;
542
- }
543
- .eds-pagination__controls {
544
- align-items: center;
545
- display: flex;
546
- justify-content: center;
547
- }
548
- .eds-pagination__results:first-of-type:last-of-type, .eds-pagination__controls:first-of-type:last-of-type {
549
- margin: 0 auto;
550
- }
551
-
552
- .eds-pagination-menu__menu-button {
553
- -webkit-appearance: none;
554
- -moz-appearance: none;
555
- appearance: none;
556
- background: transparent;
557
- border: 0.0625rem solid #d1d3d3;
558
- border-radius: 0.25rem;
559
- color: inherit;
560
- font-family: inherit;
561
- display: flex;
562
- align-items: center;
563
- justify-content: space-around;
564
- height: 2rem;
565
- margin-left: 0.25rem;
566
- margin-right: 1rem;
567
- width: 3.5rem;
568
- }
569
- .eds-pagination-menu__menu-button--open {
570
- border-color: currentColor;
571
- }
572
- .eds-pagination-menu__menu-button:focus {
573
- outline: none;
574
- box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
575
- }
576
- .eds-pagination-menu__menu-list {
577
- width: 3.5rem;
578
- }
579
-
580
- .eds-pagination__page {
581
- align-items: center;
582
- -webkit-appearance: none;
583
- -moz-appearance: none;
584
- appearance: none;
585
- background: transparent;
586
- border: 0.0625rem solid #d1d3d3;
587
- border-color: #d1d3d3;
588
- border-radius: 0.25rem;
589
- color: inherit;
590
- cursor: pointer;
591
- display: flex;
592
- font-family: inherit;
593
- font-size: 0.875rem;
594
- height: 2rem;
595
- justify-content: center;
596
- margin: 0 0.125rem;
597
- padding: 0 0.25rem;
598
- transition: background 0.1s ease-out, border-color 0.1s ease-out;
599
- -webkit-user-select: none;
600
- -moz-user-select: none;
601
- user-select: none;
602
- min-width: 2rem;
603
- }
604
- .eds-contrast .eds-pagination__page {
605
- border-color: #54568c;
606
- }
607
- .eds-pagination__page--selected {
608
- background: #d1d4e3;
609
- border-color: #181c56;
610
- color: inherit;
611
- opacity: 1;
612
- pointer-events: none;
613
- }
614
- .eds-contrast .eds-pagination__page--selected {
615
- border-color: #ffffff;
616
- background: #393d79;
617
- }
618
- .eds-pagination__page--disabled {
619
- opacity: 0.5;
620
- pointer-events: none;
621
- }
622
- .eds-pagination__page:hover {
623
- background-color: #d1d4e3;
624
- border-color: #d1d4e3;
625
- }
626
- .eds-contrast .eds-pagination__page:hover {
627
- background-color: #393d79;
628
- border-color: #393d79;
629
- }
630
- .eds-pagination__page:focus {
631
- outline: none;
632
- border-color: #181c56;
633
- }
634
- .eds-contrast .eds-pagination__page:focus {
635
- border-color: #ffffff;
636
- }
637
-
638
- .eds-pagination__ellipsis {
639
- align-items: baseline;
640
- cursor: default;
641
- display: flex;
642
- font-size: 1.5rem;
643
- height: 2rem;
644
- justify-content: center;
645
- -webkit-user-select: none;
646
- -moz-user-select: none;
647
- user-select: none;
648
- width: 2rem;
649
- margin: 0 2px;
650
- }
651
-
652
- .eds-pagination__input-wrapper {
653
- white-space: nowrap;
654
- }
655
- .eds-pagination__input-label {
656
- border-left: 0.0625rem solid #d1d3d3;
657
- color: #656782;
658
- font-size: 0.875rem;
659
- margin-left: 0.5rem;
660
- padding: 0 1rem;
661
- }
662
- .eds-contrast .eds-pagination__input-label {
663
- border-color: #393d79;
664
- color: #aeb7e2;
665
- }
666
- .eds-pagination__input-field {
667
- -webkit-appearance: none;
668
- -moz-appearance: none;
669
- appearance: none;
670
- background: transparent;
671
- border: 0.0625rem solid #d1d3d3;
672
- border-radius: 0.25rem;
673
- color: inherit;
674
- font-family: inherit;
675
- font-size: 0.875rem;
676
- height: 2rem;
677
- text-align: center;
678
- width: 2rem;
679
- }
680
- .eds-pagination__input-field::-webkit-inner-spin-button, .eds-pagination__input-field::-webkit-outer-spin-button {
681
- -webkit-appearance: none;
682
- appearance: none;
683
- margin: 0;
684
- }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/menu",
3
- "version": "4.1.40",
3
+ "version": "4.1.41",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/menu.esm.js",
@@ -29,9 +29,9 @@
29
29
  "dependencies": {
30
30
  "@entur/a11y": "^0.2.65",
31
31
  "@entur/button": "^3.0.7",
32
- "@entur/expand": "^3.3.45",
33
- "@entur/icons": "^6.2.1",
34
- "@entur/layout": "^2.1.31",
32
+ "@entur/expand": "^3.4.0",
33
+ "@entur/icons": "^6.3.0",
34
+ "@entur/layout": "^2.1.32",
35
35
  "@entur/tokens": "^3.9.0",
36
36
  "@entur/typography": "^1.7.17",
37
37
  "@entur/utils": "^0.9.0",
@@ -39,5 +39,5 @@
39
39
  "@reach/polymorphic": "0.18.0",
40
40
  "classnames": "^2.3.1"
41
41
  },
42
- "gitHead": "be029b3d6a7f40e805697a28daf0c5df55a6177d"
42
+ "gitHead": "a4e1d50fdac6ac767d5a90e92360c8d07e7c5e9c"
43
43
  }