@entur/menu 4.1.46 → 4.1.47

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 +160 -160
  2. package/package.json +7 -7
package/dist/styles.css CHANGED
@@ -50,6 +50,166 @@
50
50
  }
51
51
  /* DO NOT CHANGE!*/
52
52
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
53
+ .eds-pagination {
54
+ align-items: center;
55
+ display: flex;
56
+ flex-wrap: wrap;
57
+ row-gap: 0.75rem;
58
+ justify-content: space-between;
59
+ }
60
+ .eds-pagination__results {
61
+ align-items: center;
62
+ display: flex;
63
+ flex: 1;
64
+ justify-content: flex-start;
65
+ }
66
+ .eds-pagination__results-label {
67
+ margin-right: 0.5rem;
68
+ }
69
+ .eds-pagination__controls {
70
+ align-items: center;
71
+ display: flex;
72
+ justify-content: center;
73
+ }
74
+ .eds-pagination__results:first-of-type:last-of-type, .eds-pagination__controls:first-of-type:last-of-type {
75
+ margin: 0 auto;
76
+ }
77
+
78
+ .eds-pagination-menu__menu-button {
79
+ -webkit-appearance: none;
80
+ -moz-appearance: none;
81
+ appearance: none;
82
+ background: transparent;
83
+ border: 0.0625rem solid #d1d3d3;
84
+ border-radius: 0.25rem;
85
+ color: inherit;
86
+ font-family: inherit;
87
+ display: flex;
88
+ align-items: center;
89
+ justify-content: space-around;
90
+ height: 2rem;
91
+ margin-left: 0.25rem;
92
+ margin-right: 1rem;
93
+ width: 3.5rem;
94
+ }
95
+ .eds-pagination-menu__menu-button--open {
96
+ border-color: currentColor;
97
+ }
98
+ .eds-pagination-menu__menu-button:focus {
99
+ outline: none;
100
+ box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
101
+ }
102
+ .eds-pagination-menu__menu-list {
103
+ width: 3.5rem;
104
+ }
105
+
106
+ .eds-pagination__page {
107
+ align-items: center;
108
+ -webkit-appearance: none;
109
+ -moz-appearance: none;
110
+ appearance: none;
111
+ background: transparent;
112
+ border: 0.0625rem solid #d1d3d3;
113
+ border-color: #d1d3d3;
114
+ border-radius: 0.25rem;
115
+ color: inherit;
116
+ cursor: pointer;
117
+ display: flex;
118
+ font-family: inherit;
119
+ font-size: 0.875rem;
120
+ height: 2rem;
121
+ justify-content: center;
122
+ margin: 0 0.125rem;
123
+ padding: 0 0.25rem;
124
+ transition: background 0.1s ease-out, border-color 0.1s ease-out;
125
+ -webkit-user-select: none;
126
+ -moz-user-select: none;
127
+ user-select: none;
128
+ min-width: 2rem;
129
+ }
130
+ .eds-contrast .eds-pagination__page {
131
+ border-color: #54568c;
132
+ }
133
+ .eds-pagination__page--selected {
134
+ background: #d1d4e3;
135
+ border-color: #181c56;
136
+ color: inherit;
137
+ opacity: 1;
138
+ pointer-events: none;
139
+ }
140
+ .eds-contrast .eds-pagination__page--selected {
141
+ border-color: #ffffff;
142
+ background: #393d79;
143
+ }
144
+ .eds-pagination__page--disabled {
145
+ opacity: 0.5;
146
+ pointer-events: none;
147
+ }
148
+ .eds-pagination__page:hover {
149
+ background-color: #d1d4e3;
150
+ border-color: #d1d4e3;
151
+ }
152
+ .eds-contrast .eds-pagination__page:hover {
153
+ background-color: #393d79;
154
+ border-color: #393d79;
155
+ }
156
+ .eds-pagination__page:focus {
157
+ outline: none;
158
+ border-color: #181c56;
159
+ }
160
+ .eds-contrast .eds-pagination__page:focus {
161
+ border-color: #ffffff;
162
+ }
163
+
164
+ .eds-pagination__ellipsis {
165
+ align-items: baseline;
166
+ cursor: default;
167
+ display: flex;
168
+ font-size: 1.5rem;
169
+ height: 2rem;
170
+ justify-content: center;
171
+ -webkit-user-select: none;
172
+ -moz-user-select: none;
173
+ user-select: none;
174
+ width: 2rem;
175
+ margin: 0 2px;
176
+ }
177
+
178
+ .eds-pagination__input-wrapper {
179
+ white-space: nowrap;
180
+ }
181
+ .eds-pagination__input-label {
182
+ border-left: 0.0625rem solid #d1d3d3;
183
+ color: #656782;
184
+ font-size: 0.875rem;
185
+ margin-left: 0.5rem;
186
+ padding: 0 1rem;
187
+ }
188
+ .eds-contrast .eds-pagination__input-label {
189
+ border-color: #393d79;
190
+ color: #aeb7e2;
191
+ }
192
+ .eds-pagination__input-field {
193
+ -webkit-appearance: none;
194
+ -moz-appearance: none;
195
+ appearance: none;
196
+ background: transparent;
197
+ border: 0.0625rem solid #d1d3d3;
198
+ border-radius: 0.25rem;
199
+ color: inherit;
200
+ font-family: inherit;
201
+ font-size: 0.875rem;
202
+ height: 2rem;
203
+ text-align: center;
204
+ width: 2rem;
205
+ }
206
+ .eds-pagination__input-field::-webkit-inner-spin-button, .eds-pagination__input-field::-webkit-outer-spin-button {
207
+ -webkit-appearance: none;
208
+ appearance: none;
209
+ margin: 0;
210
+ }
211
+ /* DO NOT CHANGE!*/
212
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
53
213
  /* DO NOT CHANGE!*/
54
214
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
55
215
  .eds-side-navigation,
@@ -270,166 +430,6 @@
270
430
  }
271
431
  /* DO NOT CHANGE!*/
272
432
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
273
- .eds-pagination {
274
- align-items: center;
275
- display: flex;
276
- flex-wrap: wrap;
277
- row-gap: 0.75rem;
278
- justify-content: space-between;
279
- }
280
- .eds-pagination__results {
281
- align-items: center;
282
- display: flex;
283
- flex: 1;
284
- justify-content: flex-start;
285
- }
286
- .eds-pagination__results-label {
287
- margin-right: 0.5rem;
288
- }
289
- .eds-pagination__controls {
290
- align-items: center;
291
- display: flex;
292
- justify-content: center;
293
- }
294
- .eds-pagination__results:first-of-type:last-of-type, .eds-pagination__controls:first-of-type:last-of-type {
295
- margin: 0 auto;
296
- }
297
-
298
- .eds-pagination-menu__menu-button {
299
- -webkit-appearance: none;
300
- -moz-appearance: none;
301
- appearance: none;
302
- background: transparent;
303
- border: 0.0625rem solid #d1d3d3;
304
- border-radius: 0.25rem;
305
- color: inherit;
306
- font-family: inherit;
307
- display: flex;
308
- align-items: center;
309
- justify-content: space-around;
310
- height: 2rem;
311
- margin-left: 0.25rem;
312
- margin-right: 1rem;
313
- width: 3.5rem;
314
- }
315
- .eds-pagination-menu__menu-button--open {
316
- border-color: currentColor;
317
- }
318
- .eds-pagination-menu__menu-button:focus {
319
- outline: none;
320
- box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
321
- }
322
- .eds-pagination-menu__menu-list {
323
- width: 3.5rem;
324
- }
325
-
326
- .eds-pagination__page {
327
- align-items: center;
328
- -webkit-appearance: none;
329
- -moz-appearance: none;
330
- appearance: none;
331
- background: transparent;
332
- border: 0.0625rem solid #d1d3d3;
333
- border-color: #d1d3d3;
334
- border-radius: 0.25rem;
335
- color: inherit;
336
- cursor: pointer;
337
- display: flex;
338
- font-family: inherit;
339
- font-size: 0.875rem;
340
- height: 2rem;
341
- justify-content: center;
342
- margin: 0 0.125rem;
343
- padding: 0 0.25rem;
344
- transition: background 0.1s ease-out, border-color 0.1s ease-out;
345
- -webkit-user-select: none;
346
- -moz-user-select: none;
347
- user-select: none;
348
- min-width: 2rem;
349
- }
350
- .eds-contrast .eds-pagination__page {
351
- border-color: #54568c;
352
- }
353
- .eds-pagination__page--selected {
354
- background: #d1d4e3;
355
- border-color: #181c56;
356
- color: inherit;
357
- opacity: 1;
358
- pointer-events: none;
359
- }
360
- .eds-contrast .eds-pagination__page--selected {
361
- border-color: #ffffff;
362
- background: #393d79;
363
- }
364
- .eds-pagination__page--disabled {
365
- opacity: 0.5;
366
- pointer-events: none;
367
- }
368
- .eds-pagination__page:hover {
369
- background-color: #d1d4e3;
370
- border-color: #d1d4e3;
371
- }
372
- .eds-contrast .eds-pagination__page:hover {
373
- background-color: #393d79;
374
- border-color: #393d79;
375
- }
376
- .eds-pagination__page:focus {
377
- outline: none;
378
- border-color: #181c56;
379
- }
380
- .eds-contrast .eds-pagination__page:focus {
381
- border-color: #ffffff;
382
- }
383
-
384
- .eds-pagination__ellipsis {
385
- align-items: baseline;
386
- cursor: default;
387
- display: flex;
388
- font-size: 1.5rem;
389
- height: 2rem;
390
- justify-content: center;
391
- -webkit-user-select: none;
392
- -moz-user-select: none;
393
- user-select: none;
394
- width: 2rem;
395
- margin: 0 2px;
396
- }
397
-
398
- .eds-pagination__input-wrapper {
399
- white-space: nowrap;
400
- }
401
- .eds-pagination__input-label {
402
- border-left: 0.0625rem solid #d1d3d3;
403
- color: #656782;
404
- font-size: 0.875rem;
405
- margin-left: 0.5rem;
406
- padding: 0 1rem;
407
- }
408
- .eds-contrast .eds-pagination__input-label {
409
- border-color: #393d79;
410
- color: #aeb7e2;
411
- }
412
- .eds-pagination__input-field {
413
- -webkit-appearance: none;
414
- -moz-appearance: none;
415
- appearance: none;
416
- background: transparent;
417
- border: 0.0625rem solid #d1d3d3;
418
- border-radius: 0.25rem;
419
- color: inherit;
420
- font-family: inherit;
421
- font-size: 0.875rem;
422
- height: 2rem;
423
- text-align: center;
424
- width: 2rem;
425
- }
426
- .eds-pagination__input-field::-webkit-inner-spin-button, .eds-pagination__input-field::-webkit-outer-spin-button {
427
- -webkit-appearance: none;
428
- appearance: none;
429
- margin: 0;
430
- }
431
- /* DO NOT CHANGE!*/
432
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
433
433
  .eds-top-navigation-item {
434
434
  --show-active-line: 0;
435
435
  display: inline-block;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/menu",
3
- "version": "4.1.46",
3
+ "version": "4.1.47",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/menu.esm.js",
@@ -28,16 +28,16 @@
28
28
  },
29
29
  "dependencies": {
30
30
  "@entur/a11y": "^0.2.68",
31
- "@entur/button": "^3.0.12",
32
- "@entur/expand": "^3.4.5",
33
- "@entur/icons": "^6.4.0",
34
- "@entur/layout": "^2.1.37",
31
+ "@entur/button": "^3.0.13",
32
+ "@entur/expand": "^3.4.6",
33
+ "@entur/icons": "^6.4.1",
34
+ "@entur/layout": "^2.1.38",
35
35
  "@entur/tokens": "^3.10.0",
36
- "@entur/typography": "^1.8.4",
36
+ "@entur/typography": "^1.8.5",
37
37
  "@entur/utils": "^0.9.3",
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": "6e84c896e30f146cfc15284218f55ab9f1766d46"
42
+ "gitHead": "113113f32a331fcd5f01d20e2c47ae2f2b73b93e"
43
43
  }