@entur/menu 4.1.12 → 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,22 @@
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
+
18
+ ## [4.1.13](https://bitbucket.org/enturas/design-system/compare/@entur/menu@4.1.12...@entur/menu@4.1.13) (2022-10-12)
19
+
20
+ **Note:** Version bump only for package @entur/menu
21
+
6
22
  ## [4.1.12](https://bitbucket.org/enturas/design-system/compare/@entur/menu@4.1.11...@entur/menu@4.1.12) (2022-10-05)
7
23
 
8
24
  ### Bug Fixes
package/dist/styles.css CHANGED
@@ -106,118 +106,165 @@
106
106
  width: 2rem;
107
107
  }/* DO NOT CHANGE!*/
108
108
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
109
- .eds-stepper {
109
+ .eds-pagination {
110
+ align-items: center;
110
111
  display: flex;
111
- flex-direction: row;
112
+ flex-wrap: wrap;
113
+ row-gap: 0.75rem;
114
+ justify-content: space-between;
112
115
  }
113
- .eds-stepper__item__container {
114
- cursor: pointer;
115
- font-family: inherit;
116
- text-transform: none;
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 {
117
135
  -webkit-appearance: none;
118
136
  -moz-appearance: none;
119
137
  appearance: none;
120
- background: none;
121
- border: none;
122
- margin: 0;
123
- padding: 0;
124
- align-items: inherit;
138
+ background: transparent;
139
+ border: 0.0625rem solid #d1d3d3;
140
+ border-radius: 0.25rem;
141
+ color: inherit;
142
+ font-family: inherit;
125
143
  display: flex;
126
- flex-grow: 1;
127
- flex-basis: 0;
128
- flex-direction: column;
144
+ align-items: center;
145
+ justify-content: space-around;
146
+ height: 2rem;
129
147
  margin-left: 0.25rem;
148
+ margin-right: 1rem;
149
+ width: 3.5rem;
130
150
  }
131
- .eds-stepper__item__container--non-interactive {
132
- cursor: default;
151
+ .eds-pagination-menu__menu-button--open {
152
+ border-color: currentColor;
133
153
  }
134
- .eds-stepper__item__container:focus {
135
- outline-offset: 0.125rem;
154
+ .eds-pagination-menu__menu-button:focus {
136
155
  outline: none;
137
156
  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
138
157
  }
139
- .eds-contrast .eds-stepper__item__container:focus {
140
- box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
141
- }
142
- .eds-stepper__item__container:first-child {
143
- margin-left: 0;
158
+ .eds-pagination-menu__menu-list {
159
+ width: 3.5rem;
144
160
  }
145
- .eds-stepper__item__label {
146
- cursor: inherit;
147
- flex-grow: 1;
148
- flex-direction: column;
149
- text-align: center;
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;
150
175
  font-size: 0.875rem;
151
- padding: 0.25rem 1rem;
152
- }
153
- .eds-stepper__item__label--active {
154
- font-weight: 600;
155
- }
156
- .eds-stepper__item__label.eds-stepper__item__label--active {
157
- color: #181c56;
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;
158
186
  }
159
- .eds-contrast .eds-stepper__item__label.eds-stepper__item__label--active {
160
- color: #ffffff;
187
+ .eds-contrast .eds-pagination__page {
188
+ border-color: #54568c;
161
189
  }
162
- .eds-stepper__item__label.eds-stepper__item__label--has-been {
163
- color: #181c56;
190
+ .eds-pagination__page--selected {
191
+ background: #d1d4e3;
192
+ border-color: #181c56;
193
+ color: inherit;
194
+ opacity: 1;
195
+ pointer-events: none;
164
196
  }
165
- .eds-contrast .eds-stepper__item__label.eds-stepper__item__label--has-been {
166
- color: #ffffff;
197
+ .eds-contrast .eds-pagination__page--selected {
198
+ border-color: #ffffff;
199
+ background: #393d79;
167
200
  }
168
- .eds-stepper__item__square {
169
- height: 0.5rem;
201
+ .eds-pagination__page--disabled {
202
+ opacity: 0.5;
203
+ pointer-events: none;
170
204
  }
171
- .eds-stepper__item__square--active {
172
- color: inherit;
173
- background: #e9e9e9;
174
- position: relative;
205
+ .eds-pagination__page:hover {
206
+ background-color: #d1d4e3;
207
+ border-color: #d1d4e3;
175
208
  }
176
- .eds-stepper__item__square--active:before {
177
- background: #181c56;
178
- content: "";
179
- position: absolute;
180
- right: calc(50% - 0.2rem);
181
- border-radius: 0.0625rem;
182
- bottom: 0.0625rem;
183
- width: calc( 0.5rem - 0.125rem - 0.01rem );
184
- height: calc( 0.5rem - 0.125rem - 0.01rem );
185
- transform: rotate(45deg);
209
+ .eds-contrast .eds-pagination__page:hover {
210
+ background-color: #393d79;
211
+ border-color: #393d79;
186
212
  }
187
- .eds-contrast .eds-stepper__item__square--active:before {
188
- border-left-color: #aeb7e2;
189
- border-left-color: #aeb7e2;
213
+ .eds-pagination__page:focus {
214
+ outline: none;
215
+ border-color: #181c56;
190
216
  }
191
- .eds-stepper__item__square--active:after {
192
- content: "";
193
- position: absolute;
194
- left: 0;
195
- bottom: 0;
196
- width: 50%;
197
- height: 0.5rem;
198
- background: #181c56;
217
+ .eds-contrast .eds-pagination__page:focus {
218
+ border-color: #ffffff;
199
219
  }
200
- .eds-contrast .eds-stepper__item__square--active:after {
201
- background: #aeb7e2;
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;
202
234
  }
203
- .eds-contrast .eds-stepper__item__square--active {
204
- background: #aeb7e2;
205
- background: #393d79;
235
+
236
+ .eds-pagination__input-wrapper {
237
+ white-space: nowrap;
206
238
  }
207
- .eds-stepper__item__square--inactive {
239
+ .eds-pagination__input-label {
240
+ border-left: 0.0625rem solid #d1d3d3;
208
241
  color: #656782;
209
- background: #e9e9e9;
242
+ font-size: 0.875rem;
243
+ margin-left: 0.5rem;
244
+ padding: 0 1rem;
210
245
  }
211
- .eds-contrast .eds-stepper__item__square--inactive {
246
+ .eds-contrast .eds-pagination__input-label {
247
+ border-color: #393d79;
212
248
  color: #aeb7e2;
213
- background: #393d79;
214
249
  }
215
- .eds-stepper__item__square--has-been {
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;
216
257
  color: inherit;
217
- background: #181c56;
258
+ font-family: inherit;
259
+ font-size: 0.875rem;
260
+ height: 2rem;
261
+ text-align: center;
262
+ width: 2rem;
218
263
  }
219
- .eds-contrast .eds-stepper__item__square--has-been {
220
- background: #aeb7e2;
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;
221
268
  }/* DO NOT CHANGE!*/
222
269
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
223
270
  /* DO NOT CHANGE!*/
@@ -536,163 +583,116 @@
536
583
  right: calc(100% - 2rem);
537
584
  }/* DO NOT CHANGE!*/
538
585
  /* 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;
586
+ .eds-stepper {
557
587
  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;
588
+ flex-direction: row;
562
589
  }
563
-
564
- .eds-pagination-menu__menu-button {
590
+ .eds-stepper__item__container {
591
+ cursor: pointer;
592
+ font-family: inherit;
593
+ text-transform: none;
565
594
  -webkit-appearance: none;
566
595
  -moz-appearance: none;
567
596
  appearance: none;
568
- background: transparent;
569
- border: 0.0625rem solid #d1d3d3;
570
- border-radius: 0.25rem;
571
- color: inherit;
572
- font-family: inherit;
597
+ background: none;
598
+ border: none;
599
+ margin: 0;
600
+ padding: 0;
601
+ align-items: inherit;
573
602
  display: flex;
574
- align-items: center;
575
- justify-content: space-around;
576
- height: 2rem;
603
+ flex-grow: 1;
604
+ flex-basis: 0;
605
+ flex-direction: column;
577
606
  margin-left: 0.25rem;
578
- margin-right: 1rem;
579
- width: 3.5rem;
580
607
  }
581
- .eds-pagination-menu__menu-button--open {
582
- border-color: currentColor;
608
+ .eds-stepper__item__container--non-interactive {
609
+ cursor: default;
583
610
  }
584
- .eds-pagination-menu__menu-button:focus {
611
+ .eds-stepper__item__container:focus {
612
+ outline-offset: 0.125rem;
585
613
  outline: none;
586
614
  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
587
615
  }
588
- .eds-pagination-menu__menu-list {
589
- width: 3.5rem;
616
+ .eds-contrast .eds-stepper__item__container:focus {
617
+ box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
590
618
  }
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;
619
+ .eds-stepper__item__container:first-child {
620
+ margin-left: 0;
621
+ }
622
+ .eds-stepper__item__label {
623
+ cursor: inherit;
624
+ flex-grow: 1;
625
+ flex-direction: column;
626
+ text-align: center;
605
627
  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;
628
+ padding: 0.25rem 1rem;
616
629
  }
617
- .eds-contrast .eds-pagination__page {
618
- border-color: #54568c;
630
+ .eds-stepper__item__label--active {
631
+ font-weight: 600;
619
632
  }
620
- .eds-pagination__page--selected {
621
- background: #d1d4e3;
622
- border-color: #181c56;
623
- color: inherit;
624
- opacity: 1;
625
- pointer-events: none;
633
+ .eds-stepper__item__label.eds-stepper__item__label--active {
634
+ color: #181c56;
626
635
  }
627
- .eds-contrast .eds-pagination__page--selected {
628
- border-color: #ffffff;
629
- background: #393d79;
636
+ .eds-contrast .eds-stepper__item__label.eds-stepper__item__label--active {
637
+ color: #ffffff;
630
638
  }
631
- .eds-pagination__page--disabled {
632
- opacity: 0.5;
633
- pointer-events: none;
639
+ .eds-stepper__item__label.eds-stepper__item__label--has-been {
640
+ color: #181c56;
634
641
  }
635
- .eds-pagination__page:hover {
636
- background-color: #d1d4e3;
637
- border-color: #d1d4e3;
642
+ .eds-contrast .eds-stepper__item__label.eds-stepper__item__label--has-been {
643
+ color: #ffffff;
638
644
  }
639
- .eds-contrast .eds-pagination__page:hover {
640
- background-color: #393d79;
641
- border-color: #393d79;
645
+ .eds-stepper__item__square {
646
+ height: 0.5rem;
642
647
  }
643
- .eds-pagination__page:focus {
644
- outline: none;
645
- border-color: #181c56;
648
+ .eds-stepper__item__square--active {
649
+ color: inherit;
650
+ background: #e9e9e9;
651
+ position: relative;
646
652
  }
647
- .eds-contrast .eds-pagination__page:focus {
648
- border-color: #ffffff;
653
+ .eds-stepper__item__square--active:before {
654
+ background: #181c56;
655
+ content: "";
656
+ position: absolute;
657
+ right: calc(50% - 0.2rem);
658
+ border-radius: 0.0625rem;
659
+ bottom: 0.0625rem;
660
+ width: calc( 0.5rem - 0.125rem - 0.01rem );
661
+ height: calc( 0.5rem - 0.125rem - 0.01rem );
662
+ transform: rotate(45deg);
649
663
  }
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
+ .eds-contrast .eds-stepper__item__square--active:before {
665
+ border-left-color: #aeb7e2;
666
+ border-left-color: #aeb7e2;
664
667
  }
665
-
666
- .eds-pagination__input-wrapper {
667
- white-space: nowrap;
668
+ .eds-stepper__item__square--active:after {
669
+ content: "";
670
+ position: absolute;
671
+ left: 0;
672
+ bottom: 0;
673
+ width: 50%;
674
+ height: 0.5rem;
675
+ background: #181c56;
668
676
  }
669
- .eds-pagination__input-label {
670
- border-left: 0.0625rem solid #d1d3d3;
677
+ .eds-contrast .eds-stepper__item__square--active:after {
678
+ background: #aeb7e2;
679
+ }
680
+ .eds-contrast .eds-stepper__item__square--active {
681
+ background: #aeb7e2;
682
+ background: #393d79;
683
+ }
684
+ .eds-stepper__item__square--inactive {
671
685
  color: #656782;
672
- font-size: 0.875rem;
673
- margin-left: 0.5rem;
674
- padding: 0 1rem;
686
+ background: #e9e9e9;
675
687
  }
676
- .eds-contrast .eds-pagination__input-label {
677
- border-color: #393d79;
688
+ .eds-contrast .eds-stepper__item__square--inactive {
678
689
  color: #aeb7e2;
690
+ background: #393d79;
679
691
  }
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;
692
+ .eds-stepper__item__square--has-been {
687
693
  color: inherit;
688
- font-family: inherit;
689
- font-size: 0.875rem;
690
- height: 2rem;
691
- text-align: center;
692
- width: 2rem;
694
+ background: #181c56;
693
695
  }
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;
696
+ .eds-contrast .eds-stepper__item__square--has-been {
697
+ background: #aeb7e2;
698
698
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/menu",
3
- "version": "4.1.12",
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.20",
29
- "@entur/icons": "^4.3.3",
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": "9ae8c78160b6a9c946b95ceb81f300ca79625e11"
41
+ "gitHead": "eb50f5092d80dcdfe5c35bdcd7970e9af29e620a"
42
42
  }