@entur/menu 4.1.35 → 4.1.37

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 +205 -205
  2. package/package.json +8 -8
package/dist/styles.css CHANGED
@@ -4,6 +4,92 @@
4
4
  }
5
5
  /* DO NOT CHANGE!*/
6
6
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
7
+ .eds-overflow-menu__item {
8
+ -webkit-appearance: none;
9
+ -moz-appearance: none;
10
+ appearance: none;
11
+ border: none;
12
+ font-size: 0.875rem;
13
+ font-family: inherit;
14
+ color: var(--primary-text-color);
15
+ background: #f8f8f8;
16
+ display: block;
17
+ height: 3rem;
18
+ cursor: pointer;
19
+ width: 100%;
20
+ line-height: 1.375rem;
21
+ text-align: left;
22
+ padding: 0.75rem 1rem;
23
+ opacity: 1;
24
+ }
25
+ .eds-contrast .eds-overflow-menu__item {
26
+ color: #181c56;
27
+ }
28
+ .eds-overflow-menu__item.eds-overflow-menu__item--disabled {
29
+ background: #e9e9e9;
30
+ color: #949494;
31
+ }
32
+ .eds-contrast .eds-overflow-menu__item.eds-overflow-menu__item--disabled {
33
+ background: #e9e9e9;
34
+ color: #949494;
35
+ }
36
+ .eds-overflow-menu__item.eds-overflow-menu__item--disabled:hover {
37
+ cursor: not-allowed;
38
+ background: #e9e9e9;
39
+ color: #949494;
40
+ }
41
+ .eds-overflow-menu__item .eds-icon {
42
+ margin-right: 0.75rem;
43
+ }
44
+ .eds-overflow-menu__item:hover, .eds-overflow-menu__item:focus, .eds-overflow-menu__item[data-selected] {
45
+ background: #d1d4e3;
46
+ }
47
+ .eds-overflow-menu__item:focus {
48
+ outline: none;
49
+ }
50
+
51
+ .eds-overflow-menu__item + .eds-overflow-menu__item {
52
+ border-top: 0.0625rem solid #e9e9e9;
53
+ }
54
+
55
+ .eds-overflow-menu__menu-list[data-reach-menu-list] {
56
+ border: 0.0625rem solid #e9e9e9;
57
+ border-radius: 0.25rem;
58
+ box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
59
+ overflow: hidden;
60
+ }
61
+ .eds-overflow-menu__menu-list[data-reach-menu-list]:focus {
62
+ outline: none;
63
+ }
64
+ .eds-overflow-menu__menu-list[data-reach-menu-list].eds-contrast {
65
+ box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121);
66
+ }
67
+
68
+ .eds-overflow-menu__menu-list[data-reach-menu-list],
69
+ .eds-overflow-menu__menu-list[data-reach-menu-items] {
70
+ animation: slide-in 0.2s ease-in-out;
71
+ }
72
+
73
+ @keyframes slide-in {
74
+ 0% {
75
+ opacity: 0;
76
+ transform: translateY(0.5rem);
77
+ }
78
+ 100% {
79
+ opacity: 1;
80
+ transform: translateY(0);
81
+ }
82
+ }
83
+ [data-reach-menu-popover] {
84
+ position: absolute;
85
+ z-index: 30;
86
+ }
87
+ [data-reach-menu-popover] .eds-overflow-menu__menu-list--left {
88
+ position: relative;
89
+ right: calc(100% - 2rem);
90
+ }
91
+ /* DO NOT CHANGE!*/
92
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
7
93
  .eds-breadcrumb {
8
94
  list-style: none;
9
95
  margin: 0;
@@ -50,125 +136,6 @@
50
136
  }
51
137
  /* DO NOT CHANGE!*/
52
138
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
53
- .eds-stepper {
54
- display: flex;
55
- flex-direction: row;
56
- }
57
- .eds-stepper__item__container {
58
- cursor: pointer;
59
- font-family: inherit;
60
- text-transform: none;
61
- -webkit-appearance: none;
62
- -moz-appearance: none;
63
- appearance: none;
64
- background: none;
65
- border: none;
66
- margin: 0;
67
- padding: 0;
68
- align-items: inherit;
69
- display: flex;
70
- flex-grow: 1;
71
- flex-basis: 0;
72
- flex-direction: column;
73
- margin-left: 0.25rem;
74
- }
75
- .eds-stepper__item__container--non-interactive {
76
- cursor: default;
77
- }
78
- .eds-stepper__item__container:focus {
79
- outline-offset: 0.125rem;
80
- outline: none;
81
- box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
82
- }
83
- .eds-contrast .eds-stepper__item__container:focus {
84
- box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
85
- }
86
- .eds-stepper__item__container:first-child {
87
- margin-left: 0;
88
- }
89
- .eds-stepper__item__label {
90
- cursor: inherit;
91
- flex-grow: 1;
92
- flex-direction: column;
93
- text-align: center;
94
- font-size: 0.875rem;
95
- padding: 0.25rem 1rem;
96
- }
97
- .eds-stepper__item__label--active {
98
- font-weight: 600;
99
- }
100
- .eds-stepper__item__label.eds-stepper__item__label--active {
101
- color: #181c56;
102
- }
103
- .eds-contrast .eds-stepper__item__label.eds-stepper__item__label--active {
104
- color: #ffffff;
105
- }
106
- .eds-stepper__item__label.eds-stepper__item__label--has-been {
107
- color: #181c56;
108
- }
109
- .eds-contrast .eds-stepper__item__label.eds-stepper__item__label--has-been {
110
- color: #ffffff;
111
- }
112
- .eds-stepper__item__square {
113
- height: 0.5rem;
114
- }
115
- .eds-stepper__item__square--active {
116
- color: inherit;
117
- background: #e9e9e9;
118
- position: relative;
119
- }
120
- .eds-stepper__item__square--active:before {
121
- background: #181c56;
122
- content: "";
123
- position: absolute;
124
- right: calc(50% - 0.2rem);
125
- border-radius: 0.0625rem;
126
- bottom: 0.0625rem;
127
- width: calc(
128
- 0.5rem - 0.125rem - 0.01rem
129
- );
130
- height: calc(
131
- 0.5rem - 0.125rem - 0.01rem
132
- );
133
- transform: rotate(45deg);
134
- }
135
- .eds-contrast .eds-stepper__item__square--active:before {
136
- border-left-color: #aeb7e2;
137
- border-left-color: #aeb7e2;
138
- }
139
- .eds-stepper__item__square--active:after {
140
- content: "";
141
- position: absolute;
142
- left: 0;
143
- bottom: 0;
144
- width: 50%;
145
- height: 0.5rem;
146
- background: #181c56;
147
- }
148
- .eds-contrast .eds-stepper__item__square--active:after {
149
- background: #aeb7e2;
150
- }
151
- .eds-contrast .eds-stepper__item__square--active {
152
- background: #aeb7e2;
153
- background: #393d79;
154
- }
155
- .eds-stepper__item__square--inactive {
156
- color: #656782;
157
- background: #e9e9e9;
158
- }
159
- .eds-contrast .eds-stepper__item__square--inactive {
160
- color: #aeb7e2;
161
- background: #393d79;
162
- }
163
- .eds-stepper__item__square--has-been {
164
- color: inherit;
165
- background: #181c56;
166
- }
167
- .eds-contrast .eds-stepper__item__square--has-been {
168
- background: #aeb7e2;
169
- }
170
- /* DO NOT CHANGE!*/
171
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
172
139
  /* DO NOT CHANGE!*/
173
140
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
174
141
  .eds-side-navigation,
@@ -389,6 +356,125 @@
389
356
  }
390
357
  /* DO NOT CHANGE!*/
391
358
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
359
+ .eds-stepper {
360
+ display: flex;
361
+ flex-direction: row;
362
+ }
363
+ .eds-stepper__item__container {
364
+ cursor: pointer;
365
+ font-family: inherit;
366
+ text-transform: none;
367
+ -webkit-appearance: none;
368
+ -moz-appearance: none;
369
+ appearance: none;
370
+ background: none;
371
+ border: none;
372
+ margin: 0;
373
+ padding: 0;
374
+ align-items: inherit;
375
+ display: flex;
376
+ flex-grow: 1;
377
+ flex-basis: 0;
378
+ flex-direction: column;
379
+ margin-left: 0.25rem;
380
+ }
381
+ .eds-stepper__item__container--non-interactive {
382
+ cursor: default;
383
+ }
384
+ .eds-stepper__item__container:focus {
385
+ outline-offset: 0.125rem;
386
+ outline: none;
387
+ box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
388
+ }
389
+ .eds-contrast .eds-stepper__item__container:focus {
390
+ box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
391
+ }
392
+ .eds-stepper__item__container:first-child {
393
+ margin-left: 0;
394
+ }
395
+ .eds-stepper__item__label {
396
+ cursor: inherit;
397
+ flex-grow: 1;
398
+ flex-direction: column;
399
+ text-align: center;
400
+ font-size: 0.875rem;
401
+ padding: 0.25rem 1rem;
402
+ }
403
+ .eds-stepper__item__label--active {
404
+ font-weight: 600;
405
+ }
406
+ .eds-stepper__item__label.eds-stepper__item__label--active {
407
+ color: #181c56;
408
+ }
409
+ .eds-contrast .eds-stepper__item__label.eds-stepper__item__label--active {
410
+ color: #ffffff;
411
+ }
412
+ .eds-stepper__item__label.eds-stepper__item__label--has-been {
413
+ color: #181c56;
414
+ }
415
+ .eds-contrast .eds-stepper__item__label.eds-stepper__item__label--has-been {
416
+ color: #ffffff;
417
+ }
418
+ .eds-stepper__item__square {
419
+ height: 0.5rem;
420
+ }
421
+ .eds-stepper__item__square--active {
422
+ color: inherit;
423
+ background: #e9e9e9;
424
+ position: relative;
425
+ }
426
+ .eds-stepper__item__square--active:before {
427
+ background: #181c56;
428
+ content: "";
429
+ position: absolute;
430
+ right: calc(50% - 0.2rem);
431
+ border-radius: 0.0625rem;
432
+ bottom: 0.0625rem;
433
+ width: calc(
434
+ 0.5rem - 0.125rem - 0.01rem
435
+ );
436
+ height: calc(
437
+ 0.5rem - 0.125rem - 0.01rem
438
+ );
439
+ transform: rotate(45deg);
440
+ }
441
+ .eds-contrast .eds-stepper__item__square--active:before {
442
+ border-left-color: #aeb7e2;
443
+ border-left-color: #aeb7e2;
444
+ }
445
+ .eds-stepper__item__square--active:after {
446
+ content: "";
447
+ position: absolute;
448
+ left: 0;
449
+ bottom: 0;
450
+ width: 50%;
451
+ height: 0.5rem;
452
+ background: #181c56;
453
+ }
454
+ .eds-contrast .eds-stepper__item__square--active:after {
455
+ background: #aeb7e2;
456
+ }
457
+ .eds-contrast .eds-stepper__item__square--active {
458
+ background: #aeb7e2;
459
+ background: #393d79;
460
+ }
461
+ .eds-stepper__item__square--inactive {
462
+ color: #656782;
463
+ background: #e9e9e9;
464
+ }
465
+ .eds-contrast .eds-stepper__item__square--inactive {
466
+ color: #aeb7e2;
467
+ background: #393d79;
468
+ }
469
+ .eds-stepper__item__square--has-been {
470
+ color: inherit;
471
+ background: #181c56;
472
+ }
473
+ .eds-contrast .eds-stepper__item__square--has-been {
474
+ background: #aeb7e2;
475
+ }
476
+ /* DO NOT CHANGE!*/
477
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
392
478
  .eds-top-navigation-item {
393
479
  --show-active-line: 0;
394
480
  display: inline-block;
@@ -438,92 +524,6 @@
438
524
  }
439
525
  /* DO NOT CHANGE!*/
440
526
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
441
- .eds-overflow-menu__item {
442
- -webkit-appearance: none;
443
- -moz-appearance: none;
444
- appearance: none;
445
- border: none;
446
- font-size: 0.875rem;
447
- font-family: inherit;
448
- color: var(--primary-text-color);
449
- background: #f8f8f8;
450
- display: block;
451
- height: 3rem;
452
- cursor: pointer;
453
- width: 100%;
454
- line-height: 1.375rem;
455
- text-align: left;
456
- padding: 0.75rem 1rem;
457
- opacity: 1;
458
- }
459
- .eds-contrast .eds-overflow-menu__item {
460
- color: #181c56;
461
- }
462
- .eds-overflow-menu__item.eds-overflow-menu__item--disabled {
463
- background: #e9e9e9;
464
- color: #949494;
465
- }
466
- .eds-contrast .eds-overflow-menu__item.eds-overflow-menu__item--disabled {
467
- background: #e9e9e9;
468
- color: #949494;
469
- }
470
- .eds-overflow-menu__item.eds-overflow-menu__item--disabled:hover {
471
- cursor: not-allowed;
472
- background: #e9e9e9;
473
- color: #949494;
474
- }
475
- .eds-overflow-menu__item .eds-icon {
476
- margin-right: 0.75rem;
477
- }
478
- .eds-overflow-menu__item:hover, .eds-overflow-menu__item:focus, .eds-overflow-menu__item[data-selected] {
479
- background: #d1d4e3;
480
- }
481
- .eds-overflow-menu__item:focus {
482
- outline: none;
483
- }
484
-
485
- .eds-overflow-menu__item + .eds-overflow-menu__item {
486
- border-top: 0.0625rem solid #e9e9e9;
487
- }
488
-
489
- .eds-overflow-menu__menu-list[data-reach-menu-list] {
490
- border: 0.0625rem solid #e9e9e9;
491
- border-radius: 0.25rem;
492
- box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
493
- overflow: hidden;
494
- }
495
- .eds-overflow-menu__menu-list[data-reach-menu-list]:focus {
496
- outline: none;
497
- }
498
- .eds-overflow-menu__menu-list[data-reach-menu-list].eds-contrast {
499
- box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121);
500
- }
501
-
502
- .eds-overflow-menu__menu-list[data-reach-menu-list],
503
- .eds-overflow-menu__menu-list[data-reach-menu-items] {
504
- animation: slide-in 0.2s ease-in-out;
505
- }
506
-
507
- @keyframes slide-in {
508
- 0% {
509
- opacity: 0;
510
- transform: translateY(0.5rem);
511
- }
512
- 100% {
513
- opacity: 1;
514
- transform: translateY(0);
515
- }
516
- }
517
- [data-reach-menu-popover] {
518
- position: absolute;
519
- z-index: 30;
520
- }
521
- [data-reach-menu-popover] .eds-overflow-menu__menu-list--left {
522
- position: relative;
523
- right: calc(100% - 2rem);
524
- }
525
- /* DO NOT CHANGE!*/
526
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
527
527
  .eds-pagination {
528
528
  align-items: center;
529
529
  display: flex;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/menu",
3
- "version": "4.1.35",
3
+ "version": "4.1.37",
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.61",
31
- "@entur/button": "^3.0.2",
32
- "@entur/expand": "^3.3.41",
30
+ "@entur/a11y": "^0.2.63",
31
+ "@entur/button": "^3.0.4",
32
+ "@entur/expand": "^3.3.43",
33
33
  "@entur/icons": "^6.2.0",
34
- "@entur/layout": "^2.1.27",
34
+ "@entur/layout": "^2.1.29",
35
35
  "@entur/tokens": "^3.8.1",
36
- "@entur/typography": "^1.7.13",
37
- "@entur/utils": "^0.6.0",
36
+ "@entur/typography": "^1.7.15",
37
+ "@entur/utils": "^0.8.0",
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": "1091cc677ad823929989fd5099b93427b4834143"
42
+ "gitHead": "c80112ae71ce3654107c8983a1a9fd91204aa667"
43
43
  }