@entur/dropdown 5.0.13 → 5.0.14
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 +136 -136
- package/package.json +8 -8
package/dist/styles.css
CHANGED
|
@@ -1,91 +1,5 @@
|
|
|
1
1
|
/* DO NOT CHANGE!*/
|
|
2
2
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
|
-
.eds-dropdown-wrapper {
|
|
4
|
-
position: relative;
|
|
5
|
-
}
|
|
6
|
-
.eds-dropdown-wrapper .eds-form-control {
|
|
7
|
-
padding-right: 0;
|
|
8
|
-
}
|
|
9
|
-
.eds-dropdown-wrapper .eds-form-control__append {
|
|
10
|
-
display: flex;
|
|
11
|
-
align-items: center;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.eds-dropdown__input::-moz-placeholder {
|
|
15
|
-
color: #656782;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.eds-dropdown__input::placeholder {
|
|
19
|
-
color: #656782;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.eds-dropdown__selected-item {
|
|
23
|
-
overflow-x: hidden;
|
|
24
|
-
text-overflow: ellipsis;
|
|
25
|
-
white-space: nowrap;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.eds-dropdown__clear-button {
|
|
29
|
-
background: none;
|
|
30
|
-
border: none;
|
|
31
|
-
border-radius: 50%;
|
|
32
|
-
color: inherit;
|
|
33
|
-
cursor: pointer;
|
|
34
|
-
display: flex;
|
|
35
|
-
font: inherit;
|
|
36
|
-
font-size: 1rem;
|
|
37
|
-
line-height: 1rem;
|
|
38
|
-
padding: 0.5rem;
|
|
39
|
-
}
|
|
40
|
-
.eds-dropdown__clear-button:hover {
|
|
41
|
-
background: #f3f3f3;
|
|
42
|
-
}
|
|
43
|
-
.eds-dropdown__clear-button:focus {
|
|
44
|
-
outline-offset: 0.125rem;
|
|
45
|
-
outline: none;
|
|
46
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.eds-dropdown__divider {
|
|
50
|
-
content: "";
|
|
51
|
-
display: block;
|
|
52
|
-
background-color: #e9e9e9;
|
|
53
|
-
height: 1.5rem;
|
|
54
|
-
width: 1px;
|
|
55
|
-
}
|
|
56
|
-
.eds-contrast .eds-form-control-wrapper--disabled .eds-dropdown__divider {
|
|
57
|
-
background-color: #8285a8;
|
|
58
|
-
}
|
|
59
|
-
/* DO NOT CHANGE!*/
|
|
60
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
61
|
-
.eds-dropdown__toggle-button {
|
|
62
|
-
-webkit-appearance: none;
|
|
63
|
-
-moz-appearance: none;
|
|
64
|
-
appearance: none;
|
|
65
|
-
background: none;
|
|
66
|
-
border: none;
|
|
67
|
-
border-radius: 0;
|
|
68
|
-
color: inherit;
|
|
69
|
-
font-size: inherit;
|
|
70
|
-
font-family: inherit;
|
|
71
|
-
margin-right: -0.75rem;
|
|
72
|
-
padding: 0.5rem;
|
|
73
|
-
display: flex;
|
|
74
|
-
justify-content: center;
|
|
75
|
-
}
|
|
76
|
-
.eds-dropdown__toggle-button--open svg {
|
|
77
|
-
transform: rotate(180deg);
|
|
78
|
-
}
|
|
79
|
-
.eds-dropdown__toggle-button:focus {
|
|
80
|
-
outline-offset: 0.125rem;
|
|
81
|
-
outline: none;
|
|
82
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
83
|
-
}
|
|
84
|
-
.eds-contrast .eds-dropdown__toggle-button:focus {
|
|
85
|
-
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
86
|
-
}
|
|
87
|
-
/* DO NOT CHANGE!*/
|
|
88
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
89
3
|
.eds-dropdown__searchable-selected-item {
|
|
90
4
|
display: block;
|
|
91
5
|
font-size: 1rem;
|
|
@@ -109,13 +23,70 @@
|
|
|
109
23
|
.eds-form-control.eds-dropdown__input::placeholder {
|
|
110
24
|
transition: none;
|
|
111
25
|
}
|
|
112
|
-
|
|
26
|
+
/* DO NOT CHANGE!*/
|
|
27
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
28
|
+
.eds-dropdown-list {
|
|
29
|
+
border-radius: 0.25rem;
|
|
30
|
+
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
31
|
+
display: none;
|
|
32
|
+
list-style: none;
|
|
33
|
+
margin: 0;
|
|
34
|
+
max-height: 50vh;
|
|
35
|
+
padding: 0;
|
|
36
|
+
position: relative;
|
|
37
|
+
overflow-y: auto;
|
|
38
|
+
width: 100%;
|
|
39
|
+
z-index: 20;
|
|
40
|
+
}
|
|
41
|
+
.eds-contrast .eds-dropdown-list {
|
|
42
|
+
box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121);
|
|
43
|
+
}
|
|
44
|
+
.eds-dropdown-list--open {
|
|
45
|
+
display: inline-block;
|
|
46
|
+
}
|
|
47
|
+
.eds-dropdown-list:focus {
|
|
48
|
+
outline: none;
|
|
49
|
+
}
|
|
50
|
+
@media all and (min-width: 50rem) {
|
|
51
|
+
.eds-dropdown-list {
|
|
52
|
+
max-height: 30vh;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
.eds-dropdown-list__item {
|
|
113
56
|
align-items: center;
|
|
57
|
+
background-color: #f8f8f8;
|
|
58
|
+
border-bottom: 0.125rem solid #e9e9e9;
|
|
59
|
+
border-left: 0.125rem solid #e9e9e9;
|
|
60
|
+
border-right: 0.125rem solid #e9e9e9;
|
|
61
|
+
color: #181c56;
|
|
114
62
|
display: flex;
|
|
115
|
-
justify-content:
|
|
116
|
-
|
|
63
|
+
justify-content: space-between;
|
|
64
|
+
font-family: inherit;
|
|
65
|
+
font-size: 1rem;
|
|
66
|
+
line-height: 1.25rem;
|
|
67
|
+
padding: 0.75rem 1rem;
|
|
117
68
|
width: 100%;
|
|
118
69
|
}
|
|
70
|
+
.eds-dropdown-list__item:first-child {
|
|
71
|
+
border-top: 0.125rem solid #e9e9e9;
|
|
72
|
+
}
|
|
73
|
+
.eds-dropdown-list__item:last-child {
|
|
74
|
+
border-bottom: none;
|
|
75
|
+
}
|
|
76
|
+
.eds-contrast .eds-dropdown-list__item {
|
|
77
|
+
color: #181c56;
|
|
78
|
+
border-color: #54568c;
|
|
79
|
+
background-color: #ffffff;
|
|
80
|
+
}
|
|
81
|
+
.eds-dropdown-list__item--highlighted {
|
|
82
|
+
background-color: #d1d4e3;
|
|
83
|
+
}
|
|
84
|
+
.eds-contrast .eds-dropdown-list__item--highlighted {
|
|
85
|
+
background-color: #d1d4e3;
|
|
86
|
+
}
|
|
87
|
+
.eds-dropdown-list-icon {
|
|
88
|
+
margin-left: 0.75rem;
|
|
89
|
+
}
|
|
119
90
|
/* DO NOT CHANGE!*/
|
|
120
91
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
121
92
|
.eds-multi-select {
|
|
@@ -209,67 +180,96 @@
|
|
|
209
180
|
}
|
|
210
181
|
/* DO NOT CHANGE!*/
|
|
211
182
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
212
|
-
.eds-dropdown-
|
|
213
|
-
border-radius: 0.25rem;
|
|
214
|
-
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
215
|
-
display: none;
|
|
216
|
-
list-style: none;
|
|
217
|
-
margin: 0;
|
|
218
|
-
max-height: 50vh;
|
|
219
|
-
padding: 0;
|
|
183
|
+
.eds-dropdown-wrapper {
|
|
220
184
|
position: relative;
|
|
221
|
-
overflow-y: auto;
|
|
222
|
-
width: 100%;
|
|
223
|
-
z-index: 20;
|
|
224
185
|
}
|
|
225
|
-
.eds-
|
|
226
|
-
|
|
186
|
+
.eds-dropdown-wrapper .eds-form-control {
|
|
187
|
+
padding-right: 0;
|
|
227
188
|
}
|
|
228
|
-
.eds-dropdown-
|
|
229
|
-
display:
|
|
189
|
+
.eds-dropdown-wrapper .eds-form-control__append {
|
|
190
|
+
display: flex;
|
|
191
|
+
align-items: center;
|
|
230
192
|
}
|
|
231
|
-
|
|
232
|
-
|
|
193
|
+
|
|
194
|
+
.eds-dropdown__input::-moz-placeholder {
|
|
195
|
+
color: #656782;
|
|
233
196
|
}
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
}
|
|
197
|
+
|
|
198
|
+
.eds-dropdown__input::placeholder {
|
|
199
|
+
color: #656782;
|
|
238
200
|
}
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
201
|
+
|
|
202
|
+
.eds-dropdown__selected-item {
|
|
203
|
+
overflow-x: hidden;
|
|
204
|
+
text-overflow: ellipsis;
|
|
205
|
+
white-space: nowrap;
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
.eds-dropdown__clear-button {
|
|
209
|
+
background: none;
|
|
210
|
+
border: none;
|
|
211
|
+
border-radius: 50%;
|
|
212
|
+
color: inherit;
|
|
213
|
+
cursor: pointer;
|
|
246
214
|
display: flex;
|
|
247
|
-
|
|
248
|
-
font-family: inherit;
|
|
215
|
+
font: inherit;
|
|
249
216
|
font-size: 1rem;
|
|
250
|
-
line-height:
|
|
251
|
-
padding: 0.
|
|
252
|
-
width: 100%;
|
|
217
|
+
line-height: 1rem;
|
|
218
|
+
padding: 0.5rem;
|
|
253
219
|
}
|
|
254
|
-
.eds-
|
|
255
|
-
|
|
220
|
+
.eds-dropdown__clear-button:hover {
|
|
221
|
+
background: #f3f3f3;
|
|
256
222
|
}
|
|
257
|
-
.eds-
|
|
258
|
-
|
|
223
|
+
.eds-dropdown__clear-button:focus {
|
|
224
|
+
outline-offset: 0.125rem;
|
|
225
|
+
outline: none;
|
|
226
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
259
227
|
}
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
228
|
+
|
|
229
|
+
.eds-dropdown__divider {
|
|
230
|
+
content: "";
|
|
231
|
+
display: block;
|
|
232
|
+
background-color: #e9e9e9;
|
|
233
|
+
height: 1.5rem;
|
|
234
|
+
width: 1px;
|
|
264
235
|
}
|
|
265
|
-
.eds-
|
|
266
|
-
background-color: #
|
|
236
|
+
.eds-contrast .eds-form-control-wrapper--disabled .eds-dropdown__divider {
|
|
237
|
+
background-color: #8285a8;
|
|
267
238
|
}
|
|
268
|
-
.eds-
|
|
269
|
-
|
|
239
|
+
.eds-inline-spinner {
|
|
240
|
+
align-items: center;
|
|
241
|
+
display: flex;
|
|
242
|
+
justify-content: center;
|
|
243
|
+
height: 100%;
|
|
244
|
+
width: 100%;
|
|
270
245
|
}
|
|
271
|
-
|
|
272
|
-
|
|
246
|
+
/* DO NOT CHANGE!*/
|
|
247
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
248
|
+
.eds-dropdown__toggle-button {
|
|
249
|
+
-webkit-appearance: none;
|
|
250
|
+
-moz-appearance: none;
|
|
251
|
+
appearance: none;
|
|
252
|
+
background: none;
|
|
253
|
+
border: none;
|
|
254
|
+
border-radius: 0;
|
|
255
|
+
color: inherit;
|
|
256
|
+
font-size: inherit;
|
|
257
|
+
font-family: inherit;
|
|
258
|
+
margin-right: -0.75rem;
|
|
259
|
+
padding: 0.5rem;
|
|
260
|
+
display: flex;
|
|
261
|
+
justify-content: center;
|
|
262
|
+
}
|
|
263
|
+
.eds-dropdown__toggle-button--open svg {
|
|
264
|
+
transform: rotate(180deg);
|
|
265
|
+
}
|
|
266
|
+
.eds-dropdown__toggle-button:focus {
|
|
267
|
+
outline-offset: 0.125rem;
|
|
268
|
+
outline: none;
|
|
269
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
270
|
+
}
|
|
271
|
+
.eds-contrast .eds-dropdown__toggle-button:focus {
|
|
272
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
273
273
|
}
|
|
274
274
|
/* DO NOT CHANGE!*/
|
|
275
275
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/dropdown",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.0.14",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/dropdown.esm.js",
|
|
@@ -28,16 +28,16 @@
|
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@entur/a11y": "^0.2.70",
|
|
31
|
-
"@entur/button": "^3.1.
|
|
32
|
-
"@entur/chip": "^0.6.
|
|
33
|
-
"@entur/form": "^7.0.
|
|
34
|
-
"@entur/icons": "^6.
|
|
35
|
-
"@entur/loader": "^0.4.
|
|
31
|
+
"@entur/button": "^3.1.6",
|
|
32
|
+
"@entur/chip": "^0.6.50",
|
|
33
|
+
"@entur/form": "^7.0.22",
|
|
34
|
+
"@entur/icons": "^6.10.0",
|
|
35
|
+
"@entur/loader": "^0.4.43",
|
|
36
36
|
"@entur/tokens": "^3.10.0",
|
|
37
|
-
"@entur/tooltip": "^2.6.
|
|
37
|
+
"@entur/tooltip": "^2.6.31",
|
|
38
38
|
"@entur/utils": "^0.9.5",
|
|
39
39
|
"classnames": "^2.3.1",
|
|
40
40
|
"downshift": "^7.6.1"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "9e97f6db17e2ad5096603ba20d568601059ca53e"
|
|
43
43
|
}
|