@entur/menu 5.0.7-RC.0 → 5.0.7

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 +55 -98
  2. package/package.json +11 -11
package/dist/styles.css CHANGED
@@ -1,59 +1,5 @@
1
1
  /* DO NOT CHANGE!*/
2
2
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
3
- .eds-breadcrumb {
4
- list-style: none;
5
- margin: 0;
6
- padding: 0;
7
- }
8
-
9
- .eds-breadcrumb__item {
10
- display: inline-block;
11
- color: var(--components-menu-breadcrumb-standard-text);
12
- }
13
- .eds-contrast .eds-breadcrumb__item {
14
- color: var(--components-menu-breadcrumb-contrast-text);
15
- }
16
-
17
- .eds-breadcrumb__separator {
18
- margin: 0 0.25rem 0 0.25rem;
19
- }
20
-
21
- .eds-breadcrumb__link {
22
- text-decoration: none;
23
- color: var(--components-menu-breadcrumb-standard-text);
24
- background-image: linear-gradient(120deg, var(--components-menu-breadcrumb-standard-text) 0%, var(--components-menu-breadcrumb-standard-text) 100%);
25
- background-repeat: no-repeat;
26
- background-size: 100% 0.125rem;
27
- background-position: 0 100%;
28
- }
29
- .eds-contrast .eds-breadcrumb__link {
30
- color: var(--components-menu-breadcrumb-contrast-text);
31
- background-image: linear-gradient(120deg, var(--components-menu-breadcrumb-contrast-text) 0%, var(--components-menu-breadcrumb-contrast-text) 100%);
32
- }
33
- .eds-breadcrumb__link:hover {
34
- animation: eds-breadcrumb-underline 0.3s ease-in;
35
- }
36
- .eds-breadcrumb__link:focus {
37
- outline: 2px solid #181c56;
38
- outline-color: var(--basecolors-stroke-focus-standard);
39
- outline-offset: 0.125rem;
40
- }
41
- .eds-contrast .eds-breadcrumb__link:focus {
42
- outline-color: var(--basecolors-stroke-focus-contrast);
43
- }
44
- @keyframes eds-breadcrumb-underline {
45
- from {
46
- background-size: 0% 0.125rem;
47
- }
48
- to {
49
- background-size: 100% 0.125rem;
50
- }
51
- }
52
- .eds-breadcrumb__link--current {
53
- font-weight: 600;
54
- }
55
- /* DO NOT CHANGE!*/
56
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
57
3
  .eds-side-navigation,
58
4
  .eds-side-navigation-group {
59
5
  color: var(--components-menu-sidenavigation-standard-text);
@@ -127,19 +73,11 @@
127
73
  .eds-contrast .eds-side-navigation__collapse-button svg {
128
74
  color: var(--components-menu-sidenavigation-contrast-icon);
129
75
  }
130
- .eds-side-navigation__collapse-button.focus-visible {
131
- outline: 2px solid #181c56;
132
- outline-color: var(--basecolors-stroke-focus-standard);
133
- outline-offset: 0.125rem;
134
- }
135
76
  .eds-side-navigation__collapse-button:focus-visible {
136
77
  outline: 2px solid #181c56;
137
78
  outline-color: var(--basecolors-stroke-focus-standard);
138
79
  outline-offset: 0.125rem;
139
80
  }
140
- .eds-contrast .eds-side-navigation__collapse-button.focus-visible {
141
- outline-color: var(--basecolors-stroke-focus-contrast);
142
- }
143
81
  .eds-contrast .eds-side-navigation__collapse-button:focus-visible {
144
82
  outline-color: var(--basecolors-stroke-focus-contrast);
145
83
  }
@@ -191,6 +129,7 @@
191
129
  padding-left: 2.5rem;
192
130
  transition: padding 0.2s ease-in-out;
193
131
  text-align: left;
132
+ -webkit-text-decoration: none;
194
133
  text-decoration: none;
195
134
  width: 100%;
196
135
  }
@@ -221,19 +160,11 @@
221
160
  .eds-contrast .eds-side-navigation__click-target:not([disabled]):hover {
222
161
  background-color: var(--components-menu-sidenavigation-contrast-fill-hover);
223
162
  }
224
- .eds-side-navigation__click-target:not([disabled]).focus-visible {
225
- outline: 2px solid #181c56;
226
- outline-color: var(--basecolors-stroke-focus-standard);
227
- outline-offset: 0.125rem;
228
- }
229
163
  .eds-side-navigation__click-target:not([disabled]):focus-visible {
230
164
  outline: 2px solid #181c56;
231
165
  outline-color: var(--basecolors-stroke-focus-standard);
232
166
  outline-offset: 0.125rem;
233
167
  }
234
- .eds-contrast .eds-side-navigation__click-target:not([disabled]).focus-visible {
235
- outline-color: var(--basecolors-stroke-focus-contrast);
236
- }
237
168
  .eds-contrast .eds-side-navigation__click-target:not([disabled]):focus-visible {
238
169
  outline-color: var(--basecolors-stroke-focus-contrast);
239
170
  }
@@ -289,21 +220,68 @@
289
220
  .eds-side-navigation--collapsed .eds-side-navigation-group__trigger {
290
221
  padding-left: 2rem;
291
222
  }
292
- .eds-side-navigation-group__trigger.focus-visible {
223
+ .eds-side-navigation-group__trigger:focus-visible {
293
224
  outline: 2px solid #181c56;
294
225
  outline-color: var(--basecolors-stroke-focus-standard);
295
226
  outline-offset: 0.125rem;
296
227
  }
297
- .eds-side-navigation-group__trigger:focus-visible {
228
+ .eds-contrast .eds-side-navigation-group__trigger:focus-visible {
229
+ outline-color: var(--basecolors-stroke-focus-contrast);
230
+ }
231
+ /* DO NOT CHANGE!*/
232
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
233
+ .eds-breadcrumb {
234
+ list-style: none;
235
+ margin: 0;
236
+ padding: 0;
237
+ }
238
+
239
+ .eds-breadcrumb__item {
240
+ display: inline-block;
241
+ color: var(--components-menu-breadcrumb-standard-text);
242
+ }
243
+ .eds-contrast .eds-breadcrumb__item {
244
+ color: var(--components-menu-breadcrumb-contrast-text);
245
+ }
246
+
247
+ .eds-breadcrumb__separator {
248
+ margin: 0 0.25rem 0 0.25rem;
249
+ }
250
+
251
+ .eds-breadcrumb__link {
252
+ -webkit-text-decoration: none;
253
+ text-decoration: none;
254
+ color: var(--components-menu-breadcrumb-standard-text);
255
+ background-image: linear-gradient(120deg, var(--components-menu-breadcrumb-standard-text) 0%, var(--components-menu-breadcrumb-standard-text) 100%);
256
+ background-repeat: no-repeat;
257
+ background-size: 100% 0.125rem;
258
+ background-position: 0 100%;
259
+ }
260
+ .eds-contrast .eds-breadcrumb__link {
261
+ color: var(--components-menu-breadcrumb-contrast-text);
262
+ background-image: linear-gradient(120deg, var(--components-menu-breadcrumb-contrast-text) 0%, var(--components-menu-breadcrumb-contrast-text) 100%);
263
+ }
264
+ .eds-breadcrumb__link:hover {
265
+ animation: eds-breadcrumb-underline 0.3s ease-in;
266
+ }
267
+ .eds-breadcrumb__link:focus {
298
268
  outline: 2px solid #181c56;
299
269
  outline-color: var(--basecolors-stroke-focus-standard);
300
270
  outline-offset: 0.125rem;
301
271
  }
302
- .eds-contrast .eds-side-navigation-group__trigger.focus-visible {
272
+ .eds-contrast .eds-breadcrumb__link:focus {
303
273
  outline-color: var(--basecolors-stroke-focus-contrast);
304
274
  }
305
- .eds-contrast .eds-side-navigation-group__trigger:focus-visible {
306
- outline-color: var(--basecolors-stroke-focus-contrast);
275
+ @keyframes eds-breadcrumb-underline {
276
+ from {
277
+ background-size: 0% 0.125rem;
278
+ }
279
+ to {
280
+ background-size: 100% 0.125rem;
281
+ }
282
+ }
283
+ .eds-breadcrumb__link--current {
284
+ font-weight: 600;
307
285
  }
308
286
  /* DO NOT CHANGE!*/
309
287
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
@@ -329,6 +307,7 @@
329
307
  font-size: 1rem;
330
308
  line-height: 1.375rem;
331
309
  text-align: left;
310
+ -webkit-text-decoration: none;
332
311
  text-decoration: none;
333
312
  color: var(--components-menu-overflowmenu-text);
334
313
  background: var(--components-menu-overflowmenu-fill-default);
@@ -439,19 +418,11 @@
439
418
  background-color: var(--components-menu-pagination-contrast-hover);
440
419
  border-color: var(--components-menu-pagination-contrast-border-unselected);
441
420
  }
442
- .eds-pagination__controls__page.focus-visible {
443
- outline: 2px solid #181c56;
444
- outline-color: var(--basecolors-stroke-focus-standard);
445
- outline-offset: 0.125rem;
446
- }
447
421
  .eds-pagination__controls__page:focus-visible {
448
422
  outline: 2px solid #181c56;
449
423
  outline-color: var(--basecolors-stroke-focus-standard);
450
424
  outline-offset: 0.125rem;
451
425
  }
452
- .eds-contrast .eds-pagination__controls__page.focus-visible {
453
- outline-color: var(--basecolors-stroke-focus-contrast);
454
- }
455
426
  .eds-contrast .eds-pagination__controls__page:focus-visible {
456
427
  outline-color: var(--basecolors-stroke-focus-contrast);
457
428
  }
@@ -510,19 +481,11 @@
510
481
  appearance: none;
511
482
  margin: 0;
512
483
  }
513
- .eds-pagination__controls__input__field.focus-visible {
514
- outline: 2px solid #181c56;
515
- outline-color: var(--basecolors-stroke-focus-standard);
516
- outline-offset: 0.125rem;
517
- }
518
484
  .eds-pagination__controls__input__field:focus-visible {
519
485
  outline: 2px solid #181c56;
520
486
  outline-color: var(--basecolors-stroke-focus-standard);
521
487
  outline-offset: 0.125rem;
522
488
  }
523
- .eds-contrast .eds-pagination__controls__input__field.focus-visible {
524
- outline-color: var(--basecolors-stroke-focus-contrast);
525
- }
526
489
  .eds-contrast .eds-pagination__controls__input__field:focus-visible {
527
490
  outline-color: var(--basecolors-stroke-focus-contrast);
528
491
  }
@@ -552,17 +515,10 @@
552
515
  font-family: inherit;
553
516
  text-transform: none;
554
517
  }
555
- .eds-stepper__step.focus-visible .eds-stepper__step__label {
556
- outline-offset: 0.125rem;
557
- outline: 2px solid #181c56;
558
- }
559
518
  .eds-stepper__step:focus-visible .eds-stepper__step__label {
560
519
  outline-offset: 0.125rem;
561
520
  outline: 2px solid #181c56;
562
521
  }
563
- .eds-contrast .eds-stepper__step.focus-visible .eds-stepper__step__label {
564
- outline: 2px solid #ffffff;
565
- }
566
522
  .eds-contrast .eds-stepper__step:focus-visible .eds-stepper__step__label {
567
523
  outline: 2px solid #ffffff;
568
524
  }
@@ -658,6 +614,7 @@
658
614
  display: inline-block;
659
615
  cursor: pointer;
660
616
  color: var(--components-menu-navigationbar-standard-text-unselected);
617
+ -webkit-text-decoration: none;
661
618
  text-decoration: none;
662
619
  position: relative;
663
620
  padding: 1rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/menu",
3
- "version": "5.0.7-RC.0",
3
+ "version": "5.0.7",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/menu.esm.js",
@@ -27,20 +27,20 @@
27
27
  "react-dom": ">=16.8.0"
28
28
  },
29
29
  "dependencies": {
30
- "@entur/a11y": "^0.2.94-RC.0",
31
- "@entur/button": "^3.2.37-RC.0",
32
- "@entur/expand": "^3.5.26-RC.0",
33
- "@entur/icons": "^7.5.1-RC.0",
34
- "@entur/layout": "^2.3.21-RC.0",
35
- "@entur/tokens": "^3.17.4-RC.0",
36
- "@entur/tooltip": "^5.1.5-RC.0",
37
- "@entur/typography": "^1.8.50-RC.0",
38
- "@entur/utils": "^0.12.2-RC.0",
30
+ "@entur/a11y": "^0.2.94",
31
+ "@entur/button": "^3.2.37",
32
+ "@entur/expand": "^3.5.26",
33
+ "@entur/icons": "^7.5.1",
34
+ "@entur/layout": "^2.3.21",
35
+ "@entur/tokens": "^3.17.4",
36
+ "@entur/tooltip": "^5.1.5",
37
+ "@entur/typography": "^1.8.50",
38
+ "@entur/utils": "^0.12.2",
39
39
  "@floating-ui/react": "^0.26.23",
40
40
  "classnames": "^2.3.1"
41
41
  },
42
42
  "devDependencies": {
43
43
  "dts-cli": "2.0.5"
44
44
  },
45
- "gitHead": "d7913682a41ade219cbd4dfc6e45060152c7fa0a"
45
+ "gitHead": "835e1335b390f48b80379ae6c473ac89041a392a"
46
46
  }