@entur/menu 4.0.5 → 4.0.6

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/dist/styles.css CHANGED
@@ -48,53 +48,6 @@
48
48
  font-weight: 600;
49
49
  }/* DO NOT CHANGE!*/
50
50
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
51
- .eds-top-navigation-item {
52
- --show-active-line: 0;
53
- display: inline-block;
54
- cursor: pointer;
55
- color: inherit;
56
- text-decoration: none;
57
- position: relative;
58
- padding: 1rem;
59
- min-width: 5rem;
60
- width: fit-content;
61
- text-align: center;
62
- font-family: inherit;
63
- font-size: 1rem;
64
- font-weight: 600;
65
- }
66
- .eds-top-navigation-item::after {
67
- content: "";
68
- display: block;
69
- bottom: 1rem;
70
- height: 0.1875rem;
71
- width: 0;
72
- margin: 0 auto;
73
- opacity: var(--show-active-line);
74
- background: #ff5959;
75
- transition: width ease-in-out 0.2s, opacity ease-in-out 0.2s;
76
- }
77
- .eds-top-navigation-item:focus {
78
- outline-offset: 0.125rem;
79
- outline: none;
80
- box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
81
- }
82
- .eds-contrast .eds-top-navigation-item:focus {
83
- box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
84
- }
85
- .eds-top-navigation-item:hover {
86
- --show-active-line: 1;
87
- }
88
- .eds-top-navigation-item:hover::after {
89
- width: 2rem;
90
- }
91
- .eds-top-navigation-item--active {
92
- --show-active-line: 1;
93
- }
94
- .eds-top-navigation-item--active::after {
95
- width: 2rem;
96
- }/* DO NOT CHANGE!*/
97
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
98
51
  .eds-stepper {
99
52
  display: flex;
100
53
  flex-direction: row;
@@ -207,144 +160,6 @@
207
160
  background: #aeb7e2;
208
161
  }/* DO NOT CHANGE!*/
209
162
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
210
- .eds-pagination {
211
- align-items: center;
212
- display: flex;
213
- justify-content: space-between;
214
- }
215
- .eds-pagination__results {
216
- align-items: center;
217
- display: flex;
218
- justify-content: center;
219
- }
220
- .eds-pagination__results-label {
221
- margin-right: 0.5rem;
222
- }
223
- .eds-pagination__controls {
224
- align-items: center;
225
- display: flex;
226
- justify-content: center;
227
- }
228
- .eds-pagination__results:first-of-type:last-of-type, .eds-pagination__controls:first-of-type:last-of-type {
229
- margin: 0 auto;
230
- }
231
-
232
- .eds-pagination-menu__menu-button {
233
- appearance: none;
234
- background: transparent;
235
- border: 0.0625rem solid #d1d3d3;
236
- border-radius: 0.25rem;
237
- color: inherit;
238
- font-family: inherit;
239
- display: flex;
240
- align-items: center;
241
- justify-content: space-around;
242
- height: 2rem;
243
- margin-left: 0.25rem;
244
- margin-right: 1rem;
245
- width: 3.5rem;
246
- }
247
- .eds-pagination-menu__menu-button--open {
248
- border-color: currentColor;
249
- }
250
- .eds-pagination-menu__menu-button:focus {
251
- outline: none;
252
- box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
253
- }
254
- .eds-pagination-menu__menu-list {
255
- width: 3.5rem;
256
- }
257
-
258
- .eds-pagination__page {
259
- align-items: center;
260
- appearance: none;
261
- background: transparent;
262
- border: 0.0625rem solid #d1d3d3;
263
- border-color: #d1d3d3;
264
- border-radius: 0.25rem;
265
- color: inherit;
266
- cursor: pointer;
267
- display: flex;
268
- font-family: inherit;
269
- font-size: 0.875rem;
270
- height: 2rem;
271
- justify-content: center;
272
- margin: 0 0.125rem;
273
- padding: 0 0.25rem;
274
- transition: background 0.1s ease-out, border-color 0.1s ease-out;
275
- user-select: none;
276
- min-width: 2rem;
277
- }
278
- .eds-contrast .eds-pagination__page {
279
- border-color: #54568c;
280
- }
281
- .eds-pagination__page--selected {
282
- background: #d1d4e3;
283
- border-color: #181c56;
284
- color: inherit;
285
- opacity: 1;
286
- pointer-events: none;
287
- }
288
- .eds-contrast .eds-pagination__page--selected {
289
- border-color: #ffffff;
290
- background: #393d79;
291
- }
292
- .eds-pagination__page:hover {
293
- background-color: #d1d4e3;
294
- border-color: #d1d4e3;
295
- }
296
- .eds-contrast .eds-pagination__page:hover {
297
- background-color: #393d79;
298
- border-color: #393d79;
299
- }
300
- .eds-pagination__page:focus {
301
- outline: none;
302
- border-color: #181c56;
303
- }
304
- .eds-contrast .eds-pagination__page:focus {
305
- border-color: #ffffff;
306
- }
307
-
308
- .eds-pagination__ellipsis {
309
- align-items: baseline;
310
- cursor: default;
311
- display: flex;
312
- font-size: 1.5rem;
313
- height: 2rem;
314
- justify-content: center;
315
- user-select: none;
316
- width: 2rem;
317
- }
318
-
319
- .eds-pagination__input-label {
320
- border-left: 0.0625rem solid #d1d3d3;
321
- color: #656782;
322
- font-size: 0.875rem;
323
- margin-left: 0.5rem;
324
- padding: 0 1rem;
325
- }
326
- .eds-contrast .eds-pagination__input-label {
327
- border-color: #393d79;
328
- color: #aeb7e2;
329
- }
330
-
331
- .eds-pagination__input-field {
332
- appearance: none;
333
- background: transparent;
334
- border: 0.0625rem solid #d1d3d3;
335
- border-radius: 0.25rem;
336
- color: inherit;
337
- font-family: inherit;
338
- font-size: 0.875rem;
339
- height: 2rem;
340
- text-align: center;
341
- width: 2rem;
342
- }
343
- .eds-pagination__input-field::-webkit-inner-spin-button, .eds-pagination__input-field::-webkit-outer-spin-button {
344
- appearance: none;
345
- margin: 0;
346
- }/* DO NOT CHANGE!*/
347
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
348
163
  /* DO NOT CHANGE!*/
349
164
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
350
165
  .eds-side-navigation,
@@ -560,6 +375,53 @@
560
375
  outline: 2px solid #ffffff;
561
376
  }/* DO NOT CHANGE!*/
562
377
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
378
+ .eds-top-navigation-item {
379
+ --show-active-line: 0;
380
+ display: inline-block;
381
+ cursor: pointer;
382
+ color: inherit;
383
+ text-decoration: none;
384
+ position: relative;
385
+ padding: 1rem;
386
+ min-width: 5rem;
387
+ width: fit-content;
388
+ text-align: center;
389
+ font-family: inherit;
390
+ font-size: 1rem;
391
+ font-weight: 600;
392
+ }
393
+ .eds-top-navigation-item::after {
394
+ content: "";
395
+ display: block;
396
+ bottom: 1rem;
397
+ height: 0.1875rem;
398
+ width: 0;
399
+ margin: 0 auto;
400
+ opacity: var(--show-active-line);
401
+ background: #ff5959;
402
+ transition: width ease-in-out 0.2s, opacity ease-in-out 0.2s;
403
+ }
404
+ .eds-top-navigation-item:focus {
405
+ outline-offset: 0.125rem;
406
+ outline: none;
407
+ box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
408
+ }
409
+ .eds-contrast .eds-top-navigation-item:focus {
410
+ box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
411
+ }
412
+ .eds-top-navigation-item:hover {
413
+ --show-active-line: 1;
414
+ }
415
+ .eds-top-navigation-item:hover::after {
416
+ width: 2rem;
417
+ }
418
+ .eds-top-navigation-item--active {
419
+ --show-active-line: 1;
420
+ }
421
+ .eds-top-navigation-item--active::after {
422
+ width: 2rem;
423
+ }/* DO NOT CHANGE!*/
424
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
563
425
  .eds-overflow-menu__item {
564
426
  appearance: none;
565
427
  border: none;
@@ -641,4 +503,142 @@
641
503
  [data-reach-menu-popover] .eds-overflow-menu__menu-list--left {
642
504
  position: relative;
643
505
  right: calc(100% - 2rem);
506
+ }/* DO NOT CHANGE!*/
507
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
508
+ .eds-pagination {
509
+ align-items: center;
510
+ display: flex;
511
+ justify-content: space-between;
512
+ }
513
+ .eds-pagination__results {
514
+ align-items: center;
515
+ display: flex;
516
+ justify-content: center;
517
+ }
518
+ .eds-pagination__results-label {
519
+ margin-right: 0.5rem;
520
+ }
521
+ .eds-pagination__controls {
522
+ align-items: center;
523
+ display: flex;
524
+ justify-content: center;
525
+ }
526
+ .eds-pagination__results:first-of-type:last-of-type, .eds-pagination__controls:first-of-type:last-of-type {
527
+ margin: 0 auto;
528
+ }
529
+
530
+ .eds-pagination-menu__menu-button {
531
+ appearance: none;
532
+ background: transparent;
533
+ border: 0.0625rem solid #d1d3d3;
534
+ border-radius: 0.25rem;
535
+ color: inherit;
536
+ font-family: inherit;
537
+ display: flex;
538
+ align-items: center;
539
+ justify-content: space-around;
540
+ height: 2rem;
541
+ margin-left: 0.25rem;
542
+ margin-right: 1rem;
543
+ width: 3.5rem;
544
+ }
545
+ .eds-pagination-menu__menu-button--open {
546
+ border-color: currentColor;
547
+ }
548
+ .eds-pagination-menu__menu-button:focus {
549
+ outline: none;
550
+ box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
551
+ }
552
+ .eds-pagination-menu__menu-list {
553
+ width: 3.5rem;
554
+ }
555
+
556
+ .eds-pagination__page {
557
+ align-items: center;
558
+ appearance: none;
559
+ background: transparent;
560
+ border: 0.0625rem solid #d1d3d3;
561
+ border-color: #d1d3d3;
562
+ border-radius: 0.25rem;
563
+ color: inherit;
564
+ cursor: pointer;
565
+ display: flex;
566
+ font-family: inherit;
567
+ font-size: 0.875rem;
568
+ height: 2rem;
569
+ justify-content: center;
570
+ margin: 0 0.125rem;
571
+ padding: 0 0.25rem;
572
+ transition: background 0.1s ease-out, border-color 0.1s ease-out;
573
+ user-select: none;
574
+ min-width: 2rem;
575
+ }
576
+ .eds-contrast .eds-pagination__page {
577
+ border-color: #54568c;
578
+ }
579
+ .eds-pagination__page--selected {
580
+ background: #d1d4e3;
581
+ border-color: #181c56;
582
+ color: inherit;
583
+ opacity: 1;
584
+ pointer-events: none;
585
+ }
586
+ .eds-contrast .eds-pagination__page--selected {
587
+ border-color: #ffffff;
588
+ background: #393d79;
589
+ }
590
+ .eds-pagination__page:hover {
591
+ background-color: #d1d4e3;
592
+ border-color: #d1d4e3;
593
+ }
594
+ .eds-contrast .eds-pagination__page:hover {
595
+ background-color: #393d79;
596
+ border-color: #393d79;
597
+ }
598
+ .eds-pagination__page:focus {
599
+ outline: none;
600
+ border-color: #181c56;
601
+ }
602
+ .eds-contrast .eds-pagination__page:focus {
603
+ border-color: #ffffff;
604
+ }
605
+
606
+ .eds-pagination__ellipsis {
607
+ align-items: baseline;
608
+ cursor: default;
609
+ display: flex;
610
+ font-size: 1.5rem;
611
+ height: 2rem;
612
+ justify-content: center;
613
+ user-select: none;
614
+ width: 2rem;
615
+ }
616
+
617
+ .eds-pagination__input-label {
618
+ border-left: 0.0625rem solid #d1d3d3;
619
+ color: #656782;
620
+ font-size: 0.875rem;
621
+ margin-left: 0.5rem;
622
+ padding: 0 1rem;
623
+ }
624
+ .eds-contrast .eds-pagination__input-label {
625
+ border-color: #393d79;
626
+ color: #aeb7e2;
627
+ }
628
+
629
+ .eds-pagination__input-field {
630
+ appearance: none;
631
+ background: transparent;
632
+ border: 0.0625rem solid #d1d3d3;
633
+ border-radius: 0.25rem;
634
+ color: inherit;
635
+ font-family: inherit;
636
+ font-size: 0.875rem;
637
+ height: 2rem;
638
+ text-align: center;
639
+ width: 2rem;
640
+ }
641
+ .eds-pagination__input-field::-webkit-inner-spin-button, .eds-pagination__input-field::-webkit-outer-spin-button {
642
+ appearance: none;
643
+ margin: 0;
644
644
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/menu",
3
- "version": "4.0.5",
3
+ "version": "4.0.6",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/menu.esm.js",
@@ -17,19 +17,19 @@
17
17
  "access": "public"
18
18
  },
19
19
  "scripts": {
20
- "build": "tsdx build",
21
- "start": "tsdx watch --noClean",
22
- "test": "tsdx test --env=jsdom",
23
- "lint": "tsdx lint"
20
+ "build": "dts build",
21
+ "start": "dts watch --noClean",
22
+ "test": "dts test --env=jsdom",
23
+ "lint": "dts lint"
24
24
  },
25
25
  "dependencies": {
26
- "@entur/button": "^2.7.4",
27
- "@entur/expand": "^3.3.6",
28
- "@entur/icons": "^3.4.0",
29
- "@entur/layout": "^2.1.3",
30
- "@entur/tokens": "^3.3.0",
31
- "@entur/typography": "^1.6.10",
32
- "@entur/utils": "^0.4.2",
26
+ "@entur/button": "^2.8.0",
27
+ "@entur/expand": "^3.3.7",
28
+ "@entur/icons": "^3.4.1",
29
+ "@entur/layout": "^2.1.4",
30
+ "@entur/tokens": "^3.3.1",
31
+ "@entur/typography": "^1.6.11",
32
+ "@entur/utils": "^0.4.3",
33
33
  "@reach/menu-button": "^0.16.1",
34
34
  "classnames": "^2.3.1"
35
35
  },
@@ -37,5 +37,5 @@
37
37
  "react": ">=16.8.0",
38
38
  "react-dom": ">=16.8.0"
39
39
  },
40
- "gitHead": "6255452bbbb124b6569095cf08f96143873a7f8e"
40
+ "gitHead": "61e643371cfc5653c93160b7c220152e5b2bafeb"
41
41
  }