@entur/menu 4.1.10 → 4.1.11

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 +161 -161
  2. package/package.json +7 -7
package/dist/styles.css CHANGED
@@ -57,167 +57,6 @@
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-pagination {
61
- align-items: center;
62
- display: flex;
63
- flex-wrap: wrap;
64
- row-gap: 0.75rem;
65
- justify-content: space-between;
66
- }
67
- .eds-pagination__results {
68
- align-items: center;
69
- display: flex;
70
- flex: 1;
71
- justify-content: flex-start;
72
- }
73
- .eds-pagination__results-label {
74
- margin-right: 0.5rem;
75
- }
76
- .eds-pagination__controls {
77
- align-items: center;
78
- display: flex;
79
- justify-content: center;
80
- }
81
- .eds-pagination__results:first-of-type:last-of-type, .eds-pagination__controls:first-of-type:last-of-type {
82
- margin: 0 auto;
83
- }
84
-
85
- .eds-pagination-menu__menu-button {
86
- -webkit-appearance: none;
87
- -moz-appearance: none;
88
- appearance: none;
89
- background: transparent;
90
- border: 0.0625rem solid #d1d3d3;
91
- border-radius: 0.25rem;
92
- color: inherit;
93
- font-family: inherit;
94
- display: flex;
95
- align-items: center;
96
- justify-content: space-around;
97
- height: 2rem;
98
- margin-left: 0.25rem;
99
- margin-right: 1rem;
100
- width: 3.5rem;
101
- }
102
- .eds-pagination-menu__menu-button--open {
103
- border-color: currentColor;
104
- }
105
- .eds-pagination-menu__menu-button:focus {
106
- outline: none;
107
- box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
108
- }
109
- .eds-pagination-menu__menu-list {
110
- width: 3.5rem;
111
- }
112
-
113
- .eds-pagination__page {
114
- align-items: center;
115
- -webkit-appearance: none;
116
- -moz-appearance: none;
117
- appearance: none;
118
- background: transparent;
119
- border: 0.0625rem solid #d1d3d3;
120
- border-color: #d1d3d3;
121
- border-radius: 0.25rem;
122
- color: inherit;
123
- cursor: pointer;
124
- display: flex;
125
- font-family: inherit;
126
- font-size: 0.875rem;
127
- height: 2rem;
128
- justify-content: center;
129
- margin: 0 0.125rem;
130
- padding: 0 0.25rem;
131
- transition: background 0.1s ease-out, border-color 0.1s ease-out;
132
- -webkit-user-select: none;
133
- -moz-user-select: none;
134
- -ms-user-select: none;
135
- user-select: none;
136
- min-width: 2rem;
137
- }
138
- .eds-contrast .eds-pagination__page {
139
- border-color: #54568c;
140
- }
141
- .eds-pagination__page--selected {
142
- background: #d1d4e3;
143
- border-color: #181c56;
144
- color: inherit;
145
- opacity: 1;
146
- pointer-events: none;
147
- }
148
- .eds-contrast .eds-pagination__page--selected {
149
- border-color: #ffffff;
150
- background: #393d79;
151
- }
152
- .eds-pagination__page--disabled {
153
- opacity: 0.5;
154
- pointer-events: none;
155
- }
156
- .eds-pagination__page:hover {
157
- background-color: #d1d4e3;
158
- border-color: #d1d4e3;
159
- }
160
- .eds-contrast .eds-pagination__page:hover {
161
- background-color: #393d79;
162
- border-color: #393d79;
163
- }
164
- .eds-pagination__page:focus {
165
- outline: none;
166
- border-color: #181c56;
167
- }
168
- .eds-contrast .eds-pagination__page:focus {
169
- border-color: #ffffff;
170
- }
171
-
172
- .eds-pagination__ellipsis {
173
- align-items: baseline;
174
- cursor: default;
175
- display: flex;
176
- font-size: 1.5rem;
177
- height: 2rem;
178
- justify-content: center;
179
- -webkit-user-select: none;
180
- -moz-user-select: none;
181
- -ms-user-select: none;
182
- user-select: none;
183
- width: 2rem;
184
- margin: 0 2px;
185
- }
186
-
187
- .eds-pagination__input-wrapper {
188
- white-space: nowrap;
189
- }
190
- .eds-pagination__input-label {
191
- border-left: 0.0625rem solid #d1d3d3;
192
- color: #656782;
193
- font-size: 0.875rem;
194
- margin-left: 0.5rem;
195
- padding: 0 1rem;
196
- }
197
- .eds-contrast .eds-pagination__input-label {
198
- border-color: #393d79;
199
- color: #aeb7e2;
200
- }
201
- .eds-pagination__input-field {
202
- -webkit-appearance: none;
203
- -moz-appearance: none;
204
- appearance: none;
205
- background: transparent;
206
- border: 0.0625rem solid #d1d3d3;
207
- border-radius: 0.25rem;
208
- color: inherit;
209
- font-family: inherit;
210
- font-size: 0.875rem;
211
- height: 2rem;
212
- text-align: center;
213
- width: 2rem;
214
- }
215
- .eds-pagination__input-field::-webkit-inner-spin-button, .eds-pagination__input-field::-webkit-outer-spin-button {
216
- -webkit-appearance: none;
217
- appearance: none;
218
- margin: 0;
219
- }/* DO NOT CHANGE!*/
220
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
221
60
  /* DO NOT CHANGE!*/
222
61
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
223
62
  .eds-side-navigation,
@@ -600,6 +439,167 @@
600
439
  background: #aeb7e2;
601
440
  }/* DO NOT CHANGE!*/
602
441
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
442
+ .eds-pagination {
443
+ align-items: center;
444
+ display: flex;
445
+ flex-wrap: wrap;
446
+ row-gap: 0.75rem;
447
+ justify-content: space-between;
448
+ }
449
+ .eds-pagination__results {
450
+ align-items: center;
451
+ display: flex;
452
+ flex: 1;
453
+ justify-content: flex-start;
454
+ }
455
+ .eds-pagination__results-label {
456
+ margin-right: 0.5rem;
457
+ }
458
+ .eds-pagination__controls {
459
+ align-items: center;
460
+ display: flex;
461
+ justify-content: center;
462
+ }
463
+ .eds-pagination__results:first-of-type:last-of-type, .eds-pagination__controls:first-of-type:last-of-type {
464
+ margin: 0 auto;
465
+ }
466
+
467
+ .eds-pagination-menu__menu-button {
468
+ -webkit-appearance: none;
469
+ -moz-appearance: none;
470
+ appearance: none;
471
+ background: transparent;
472
+ border: 0.0625rem solid #d1d3d3;
473
+ border-radius: 0.25rem;
474
+ color: inherit;
475
+ font-family: inherit;
476
+ display: flex;
477
+ align-items: center;
478
+ justify-content: space-around;
479
+ height: 2rem;
480
+ margin-left: 0.25rem;
481
+ margin-right: 1rem;
482
+ width: 3.5rem;
483
+ }
484
+ .eds-pagination-menu__menu-button--open {
485
+ border-color: currentColor;
486
+ }
487
+ .eds-pagination-menu__menu-button:focus {
488
+ outline: none;
489
+ box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
490
+ }
491
+ .eds-pagination-menu__menu-list {
492
+ width: 3.5rem;
493
+ }
494
+
495
+ .eds-pagination__page {
496
+ align-items: center;
497
+ -webkit-appearance: none;
498
+ -moz-appearance: none;
499
+ appearance: none;
500
+ background: transparent;
501
+ border: 0.0625rem solid #d1d3d3;
502
+ border-color: #d1d3d3;
503
+ border-radius: 0.25rem;
504
+ color: inherit;
505
+ cursor: pointer;
506
+ display: flex;
507
+ font-family: inherit;
508
+ font-size: 0.875rem;
509
+ height: 2rem;
510
+ justify-content: center;
511
+ margin: 0 0.125rem;
512
+ padding: 0 0.25rem;
513
+ transition: background 0.1s ease-out, border-color 0.1s ease-out;
514
+ -webkit-user-select: none;
515
+ -moz-user-select: none;
516
+ -ms-user-select: none;
517
+ user-select: none;
518
+ min-width: 2rem;
519
+ }
520
+ .eds-contrast .eds-pagination__page {
521
+ border-color: #54568c;
522
+ }
523
+ .eds-pagination__page--selected {
524
+ background: #d1d4e3;
525
+ border-color: #181c56;
526
+ color: inherit;
527
+ opacity: 1;
528
+ pointer-events: none;
529
+ }
530
+ .eds-contrast .eds-pagination__page--selected {
531
+ border-color: #ffffff;
532
+ background: #393d79;
533
+ }
534
+ .eds-pagination__page--disabled {
535
+ opacity: 0.5;
536
+ pointer-events: none;
537
+ }
538
+ .eds-pagination__page:hover {
539
+ background-color: #d1d4e3;
540
+ border-color: #d1d4e3;
541
+ }
542
+ .eds-contrast .eds-pagination__page:hover {
543
+ background-color: #393d79;
544
+ border-color: #393d79;
545
+ }
546
+ .eds-pagination__page:focus {
547
+ outline: none;
548
+ border-color: #181c56;
549
+ }
550
+ .eds-contrast .eds-pagination__page:focus {
551
+ border-color: #ffffff;
552
+ }
553
+
554
+ .eds-pagination__ellipsis {
555
+ align-items: baseline;
556
+ cursor: default;
557
+ display: flex;
558
+ font-size: 1.5rem;
559
+ height: 2rem;
560
+ justify-content: center;
561
+ -webkit-user-select: none;
562
+ -moz-user-select: none;
563
+ -ms-user-select: none;
564
+ user-select: none;
565
+ width: 2rem;
566
+ margin: 0 2px;
567
+ }
568
+
569
+ .eds-pagination__input-wrapper {
570
+ white-space: nowrap;
571
+ }
572
+ .eds-pagination__input-label {
573
+ border-left: 0.0625rem solid #d1d3d3;
574
+ color: #656782;
575
+ font-size: 0.875rem;
576
+ margin-left: 0.5rem;
577
+ padding: 0 1rem;
578
+ }
579
+ .eds-contrast .eds-pagination__input-label {
580
+ border-color: #393d79;
581
+ color: #aeb7e2;
582
+ }
583
+ .eds-pagination__input-field {
584
+ -webkit-appearance: none;
585
+ -moz-appearance: none;
586
+ appearance: none;
587
+ background: transparent;
588
+ border: 0.0625rem solid #d1d3d3;
589
+ border-radius: 0.25rem;
590
+ color: inherit;
591
+ font-family: inherit;
592
+ font-size: 0.875rem;
593
+ height: 2rem;
594
+ text-align: center;
595
+ width: 2rem;
596
+ }
597
+ .eds-pagination__input-field::-webkit-inner-spin-button, .eds-pagination__input-field::-webkit-outer-spin-button {
598
+ -webkit-appearance: none;
599
+ appearance: none;
600
+ margin: 0;
601
+ }/* DO NOT CHANGE!*/
602
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
603
603
  .eds-overflow-menu__item {
604
604
  -webkit-appearance: none;
605
605
  -moz-appearance: none;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/menu",
3
- "version": "4.1.10",
3
+ "version": "4.1.11",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/menu.esm.js",
@@ -23,13 +23,13 @@
23
23
  "lint": "dts lint"
24
24
  },
25
25
  "dependencies": {
26
- "@entur/a11y": "^0.2.48",
27
- "@entur/button": "^2.10.3",
28
- "@entur/expand": "^3.3.19",
26
+ "@entur/a11y": "^0.2.49",
27
+ "@entur/button": "^2.10.4",
28
+ "@entur/expand": "^3.3.20",
29
29
  "@entur/icons": "^4.3.3",
30
- "@entur/layout": "^2.1.10",
30
+ "@entur/layout": "^2.1.11",
31
31
  "@entur/tokens": "^3.4.1",
32
- "@entur/typography": "^1.6.17",
32
+ "@entur/typography": "^1.7.0",
33
33
  "@entur/utils": "^0.4.5",
34
34
  "@reach/menu-button": "^0.16.1",
35
35
  "classnames": "^2.3.1"
@@ -38,5 +38,5 @@
38
38
  "react": ">=16.8.0",
39
39
  "react-dom": ">=16.8.0"
40
40
  },
41
- "gitHead": "278c922026fedcd798934f82d34b43d39bf8f4ce"
41
+ "gitHead": "c1318d134c4097efd550872cabf41b1e67940eae"
42
42
  }