@entur/menu 4.1.38 → 4.1.39

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 +160 -160
  2. package/package.json +3 -3
package/dist/styles.css CHANGED
@@ -270,6 +270,166 @@
270
270
  }
271
271
  /* DO NOT CHANGE!*/
272
272
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
273
+ .eds-pagination {
274
+ align-items: center;
275
+ display: flex;
276
+ flex-wrap: wrap;
277
+ row-gap: 0.75rem;
278
+ justify-content: space-between;
279
+ }
280
+ .eds-pagination__results {
281
+ align-items: center;
282
+ display: flex;
283
+ flex: 1;
284
+ justify-content: flex-start;
285
+ }
286
+ .eds-pagination__results-label {
287
+ margin-right: 0.5rem;
288
+ }
289
+ .eds-pagination__controls {
290
+ align-items: center;
291
+ display: flex;
292
+ justify-content: center;
293
+ }
294
+ .eds-pagination__results:first-of-type:last-of-type, .eds-pagination__controls:first-of-type:last-of-type {
295
+ margin: 0 auto;
296
+ }
297
+
298
+ .eds-pagination-menu__menu-button {
299
+ -webkit-appearance: none;
300
+ -moz-appearance: none;
301
+ appearance: none;
302
+ background: transparent;
303
+ border: 0.0625rem solid #d1d3d3;
304
+ border-radius: 0.25rem;
305
+ color: inherit;
306
+ font-family: inherit;
307
+ display: flex;
308
+ align-items: center;
309
+ justify-content: space-around;
310
+ height: 2rem;
311
+ margin-left: 0.25rem;
312
+ margin-right: 1rem;
313
+ width: 3.5rem;
314
+ }
315
+ .eds-pagination-menu__menu-button--open {
316
+ border-color: currentColor;
317
+ }
318
+ .eds-pagination-menu__menu-button:focus {
319
+ outline: none;
320
+ box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
321
+ }
322
+ .eds-pagination-menu__menu-list {
323
+ width: 3.5rem;
324
+ }
325
+
326
+ .eds-pagination__page {
327
+ align-items: center;
328
+ -webkit-appearance: none;
329
+ -moz-appearance: none;
330
+ appearance: none;
331
+ background: transparent;
332
+ border: 0.0625rem solid #d1d3d3;
333
+ border-color: #d1d3d3;
334
+ border-radius: 0.25rem;
335
+ color: inherit;
336
+ cursor: pointer;
337
+ display: flex;
338
+ font-family: inherit;
339
+ font-size: 0.875rem;
340
+ height: 2rem;
341
+ justify-content: center;
342
+ margin: 0 0.125rem;
343
+ padding: 0 0.25rem;
344
+ transition: background 0.1s ease-out, border-color 0.1s ease-out;
345
+ -webkit-user-select: none;
346
+ -moz-user-select: none;
347
+ user-select: none;
348
+ min-width: 2rem;
349
+ }
350
+ .eds-contrast .eds-pagination__page {
351
+ border-color: #54568c;
352
+ }
353
+ .eds-pagination__page--selected {
354
+ background: #d1d4e3;
355
+ border-color: #181c56;
356
+ color: inherit;
357
+ opacity: 1;
358
+ pointer-events: none;
359
+ }
360
+ .eds-contrast .eds-pagination__page--selected {
361
+ border-color: #ffffff;
362
+ background: #393d79;
363
+ }
364
+ .eds-pagination__page--disabled {
365
+ opacity: 0.5;
366
+ pointer-events: none;
367
+ }
368
+ .eds-pagination__page:hover {
369
+ background-color: #d1d4e3;
370
+ border-color: #d1d4e3;
371
+ }
372
+ .eds-contrast .eds-pagination__page:hover {
373
+ background-color: #393d79;
374
+ border-color: #393d79;
375
+ }
376
+ .eds-pagination__page:focus {
377
+ outline: none;
378
+ border-color: #181c56;
379
+ }
380
+ .eds-contrast .eds-pagination__page:focus {
381
+ border-color: #ffffff;
382
+ }
383
+
384
+ .eds-pagination__ellipsis {
385
+ align-items: baseline;
386
+ cursor: default;
387
+ display: flex;
388
+ font-size: 1.5rem;
389
+ height: 2rem;
390
+ justify-content: center;
391
+ -webkit-user-select: none;
392
+ -moz-user-select: none;
393
+ user-select: none;
394
+ width: 2rem;
395
+ margin: 0 2px;
396
+ }
397
+
398
+ .eds-pagination__input-wrapper {
399
+ white-space: nowrap;
400
+ }
401
+ .eds-pagination__input-label {
402
+ border-left: 0.0625rem solid #d1d3d3;
403
+ color: #656782;
404
+ font-size: 0.875rem;
405
+ margin-left: 0.5rem;
406
+ padding: 0 1rem;
407
+ }
408
+ .eds-contrast .eds-pagination__input-label {
409
+ border-color: #393d79;
410
+ color: #aeb7e2;
411
+ }
412
+ .eds-pagination__input-field {
413
+ -webkit-appearance: none;
414
+ -moz-appearance: none;
415
+ appearance: none;
416
+ background: transparent;
417
+ border: 0.0625rem solid #d1d3d3;
418
+ border-radius: 0.25rem;
419
+ color: inherit;
420
+ font-family: inherit;
421
+ font-size: 0.875rem;
422
+ height: 2rem;
423
+ text-align: center;
424
+ width: 2rem;
425
+ }
426
+ .eds-pagination__input-field::-webkit-inner-spin-button, .eds-pagination__input-field::-webkit-outer-spin-button {
427
+ -webkit-appearance: none;
428
+ appearance: none;
429
+ margin: 0;
430
+ }
431
+ /* DO NOT CHANGE!*/
432
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
273
433
  .eds-top-navigation-item {
274
434
  --show-active-line: 0;
275
435
  display: inline-block;
@@ -438,166 +598,6 @@
438
598
  }
439
599
  /* DO NOT CHANGE!*/
440
600
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
441
- .eds-pagination {
442
- align-items: center;
443
- display: flex;
444
- flex-wrap: wrap;
445
- row-gap: 0.75rem;
446
- justify-content: space-between;
447
- }
448
- .eds-pagination__results {
449
- align-items: center;
450
- display: flex;
451
- flex: 1;
452
- justify-content: flex-start;
453
- }
454
- .eds-pagination__results-label {
455
- margin-right: 0.5rem;
456
- }
457
- .eds-pagination__controls {
458
- align-items: center;
459
- display: flex;
460
- justify-content: center;
461
- }
462
- .eds-pagination__results:first-of-type:last-of-type, .eds-pagination__controls:first-of-type:last-of-type {
463
- margin: 0 auto;
464
- }
465
-
466
- .eds-pagination-menu__menu-button {
467
- -webkit-appearance: none;
468
- -moz-appearance: none;
469
- appearance: none;
470
- background: transparent;
471
- border: 0.0625rem solid #d1d3d3;
472
- border-radius: 0.25rem;
473
- color: inherit;
474
- font-family: inherit;
475
- display: flex;
476
- align-items: center;
477
- justify-content: space-around;
478
- height: 2rem;
479
- margin-left: 0.25rem;
480
- margin-right: 1rem;
481
- width: 3.5rem;
482
- }
483
- .eds-pagination-menu__menu-button--open {
484
- border-color: currentColor;
485
- }
486
- .eds-pagination-menu__menu-button:focus {
487
- outline: none;
488
- box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
489
- }
490
- .eds-pagination-menu__menu-list {
491
- width: 3.5rem;
492
- }
493
-
494
- .eds-pagination__page {
495
- align-items: center;
496
- -webkit-appearance: none;
497
- -moz-appearance: none;
498
- appearance: none;
499
- background: transparent;
500
- border: 0.0625rem solid #d1d3d3;
501
- border-color: #d1d3d3;
502
- border-radius: 0.25rem;
503
- color: inherit;
504
- cursor: pointer;
505
- display: flex;
506
- font-family: inherit;
507
- font-size: 0.875rem;
508
- height: 2rem;
509
- justify-content: center;
510
- margin: 0 0.125rem;
511
- padding: 0 0.25rem;
512
- transition: background 0.1s ease-out, border-color 0.1s ease-out;
513
- -webkit-user-select: none;
514
- -moz-user-select: none;
515
- user-select: none;
516
- min-width: 2rem;
517
- }
518
- .eds-contrast .eds-pagination__page {
519
- border-color: #54568c;
520
- }
521
- .eds-pagination__page--selected {
522
- background: #d1d4e3;
523
- border-color: #181c56;
524
- color: inherit;
525
- opacity: 1;
526
- pointer-events: none;
527
- }
528
- .eds-contrast .eds-pagination__page--selected {
529
- border-color: #ffffff;
530
- background: #393d79;
531
- }
532
- .eds-pagination__page--disabled {
533
- opacity: 0.5;
534
- pointer-events: none;
535
- }
536
- .eds-pagination__page:hover {
537
- background-color: #d1d4e3;
538
- border-color: #d1d4e3;
539
- }
540
- .eds-contrast .eds-pagination__page:hover {
541
- background-color: #393d79;
542
- border-color: #393d79;
543
- }
544
- .eds-pagination__page:focus {
545
- outline: none;
546
- border-color: #181c56;
547
- }
548
- .eds-contrast .eds-pagination__page:focus {
549
- border-color: #ffffff;
550
- }
551
-
552
- .eds-pagination__ellipsis {
553
- align-items: baseline;
554
- cursor: default;
555
- display: flex;
556
- font-size: 1.5rem;
557
- height: 2rem;
558
- justify-content: center;
559
- -webkit-user-select: none;
560
- -moz-user-select: none;
561
- user-select: none;
562
- width: 2rem;
563
- margin: 0 2px;
564
- }
565
-
566
- .eds-pagination__input-wrapper {
567
- white-space: nowrap;
568
- }
569
- .eds-pagination__input-label {
570
- border-left: 0.0625rem solid #d1d3d3;
571
- color: #656782;
572
- font-size: 0.875rem;
573
- margin-left: 0.5rem;
574
- padding: 0 1rem;
575
- }
576
- .eds-contrast .eds-pagination__input-label {
577
- border-color: #393d79;
578
- color: #aeb7e2;
579
- }
580
- .eds-pagination__input-field {
581
- -webkit-appearance: none;
582
- -moz-appearance: none;
583
- appearance: none;
584
- background: transparent;
585
- border: 0.0625rem solid #d1d3d3;
586
- border-radius: 0.25rem;
587
- color: inherit;
588
- font-family: inherit;
589
- font-size: 0.875rem;
590
- height: 2rem;
591
- text-align: center;
592
- width: 2rem;
593
- }
594
- .eds-pagination__input-field::-webkit-inner-spin-button, .eds-pagination__input-field::-webkit-outer-spin-button {
595
- -webkit-appearance: none;
596
- appearance: none;
597
- margin: 0;
598
- }
599
- /* DO NOT CHANGE!*/
600
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
601
601
  .eds-overflow-menu__item {
602
602
  -webkit-appearance: none;
603
603
  -moz-appearance: none;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/menu",
3
- "version": "4.1.38",
3
+ "version": "4.1.39",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/menu.esm.js",
@@ -28,7 +28,7 @@
28
28
  },
29
29
  "dependencies": {
30
30
  "@entur/a11y": "^0.2.64",
31
- "@entur/button": "^3.0.5",
31
+ "@entur/button": "^3.0.6",
32
32
  "@entur/expand": "^3.3.44",
33
33
  "@entur/icons": "^6.2.0",
34
34
  "@entur/layout": "^2.1.30",
@@ -39,5 +39,5 @@
39
39
  "@reach/polymorphic": "0.18.0",
40
40
  "classnames": "^2.3.1"
41
41
  },
42
- "gitHead": "cd5c398453c486f6f160905247b94c6da2622d7c"
42
+ "gitHead": "02c9d76ac36b3357b91ee60ac3e0f66eb111c9c2"
43
43
  }