@entur/menu 4.1.44 → 4.1.45

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 +194 -194
  2. package/package.json +8 -8
package/dist/styles.css CHANGED
@@ -319,163 +319,89 @@
319
319
  }
320
320
  /* DO NOT CHANGE!*/
321
321
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
322
- .eds-pagination {
323
- align-items: center;
324
- display: flex;
325
- flex-wrap: wrap;
326
- row-gap: 0.75rem;
327
- justify-content: space-between;
328
- }
329
- .eds-pagination__results {
330
- align-items: center;
331
- display: flex;
332
- flex: 1;
333
- justify-content: flex-start;
334
- }
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;
345
- }
346
-
347
- .eds-pagination-menu__menu-button {
322
+ .eds-overflow-menu__item {
348
323
  -webkit-appearance: none;
349
324
  -moz-appearance: none;
350
325
  appearance: none;
351
- background: transparent;
352
- border: 0.0625rem solid #d1d3d3;
353
- border-radius: 0.25rem;
354
- color: inherit;
326
+ border: none;
327
+ font-size: 0.875rem;
355
328
  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;
329
+ color: var(--primary-text-color);
330
+ background: #f8f8f8;
331
+ display: block;
332
+ height: 3rem;
333
+ cursor: pointer;
334
+ width: 100%;
335
+ line-height: 1.375rem;
336
+ text-align: left;
337
+ padding: 0.75rem 1rem;
338
+ opacity: 1;
363
339
  }
364
- .eds-pagination-menu__menu-button--open {
365
- border-color: currentColor;
340
+ .eds-contrast .eds-overflow-menu__item {
341
+ color: #181c56;
366
342
  }
367
- .eds-pagination-menu__menu-button:focus {
368
- outline: none;
369
- box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
343
+ .eds-overflow-menu__item.eds-overflow-menu__item--disabled {
344
+ background: #e9e9e9;
345
+ color: #949494;
370
346
  }
371
- .eds-pagination-menu__menu-list {
372
- width: 3.5rem;
347
+ .eds-contrast .eds-overflow-menu__item.eds-overflow-menu__item--disabled {
348
+ background: #e9e9e9;
349
+ color: #949494;
373
350
  }
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;
384
- color: inherit;
385
- cursor: pointer;
386
- display: flex;
387
- font-family: inherit;
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;
351
+ .eds-overflow-menu__item.eds-overflow-menu__item--disabled:hover {
352
+ cursor: not-allowed;
353
+ background: #e9e9e9;
354
+ color: #949494;
398
355
  }
399
- .eds-contrast .eds-pagination__page {
400
- border-color: #54568c;
356
+ .eds-overflow-menu__item .eds-icon {
357
+ margin-right: 0.75rem;
401
358
  }
402
- .eds-pagination__page--selected {
359
+ .eds-overflow-menu__item:hover, .eds-overflow-menu__item:focus, .eds-overflow-menu__item[data-selected] {
403
360
  background: #d1d4e3;
404
- border-color: #181c56;
405
- color: inherit;
406
- opacity: 1;
407
- pointer-events: none;
408
361
  }
409
- .eds-contrast .eds-pagination__page--selected {
410
- border-color: #ffffff;
411
- background: #393d79;
412
- }
413
- .eds-pagination__page--disabled {
414
- opacity: 0.5;
415
- pointer-events: none;
362
+ .eds-overflow-menu__item:focus {
363
+ outline: none;
416
364
  }
417
- .eds-pagination__page:hover {
418
- background-color: #d1d4e3;
419
- border-color: #d1d4e3;
365
+
366
+ .eds-overflow-menu__item + .eds-overflow-menu__item {
367
+ border-top: 0.0625rem solid #e9e9e9;
420
368
  }
421
- .eds-contrast .eds-pagination__page:hover {
422
- background-color: #393d79;
423
- border-color: #393d79;
369
+
370
+ .eds-overflow-menu__menu-list[data-reach-menu-list] {
371
+ border: 0.0625rem solid #e9e9e9;
372
+ border-radius: 0.25rem;
373
+ box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
374
+ overflow: hidden;
424
375
  }
425
- .eds-pagination__page:focus {
376
+ .eds-overflow-menu__menu-list[data-reach-menu-list]:focus {
426
377
  outline: none;
427
- border-color: #181c56;
428
378
  }
429
- .eds-contrast .eds-pagination__page:focus {
430
- border-color: #ffffff;
379
+ .eds-overflow-menu__menu-list[data-reach-menu-list].eds-contrast {
380
+ box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121);
431
381
  }
432
382
 
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;
443
- width: 2rem;
444
- margin: 0 2px;
383
+ .eds-overflow-menu__menu-list[data-reach-menu-list],
384
+ .eds-overflow-menu__menu-list[data-reach-menu-items] {
385
+ animation: slide-in 0.2s ease-in-out;
445
386
  }
446
387
 
447
- .eds-pagination__input-wrapper {
448
- white-space: nowrap;
449
- }
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;
388
+ @keyframes slide-in {
389
+ 0% {
390
+ opacity: 0;
391
+ transform: translateY(0.5rem);
392
+ }
393
+ 100% {
394
+ opacity: 1;
395
+ transform: translateY(0);
396
+ }
460
397
  }
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;
473
- width: 2rem;
398
+ [data-reach-menu-popover] {
399
+ position: absolute;
400
+ z-index: 30;
474
401
  }
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;
402
+ [data-reach-menu-popover] .eds-overflow-menu__menu-list--left {
403
+ position: relative;
404
+ right: calc(100% - 2rem);
479
405
  }
480
406
  /* DO NOT CHANGE!*/
481
407
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
@@ -598,87 +524,161 @@
598
524
  }
599
525
  /* DO NOT CHANGE!*/
600
526
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
601
- .eds-overflow-menu__item {
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 {
602
553
  -webkit-appearance: none;
603
554
  -moz-appearance: none;
604
555
  appearance: none;
605
- border: none;
606
- font-size: 0.875rem;
556
+ background: transparent;
557
+ border: 0.0625rem solid #d1d3d3;
558
+ border-radius: 0.25rem;
559
+ color: inherit;
607
560
  font-family: inherit;
608
- color: var(--primary-text-color);
609
- background: #f8f8f8;
610
- display: block;
611
- height: 3rem;
612
- cursor: pointer;
613
- width: 100%;
614
- line-height: 1.375rem;
615
- text-align: left;
616
- padding: 0.75rem 1rem;
617
- opacity: 1;
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;
618
568
  }
619
- .eds-contrast .eds-overflow-menu__item {
620
- color: #181c56;
569
+ .eds-pagination-menu__menu-button--open {
570
+ border-color: currentColor;
621
571
  }
622
- .eds-overflow-menu__item.eds-overflow-menu__item--disabled {
623
- background: #e9e9e9;
624
- color: #949494;
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;
625
575
  }
626
- .eds-contrast .eds-overflow-menu__item.eds-overflow-menu__item--disabled {
627
- background: #e9e9e9;
628
- color: #949494;
576
+ .eds-pagination-menu__menu-list {
577
+ width: 3.5rem;
629
578
  }
630
- .eds-overflow-menu__item.eds-overflow-menu__item--disabled:hover {
631
- cursor: not-allowed;
632
- background: #e9e9e9;
633
- color: #949494;
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;
634
603
  }
635
- .eds-overflow-menu__item .eds-icon {
636
- margin-right: 0.75rem;
604
+ .eds-contrast .eds-pagination__page {
605
+ border-color: #54568c;
637
606
  }
638
- .eds-overflow-menu__item:hover, .eds-overflow-menu__item:focus, .eds-overflow-menu__item[data-selected] {
607
+ .eds-pagination__page--selected {
639
608
  background: #d1d4e3;
609
+ border-color: #181c56;
610
+ color: inherit;
611
+ opacity: 1;
612
+ pointer-events: none;
640
613
  }
641
- .eds-overflow-menu__item:focus {
642
- outline: none;
614
+ .eds-contrast .eds-pagination__page--selected {
615
+ border-color: #ffffff;
616
+ background: #393d79;
643
617
  }
644
-
645
- .eds-overflow-menu__item + .eds-overflow-menu__item {
646
- border-top: 0.0625rem solid #e9e9e9;
618
+ .eds-pagination__page--disabled {
619
+ opacity: 0.5;
620
+ pointer-events: none;
647
621
  }
648
-
649
- .eds-overflow-menu__menu-list[data-reach-menu-list] {
650
- border: 0.0625rem solid #e9e9e9;
651
- border-radius: 0.25rem;
652
- box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
653
- overflow: hidden;
622
+ .eds-pagination__page:hover {
623
+ background-color: #d1d4e3;
624
+ border-color: #d1d4e3;
654
625
  }
655
- .eds-overflow-menu__menu-list[data-reach-menu-list]:focus {
626
+ .eds-contrast .eds-pagination__page:hover {
627
+ background-color: #393d79;
628
+ border-color: #393d79;
629
+ }
630
+ .eds-pagination__page:focus {
656
631
  outline: none;
632
+ border-color: #181c56;
657
633
  }
658
- .eds-overflow-menu__menu-list[data-reach-menu-list].eds-contrast {
659
- box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121);
634
+ .eds-contrast .eds-pagination__page:focus {
635
+ border-color: #ffffff;
660
636
  }
661
637
 
662
- .eds-overflow-menu__menu-list[data-reach-menu-list],
663
- .eds-overflow-menu__menu-list[data-reach-menu-items] {
664
- animation: slide-in 0.2s ease-in-out;
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;
665
650
  }
666
651
 
667
- @keyframes slide-in {
668
- 0% {
669
- opacity: 0;
670
- transform: translateY(0.5rem);
671
- }
672
- 100% {
673
- opacity: 1;
674
- transform: translateY(0);
675
- }
652
+ .eds-pagination__input-wrapper {
653
+ white-space: nowrap;
676
654
  }
677
- [data-reach-menu-popover] {
678
- position: absolute;
679
- z-index: 30;
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;
680
661
  }
681
- [data-reach-menu-popover] .eds-overflow-menu__menu-list--left {
682
- position: relative;
683
- right: calc(100% - 2rem);
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
684
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/menu",
3
- "version": "4.1.44",
3
+ "version": "4.1.45",
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.67",
31
- "@entur/button": "^3.0.10",
32
- "@entur/expand": "^3.4.3",
30
+ "@entur/a11y": "^0.2.68",
31
+ "@entur/button": "^3.0.11",
32
+ "@entur/expand": "^3.4.4",
33
33
  "@entur/icons": "^6.3.1",
34
- "@entur/layout": "^2.1.35",
34
+ "@entur/layout": "^2.1.36",
35
35
  "@entur/tokens": "^3.10.0",
36
- "@entur/typography": "^1.8.2",
37
- "@entur/utils": "^0.9.2",
36
+ "@entur/typography": "^1.8.3",
37
+ "@entur/utils": "^0.9.3",
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": "a7f288d524c9ef12f3b78ea35b864c879c0f1cc3"
42
+ "gitHead": "9bf0838160519db9fb072af36dc19731dfb5e2dd"
43
43
  }