@entur/menu 4.1.26 → 4.1.27

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 +211 -211
  2. package/package.json +10 -10
package/dist/styles.css CHANGED
@@ -1,51 +1,6 @@
1
1
  :root {
2
2
  --eds-menu: 1;
3
3
  --reach-menu-button: 1;
4
- }/* DO NOT CHANGE!*/
5
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
6
- .eds-breadcrumb {
7
- list-style: none;
8
- margin: 0;
9
- padding: 0;
10
- }
11
-
12
- .eds-breadcrumb__item {
13
- display: inline-block;
14
- }
15
-
16
- .eds-breadcrumb__separator {
17
- margin: 0 0.25rem 0 0.25rem;
18
- }
19
-
20
- .eds-breadcrumb__link {
21
- text-decoration: none;
22
- color: inherit;
23
- background-image: linear-gradient(120deg, #181c56 0%, #181c56 100%);
24
- background-repeat: no-repeat;
25
- background-size: 100% 0.125rem;
26
- background-position: 0 100%;
27
- }
28
- .eds-contrast .eds-breadcrumb__link {
29
- background-image: linear-gradient(120deg, #ffffff 0%, #ffffff 100%);
30
- }
31
- .eds-breadcrumb__link:hover {
32
- animation: eds-breadcrumb-underline 0.3s ease-in;
33
- }
34
- .eds-breadcrumb__link:focus {
35
- outline: none;
36
- box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
37
- outline-offset: 0.125rem;
38
- }
39
- @keyframes eds-breadcrumb-underline {
40
- from {
41
- background-size: 0% 0.125rem;
42
- }
43
- to {
44
- background-size: 100% 0.125rem;
45
- }
46
- }
47
- .eds-breadcrumb__link--current {
48
- font-weight: 600;
49
4
  }@charset "UTF-8";
50
5
  /* DO NOT CHANGE!*/
51
6
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
@@ -268,6 +223,169 @@
268
223
  outline: 2px solid #ffffff;
269
224
  }/* DO NOT CHANGE!*/
270
225
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
226
+ .eds-breadcrumb {
227
+ list-style: none;
228
+ margin: 0;
229
+ padding: 0;
230
+ }
231
+
232
+ .eds-breadcrumb__item {
233
+ display: inline-block;
234
+ }
235
+
236
+ .eds-breadcrumb__separator {
237
+ margin: 0 0.25rem 0 0.25rem;
238
+ }
239
+
240
+ .eds-breadcrumb__link {
241
+ text-decoration: none;
242
+ color: inherit;
243
+ background-image: linear-gradient(120deg, #181c56 0%, #181c56 100%);
244
+ background-repeat: no-repeat;
245
+ background-size: 100% 0.125rem;
246
+ background-position: 0 100%;
247
+ }
248
+ .eds-contrast .eds-breadcrumb__link {
249
+ background-image: linear-gradient(120deg, #ffffff 0%, #ffffff 100%);
250
+ }
251
+ .eds-breadcrumb__link:hover {
252
+ animation: eds-breadcrumb-underline 0.3s ease-in;
253
+ }
254
+ .eds-breadcrumb__link:focus {
255
+ outline: none;
256
+ box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
257
+ outline-offset: 0.125rem;
258
+ }
259
+ @keyframes eds-breadcrumb-underline {
260
+ from {
261
+ background-size: 0% 0.125rem;
262
+ }
263
+ to {
264
+ background-size: 100% 0.125rem;
265
+ }
266
+ }
267
+ .eds-breadcrumb__link--current {
268
+ font-weight: 600;
269
+ }/* DO NOT CHANGE!*/
270
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
271
+ .eds-stepper {
272
+ display: flex;
273
+ flex-direction: row;
274
+ }
275
+ .eds-stepper__item__container {
276
+ cursor: pointer;
277
+ font-family: inherit;
278
+ text-transform: none;
279
+ -webkit-appearance: none;
280
+ -moz-appearance: none;
281
+ appearance: none;
282
+ background: none;
283
+ border: none;
284
+ margin: 0;
285
+ padding: 0;
286
+ align-items: inherit;
287
+ display: flex;
288
+ flex-grow: 1;
289
+ flex-basis: 0;
290
+ flex-direction: column;
291
+ margin-left: 0.25rem;
292
+ }
293
+ .eds-stepper__item__container--non-interactive {
294
+ cursor: default;
295
+ }
296
+ .eds-stepper__item__container:focus {
297
+ outline-offset: 0.125rem;
298
+ outline: none;
299
+ box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
300
+ }
301
+ .eds-contrast .eds-stepper__item__container:focus {
302
+ box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
303
+ }
304
+ .eds-stepper__item__container:first-child {
305
+ margin-left: 0;
306
+ }
307
+ .eds-stepper__item__label {
308
+ cursor: inherit;
309
+ flex-grow: 1;
310
+ flex-direction: column;
311
+ text-align: center;
312
+ font-size: 0.875rem;
313
+ padding: 0.25rem 1rem;
314
+ }
315
+ .eds-stepper__item__label--active {
316
+ font-weight: 600;
317
+ }
318
+ .eds-stepper__item__label.eds-stepper__item__label--active {
319
+ color: #181c56;
320
+ }
321
+ .eds-contrast .eds-stepper__item__label.eds-stepper__item__label--active {
322
+ color: #ffffff;
323
+ }
324
+ .eds-stepper__item__label.eds-stepper__item__label--has-been {
325
+ color: #181c56;
326
+ }
327
+ .eds-contrast .eds-stepper__item__label.eds-stepper__item__label--has-been {
328
+ color: #ffffff;
329
+ }
330
+ .eds-stepper__item__square {
331
+ height: 0.5rem;
332
+ }
333
+ .eds-stepper__item__square--active {
334
+ color: inherit;
335
+ background: #e9e9e9;
336
+ position: relative;
337
+ }
338
+ .eds-stepper__item__square--active:before {
339
+ background: #181c56;
340
+ content: "";
341
+ position: absolute;
342
+ right: calc(50% - 0.2rem);
343
+ border-radius: 0.0625rem;
344
+ bottom: 0.0625rem;
345
+ width: calc(
346
+ 0.5rem - 0.125rem - 0.01rem
347
+ );
348
+ height: calc(
349
+ 0.5rem - 0.125rem - 0.01rem
350
+ );
351
+ transform: rotate(45deg);
352
+ }
353
+ .eds-contrast .eds-stepper__item__square--active:before {
354
+ border-left-color: #aeb7e2;
355
+ border-left-color: #aeb7e2;
356
+ }
357
+ .eds-stepper__item__square--active:after {
358
+ content: "";
359
+ position: absolute;
360
+ left: 0;
361
+ bottom: 0;
362
+ width: 50%;
363
+ height: 0.5rem;
364
+ background: #181c56;
365
+ }
366
+ .eds-contrast .eds-stepper__item__square--active:after {
367
+ background: #aeb7e2;
368
+ }
369
+ .eds-contrast .eds-stepper__item__square--active {
370
+ background: #aeb7e2;
371
+ background: #393d79;
372
+ }
373
+ .eds-stepper__item__square--inactive {
374
+ color: #656782;
375
+ background: #e9e9e9;
376
+ }
377
+ .eds-contrast .eds-stepper__item__square--inactive {
378
+ color: #aeb7e2;
379
+ background: #393d79;
380
+ }
381
+ .eds-stepper__item__square--has-been {
382
+ color: inherit;
383
+ background: #181c56;
384
+ }
385
+ .eds-contrast .eds-stepper__item__square--has-been {
386
+ background: #aeb7e2;
387
+ }/* DO NOT CHANGE!*/
388
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
271
389
  .eds-pagination {
272
390
  align-items: center;
273
391
  display: flex;
@@ -427,172 +545,6 @@
427
545
  margin: 0;
428
546
  }/* DO NOT CHANGE!*/
429
547
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
430
- .eds-top-navigation-item {
431
- --show-active-line: 0;
432
- display: inline-block;
433
- cursor: pointer;
434
- color: inherit;
435
- text-decoration: none;
436
- position: relative;
437
- padding: 1rem;
438
- min-width: 5rem;
439
- width: -moz-fit-content;
440
- width: fit-content;
441
- text-align: center;
442
- font-family: inherit;
443
- font-size: 1rem;
444
- font-weight: 600;
445
- }
446
- .eds-top-navigation-item::after {
447
- content: "";
448
- display: block;
449
- bottom: 1rem;
450
- height: 0.1875rem;
451
- width: 0;
452
- margin: 0 auto;
453
- opacity: var(--show-active-line);
454
- background: #ff5959;
455
- transition: width ease-in-out 0.2s, opacity ease-in-out 0.2s;
456
- }
457
- .eds-top-navigation-item:focus {
458
- outline-offset: 0.125rem;
459
- outline: none;
460
- box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
461
- }
462
- .eds-contrast .eds-top-navigation-item:focus {
463
- box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
464
- }
465
- .eds-top-navigation-item:hover {
466
- --show-active-line: 1;
467
- }
468
- .eds-top-navigation-item:hover::after {
469
- width: 2rem;
470
- }
471
- .eds-top-navigation-item--active {
472
- --show-active-line: 1;
473
- }
474
- .eds-top-navigation-item--active::after {
475
- width: 2rem;
476
- }/* DO NOT CHANGE!*/
477
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
478
- .eds-stepper {
479
- display: flex;
480
- flex-direction: row;
481
- }
482
- .eds-stepper__item__container {
483
- cursor: pointer;
484
- font-family: inherit;
485
- text-transform: none;
486
- -webkit-appearance: none;
487
- -moz-appearance: none;
488
- appearance: none;
489
- background: none;
490
- border: none;
491
- margin: 0;
492
- padding: 0;
493
- align-items: inherit;
494
- display: flex;
495
- flex-grow: 1;
496
- flex-basis: 0;
497
- flex-direction: column;
498
- margin-left: 0.25rem;
499
- }
500
- .eds-stepper__item__container--non-interactive {
501
- cursor: default;
502
- }
503
- .eds-stepper__item__container:focus {
504
- outline-offset: 0.125rem;
505
- outline: none;
506
- box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
507
- }
508
- .eds-contrast .eds-stepper__item__container:focus {
509
- box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
510
- }
511
- .eds-stepper__item__container:first-child {
512
- margin-left: 0;
513
- }
514
- .eds-stepper__item__label {
515
- cursor: inherit;
516
- flex-grow: 1;
517
- flex-direction: column;
518
- text-align: center;
519
- font-size: 0.875rem;
520
- padding: 0.25rem 1rem;
521
- }
522
- .eds-stepper__item__label--active {
523
- font-weight: 600;
524
- }
525
- .eds-stepper__item__label.eds-stepper__item__label--active {
526
- color: #181c56;
527
- }
528
- .eds-contrast .eds-stepper__item__label.eds-stepper__item__label--active {
529
- color: #ffffff;
530
- }
531
- .eds-stepper__item__label.eds-stepper__item__label--has-been {
532
- color: #181c56;
533
- }
534
- .eds-contrast .eds-stepper__item__label.eds-stepper__item__label--has-been {
535
- color: #ffffff;
536
- }
537
- .eds-stepper__item__square {
538
- height: 0.5rem;
539
- }
540
- .eds-stepper__item__square--active {
541
- color: inherit;
542
- background: #e9e9e9;
543
- position: relative;
544
- }
545
- .eds-stepper__item__square--active:before {
546
- background: #181c56;
547
- content: "";
548
- position: absolute;
549
- right: calc(50% - 0.2rem);
550
- border-radius: 0.0625rem;
551
- bottom: 0.0625rem;
552
- width: calc(
553
- 0.5rem - 0.125rem - 0.01rem
554
- );
555
- height: calc(
556
- 0.5rem - 0.125rem - 0.01rem
557
- );
558
- transform: rotate(45deg);
559
- }
560
- .eds-contrast .eds-stepper__item__square--active:before {
561
- border-left-color: #aeb7e2;
562
- border-left-color: #aeb7e2;
563
- }
564
- .eds-stepper__item__square--active:after {
565
- content: "";
566
- position: absolute;
567
- left: 0;
568
- bottom: 0;
569
- width: 50%;
570
- height: 0.5rem;
571
- background: #181c56;
572
- }
573
- .eds-contrast .eds-stepper__item__square--active:after {
574
- background: #aeb7e2;
575
- }
576
- .eds-contrast .eds-stepper__item__square--active {
577
- background: #aeb7e2;
578
- background: #393d79;
579
- }
580
- .eds-stepper__item__square--inactive {
581
- color: #656782;
582
- background: #e9e9e9;
583
- }
584
- .eds-contrast .eds-stepper__item__square--inactive {
585
- color: #aeb7e2;
586
- background: #393d79;
587
- }
588
- .eds-stepper__item__square--has-been {
589
- color: inherit;
590
- background: #181c56;
591
- }
592
- .eds-contrast .eds-stepper__item__square--has-been {
593
- background: #aeb7e2;
594
- }/* DO NOT CHANGE!*/
595
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
596
548
  .eds-overflow-menu__item {
597
549
  -webkit-appearance: none;
598
550
  -moz-appearance: none;
@@ -676,4 +628,52 @@
676
628
  [data-reach-menu-popover] .eds-overflow-menu__menu-list--left {
677
629
  position: relative;
678
630
  right: calc(100% - 2rem);
631
+ }/* DO NOT CHANGE!*/
632
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
633
+ .eds-top-navigation-item {
634
+ --show-active-line: 0;
635
+ display: inline-block;
636
+ cursor: pointer;
637
+ color: inherit;
638
+ text-decoration: none;
639
+ position: relative;
640
+ padding: 1rem;
641
+ min-width: 5rem;
642
+ width: -moz-fit-content;
643
+ width: fit-content;
644
+ text-align: center;
645
+ font-family: inherit;
646
+ font-size: 1rem;
647
+ font-weight: 600;
648
+ }
649
+ .eds-top-navigation-item::after {
650
+ content: "";
651
+ display: block;
652
+ bottom: 1rem;
653
+ height: 0.1875rem;
654
+ width: 0;
655
+ margin: 0 auto;
656
+ opacity: var(--show-active-line);
657
+ background: #ff5959;
658
+ transition: width ease-in-out 0.2s, opacity ease-in-out 0.2s;
659
+ }
660
+ .eds-top-navigation-item:focus {
661
+ outline-offset: 0.125rem;
662
+ outline: none;
663
+ box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
664
+ }
665
+ .eds-contrast .eds-top-navigation-item:focus {
666
+ box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
667
+ }
668
+ .eds-top-navigation-item:hover {
669
+ --show-active-line: 1;
670
+ }
671
+ .eds-top-navigation-item:hover::after {
672
+ width: 2rem;
673
+ }
674
+ .eds-top-navigation-item--active {
675
+ --show-active-line: 1;
676
+ }
677
+ .eds-top-navigation-item--active::after {
678
+ width: 2rem;
679
679
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/menu",
3
- "version": "4.1.26",
3
+ "version": "4.1.27",
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.57",
31
- "@entur/button": "^2.10.12",
32
- "@entur/expand": "^3.3.33",
33
- "@entur/icons": "^5.6.0",
34
- "@entur/layout": "^2.1.19",
35
- "@entur/tokens": "^3.6.0",
36
- "@entur/typography": "^1.7.8",
37
- "@entur/utils": "^0.5.3",
30
+ "@entur/a11y": "^0.2.58",
31
+ "@entur/button": "^2.10.13",
32
+ "@entur/expand": "^3.3.34",
33
+ "@entur/icons": "^5.7.0",
34
+ "@entur/layout": "^2.1.20",
35
+ "@entur/tokens": "^3.7.0",
36
+ "@entur/typography": "^1.7.9",
37
+ "@entur/utils": "^0.5.4",
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": "be56a9cea51aa1cf026d38174750f2a52e67a463"
42
+ "gitHead": "0488198c40c8c610f981c97c8a755a9a435044dd"
43
43
  }