@entur/menu 4.1.13 → 4.1.14-RC.0

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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,18 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [4.1.14-RC.0](https://bitbucket.org/enturas/design-system/compare/@entur/menu@4.1.14-alpha.1...@entur/menu@4.1.14-RC.0) (2022-11-21)
7
+
8
+ **Note:** Version bump only for package @entur/menu
9
+
10
+ ## [4.1.14-alpha.1](https://bitbucket.org/enturas/design-system/compare/@entur/menu@4.1.14-alpha.0...@entur/menu@4.1.14-alpha.1) (2022-10-26)
11
+
12
+ **Note:** Version bump only for package @entur/menu
13
+
14
+ ## [4.1.14-alpha.0](https://bitbucket.org/enturas/design-system/compare/@entur/menu@4.1.13...@entur/menu@4.1.14-alpha.0) (2022-10-20)
15
+
16
+ **Note:** Version bump only for package @entur/menu
17
+
6
18
  ## [4.1.13](https://bitbucket.org/enturas/design-system/compare/@entur/menu@4.1.12...@entur/menu@4.1.13) (2022-10-12)
7
19
 
8
20
  **Note:** Version bump only for package @entur/menu
package/dist/styles.css CHANGED
@@ -57,6 +57,216 @@
57
57
  font-weight: 600;
58
58
  }/* DO NOT CHANGE!*/
59
59
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
60
+ .eds-top-navigation-item {
61
+ --show-active-line: 0;
62
+ display: inline-block;
63
+ cursor: pointer;
64
+ color: inherit;
65
+ text-decoration: none;
66
+ position: relative;
67
+ padding: 1rem;
68
+ min-width: 5rem;
69
+ width: -webkit-fit-content;
70
+ width: -moz-fit-content;
71
+ width: fit-content;
72
+ text-align: center;
73
+ font-family: inherit;
74
+ font-size: 1rem;
75
+ font-weight: 600;
76
+ }
77
+ .eds-top-navigation-item::after {
78
+ content: "";
79
+ display: block;
80
+ bottom: 1rem;
81
+ height: 0.1875rem;
82
+ width: 0;
83
+ margin: 0 auto;
84
+ opacity: var(--show-active-line);
85
+ background: #ff5959;
86
+ transition: width ease-in-out 0.2s, opacity ease-in-out 0.2s;
87
+ }
88
+ .eds-top-navigation-item:focus {
89
+ outline-offset: 0.125rem;
90
+ outline: none;
91
+ box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
92
+ }
93
+ .eds-contrast .eds-top-navigation-item:focus {
94
+ box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
95
+ }
96
+ .eds-top-navigation-item:hover {
97
+ --show-active-line: 1;
98
+ }
99
+ .eds-top-navigation-item:hover::after {
100
+ width: 2rem;
101
+ }
102
+ .eds-top-navigation-item--active {
103
+ --show-active-line: 1;
104
+ }
105
+ .eds-top-navigation-item--active::after {
106
+ width: 2rem;
107
+ }/* DO NOT CHANGE!*/
108
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
109
+ .eds-pagination {
110
+ align-items: center;
111
+ display: flex;
112
+ flex-wrap: wrap;
113
+ row-gap: 0.75rem;
114
+ justify-content: space-between;
115
+ }
116
+ .eds-pagination__results {
117
+ align-items: center;
118
+ display: flex;
119
+ flex: 1;
120
+ justify-content: flex-start;
121
+ }
122
+ .eds-pagination__results-label {
123
+ margin-right: 0.5rem;
124
+ }
125
+ .eds-pagination__controls {
126
+ align-items: center;
127
+ display: flex;
128
+ justify-content: center;
129
+ }
130
+ .eds-pagination__results:first-of-type:last-of-type, .eds-pagination__controls:first-of-type:last-of-type {
131
+ margin: 0 auto;
132
+ }
133
+
134
+ .eds-pagination-menu__menu-button {
135
+ -webkit-appearance: none;
136
+ -moz-appearance: none;
137
+ appearance: none;
138
+ background: transparent;
139
+ border: 0.0625rem solid #d1d3d3;
140
+ border-radius: 0.25rem;
141
+ color: inherit;
142
+ font-family: inherit;
143
+ display: flex;
144
+ align-items: center;
145
+ justify-content: space-around;
146
+ height: 2rem;
147
+ margin-left: 0.25rem;
148
+ margin-right: 1rem;
149
+ width: 3.5rem;
150
+ }
151
+ .eds-pagination-menu__menu-button--open {
152
+ border-color: currentColor;
153
+ }
154
+ .eds-pagination-menu__menu-button:focus {
155
+ outline: none;
156
+ box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
157
+ }
158
+ .eds-pagination-menu__menu-list {
159
+ width: 3.5rem;
160
+ }
161
+
162
+ .eds-pagination__page {
163
+ align-items: center;
164
+ -webkit-appearance: none;
165
+ -moz-appearance: none;
166
+ appearance: none;
167
+ background: transparent;
168
+ border: 0.0625rem solid #d1d3d3;
169
+ border-color: #d1d3d3;
170
+ border-radius: 0.25rem;
171
+ color: inherit;
172
+ cursor: pointer;
173
+ display: flex;
174
+ font-family: inherit;
175
+ font-size: 0.875rem;
176
+ height: 2rem;
177
+ justify-content: center;
178
+ margin: 0 0.125rem;
179
+ padding: 0 0.25rem;
180
+ transition: background 0.1s ease-out, border-color 0.1s ease-out;
181
+ -webkit-user-select: none;
182
+ -moz-user-select: none;
183
+ -ms-user-select: none;
184
+ user-select: none;
185
+ min-width: 2rem;
186
+ }
187
+ .eds-contrast .eds-pagination__page {
188
+ border-color: #54568c;
189
+ }
190
+ .eds-pagination__page--selected {
191
+ background: #d1d4e3;
192
+ border-color: #181c56;
193
+ color: inherit;
194
+ opacity: 1;
195
+ pointer-events: none;
196
+ }
197
+ .eds-contrast .eds-pagination__page--selected {
198
+ border-color: #ffffff;
199
+ background: #393d79;
200
+ }
201
+ .eds-pagination__page--disabled {
202
+ opacity: 0.5;
203
+ pointer-events: none;
204
+ }
205
+ .eds-pagination__page:hover {
206
+ background-color: #d1d4e3;
207
+ border-color: #d1d4e3;
208
+ }
209
+ .eds-contrast .eds-pagination__page:hover {
210
+ background-color: #393d79;
211
+ border-color: #393d79;
212
+ }
213
+ .eds-pagination__page:focus {
214
+ outline: none;
215
+ border-color: #181c56;
216
+ }
217
+ .eds-contrast .eds-pagination__page:focus {
218
+ border-color: #ffffff;
219
+ }
220
+
221
+ .eds-pagination__ellipsis {
222
+ align-items: baseline;
223
+ cursor: default;
224
+ display: flex;
225
+ font-size: 1.5rem;
226
+ height: 2rem;
227
+ justify-content: center;
228
+ -webkit-user-select: none;
229
+ -moz-user-select: none;
230
+ -ms-user-select: none;
231
+ user-select: none;
232
+ width: 2rem;
233
+ margin: 0 2px;
234
+ }
235
+
236
+ .eds-pagination__input-wrapper {
237
+ white-space: nowrap;
238
+ }
239
+ .eds-pagination__input-label {
240
+ border-left: 0.0625rem solid #d1d3d3;
241
+ color: #656782;
242
+ font-size: 0.875rem;
243
+ margin-left: 0.5rem;
244
+ padding: 0 1rem;
245
+ }
246
+ .eds-contrast .eds-pagination__input-label {
247
+ border-color: #393d79;
248
+ color: #aeb7e2;
249
+ }
250
+ .eds-pagination__input-field {
251
+ -webkit-appearance: none;
252
+ -moz-appearance: none;
253
+ appearance: none;
254
+ background: transparent;
255
+ border: 0.0625rem solid #d1d3d3;
256
+ border-radius: 0.25rem;
257
+ color: inherit;
258
+ font-family: inherit;
259
+ font-size: 0.875rem;
260
+ height: 2rem;
261
+ text-align: center;
262
+ width: 2rem;
263
+ }
264
+ .eds-pagination__input-field::-webkit-inner-spin-button, .eds-pagination__input-field::-webkit-outer-spin-button {
265
+ -webkit-appearance: none;
266
+ appearance: none;
267
+ margin: 0;
268
+ }/* DO NOT CHANGE!*/
269
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
60
270
  /* DO NOT CHANGE!*/
61
271
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
62
272
  .eds-side-navigation,
@@ -276,55 +486,6 @@
276
486
  outline: 2px solid #ffffff;
277
487
  }/* DO NOT CHANGE!*/
278
488
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
279
- .eds-top-navigation-item {
280
- --show-active-line: 0;
281
- display: inline-block;
282
- cursor: pointer;
283
- color: inherit;
284
- text-decoration: none;
285
- position: relative;
286
- padding: 1rem;
287
- min-width: 5rem;
288
- width: -webkit-fit-content;
289
- width: -moz-fit-content;
290
- width: fit-content;
291
- text-align: center;
292
- font-family: inherit;
293
- font-size: 1rem;
294
- font-weight: 600;
295
- }
296
- .eds-top-navigation-item::after {
297
- content: "";
298
- display: block;
299
- bottom: 1rem;
300
- height: 0.1875rem;
301
- width: 0;
302
- margin: 0 auto;
303
- opacity: var(--show-active-line);
304
- background: #ff5959;
305
- transition: width ease-in-out 0.2s, opacity ease-in-out 0.2s;
306
- }
307
- .eds-top-navigation-item:focus {
308
- outline-offset: 0.125rem;
309
- outline: none;
310
- box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
311
- }
312
- .eds-contrast .eds-top-navigation-item:focus {
313
- box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
314
- }
315
- .eds-top-navigation-item:hover {
316
- --show-active-line: 1;
317
- }
318
- .eds-top-navigation-item:hover::after {
319
- width: 2rem;
320
- }
321
- .eds-top-navigation-item--active {
322
- --show-active-line: 1;
323
- }
324
- .eds-top-navigation-item--active::after {
325
- width: 2rem;
326
- }/* DO NOT CHANGE!*/
327
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
328
489
  .eds-overflow-menu__item {
329
490
  -webkit-appearance: none;
330
491
  -moz-appearance: none;
@@ -534,165 +695,4 @@
534
695
  }
535
696
  .eds-contrast .eds-stepper__item__square--has-been {
536
697
  background: #aeb7e2;
537
- }/* DO NOT CHANGE!*/
538
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
539
- .eds-pagination {
540
- align-items: center;
541
- display: flex;
542
- flex-wrap: wrap;
543
- row-gap: 0.75rem;
544
- justify-content: space-between;
545
- }
546
- .eds-pagination__results {
547
- align-items: center;
548
- display: flex;
549
- flex: 1;
550
- justify-content: flex-start;
551
- }
552
- .eds-pagination__results-label {
553
- margin-right: 0.5rem;
554
- }
555
- .eds-pagination__controls {
556
- align-items: center;
557
- display: flex;
558
- justify-content: center;
559
- }
560
- .eds-pagination__results:first-of-type:last-of-type, .eds-pagination__controls:first-of-type:last-of-type {
561
- margin: 0 auto;
562
- }
563
-
564
- .eds-pagination-menu__menu-button {
565
- -webkit-appearance: none;
566
- -moz-appearance: none;
567
- appearance: none;
568
- background: transparent;
569
- border: 0.0625rem solid #d1d3d3;
570
- border-radius: 0.25rem;
571
- color: inherit;
572
- font-family: inherit;
573
- display: flex;
574
- align-items: center;
575
- justify-content: space-around;
576
- height: 2rem;
577
- margin-left: 0.25rem;
578
- margin-right: 1rem;
579
- width: 3.5rem;
580
- }
581
- .eds-pagination-menu__menu-button--open {
582
- border-color: currentColor;
583
- }
584
- .eds-pagination-menu__menu-button:focus {
585
- outline: none;
586
- box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
587
- }
588
- .eds-pagination-menu__menu-list {
589
- width: 3.5rem;
590
- }
591
-
592
- .eds-pagination__page {
593
- align-items: center;
594
- -webkit-appearance: none;
595
- -moz-appearance: none;
596
- appearance: none;
597
- background: transparent;
598
- border: 0.0625rem solid #d1d3d3;
599
- border-color: #d1d3d3;
600
- border-radius: 0.25rem;
601
- color: inherit;
602
- cursor: pointer;
603
- display: flex;
604
- font-family: inherit;
605
- font-size: 0.875rem;
606
- height: 2rem;
607
- justify-content: center;
608
- margin: 0 0.125rem;
609
- padding: 0 0.25rem;
610
- transition: background 0.1s ease-out, border-color 0.1s ease-out;
611
- -webkit-user-select: none;
612
- -moz-user-select: none;
613
- -ms-user-select: none;
614
- user-select: none;
615
- min-width: 2rem;
616
- }
617
- .eds-contrast .eds-pagination__page {
618
- border-color: #54568c;
619
- }
620
- .eds-pagination__page--selected {
621
- background: #d1d4e3;
622
- border-color: #181c56;
623
- color: inherit;
624
- opacity: 1;
625
- pointer-events: none;
626
- }
627
- .eds-contrast .eds-pagination__page--selected {
628
- border-color: #ffffff;
629
- background: #393d79;
630
- }
631
- .eds-pagination__page--disabled {
632
- opacity: 0.5;
633
- pointer-events: none;
634
- }
635
- .eds-pagination__page:hover {
636
- background-color: #d1d4e3;
637
- border-color: #d1d4e3;
638
- }
639
- .eds-contrast .eds-pagination__page:hover {
640
- background-color: #393d79;
641
- border-color: #393d79;
642
- }
643
- .eds-pagination__page:focus {
644
- outline: none;
645
- border-color: #181c56;
646
- }
647
- .eds-contrast .eds-pagination__page:focus {
648
- border-color: #ffffff;
649
- }
650
-
651
- .eds-pagination__ellipsis {
652
- align-items: baseline;
653
- cursor: default;
654
- display: flex;
655
- font-size: 1.5rem;
656
- height: 2rem;
657
- justify-content: center;
658
- -webkit-user-select: none;
659
- -moz-user-select: none;
660
- -ms-user-select: none;
661
- user-select: none;
662
- width: 2rem;
663
- margin: 0 2px;
664
- }
665
-
666
- .eds-pagination__input-wrapper {
667
- white-space: nowrap;
668
- }
669
- .eds-pagination__input-label {
670
- border-left: 0.0625rem solid #d1d3d3;
671
- color: #656782;
672
- font-size: 0.875rem;
673
- margin-left: 0.5rem;
674
- padding: 0 1rem;
675
- }
676
- .eds-contrast .eds-pagination__input-label {
677
- border-color: #393d79;
678
- color: #aeb7e2;
679
- }
680
- .eds-pagination__input-field {
681
- -webkit-appearance: none;
682
- -moz-appearance: none;
683
- appearance: none;
684
- background: transparent;
685
- border: 0.0625rem solid #d1d3d3;
686
- border-radius: 0.25rem;
687
- color: inherit;
688
- font-family: inherit;
689
- font-size: 0.875rem;
690
- height: 2rem;
691
- text-align: center;
692
- width: 2rem;
693
- }
694
- .eds-pagination__input-field::-webkit-inner-spin-button, .eds-pagination__input-field::-webkit-outer-spin-button {
695
- -webkit-appearance: none;
696
- appearance: none;
697
- margin: 0;
698
698
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/menu",
3
- "version": "4.1.13",
3
+ "version": "4.1.14-RC.0",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/menu.esm.js",
@@ -23,14 +23,14 @@
23
23
  "lint": "dts lint"
24
24
  },
25
25
  "dependencies": {
26
- "@entur/a11y": "^0.2.49",
27
- "@entur/button": "^2.10.4",
28
- "@entur/expand": "^3.3.21",
29
- "@entur/icons": "^5.0.0",
30
- "@entur/layout": "^2.1.11",
26
+ "@entur/a11y": "^0.2.50-RC.0",
27
+ "@entur/button": "^2.10.5-RC.0",
28
+ "@entur/expand": "^3.3.22-RC.0",
29
+ "@entur/icons": "^5.0.1-RC.0",
30
+ "@entur/layout": "^2.1.12-RC.0",
31
31
  "@entur/tokens": "^3.4.1",
32
- "@entur/typography": "^1.7.0",
33
- "@entur/utils": "^0.4.5",
32
+ "@entur/typography": "^1.7.1-RC.0",
33
+ "@entur/utils": "^0.5.0-RC.0",
34
34
  "@reach/menu-button": "^0.16.1",
35
35
  "classnames": "^2.3.1"
36
36
  },
@@ -38,5 +38,5 @@
38
38
  "react": ">=16.8.0",
39
39
  "react-dom": ">=16.8.0"
40
40
  },
41
- "gitHead": "e6da59550f3ace8e356155d60ce72d480aa17d51"
41
+ "gitHead": "eb50f5092d80dcdfe5c35bdcd7970e9af29e620a"
42
42
  }