@entur/dropdown 5.0.27-beta.0 → 5.0.27
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 +101 -101
- package/package.json +10 -10
package/dist/styles.css
CHANGED
|
@@ -7,6 +7,31 @@
|
|
|
7
7
|
}
|
|
8
8
|
/* DO NOT CHANGE!*/
|
|
9
9
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
10
|
+
.eds-dropdown__searchable-selected-item {
|
|
11
|
+
display: block;
|
|
12
|
+
font-size: 1rem;
|
|
13
|
+
line-height: 1rem;
|
|
14
|
+
margin-right: -1rem;
|
|
15
|
+
padding: calc(1rem + 0.25rem) 0 0.25rem 1rem;
|
|
16
|
+
font-family: inherit;
|
|
17
|
+
overflow-x: hidden;
|
|
18
|
+
text-overflow: ellipsis;
|
|
19
|
+
white-space: nowrap;
|
|
20
|
+
}
|
|
21
|
+
.eds-dropdown__searchable-selected-item__wrapper {
|
|
22
|
+
max-width: 65%;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.eds-form-control.eds-dropdown__input::-moz-placeholder {
|
|
26
|
+
-moz-transition: none;
|
|
27
|
+
transition: none;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.eds-form-control.eds-dropdown__input::placeholder {
|
|
31
|
+
transition: none;
|
|
32
|
+
}
|
|
33
|
+
/* DO NOT CHANGE!*/
|
|
34
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
10
35
|
.eds-dropdown-list {
|
|
11
36
|
border-radius: 0.25rem;
|
|
12
37
|
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
@@ -71,92 +96,6 @@
|
|
|
71
96
|
}
|
|
72
97
|
/* DO NOT CHANGE!*/
|
|
73
98
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
74
|
-
.eds-dropdown-wrapper {
|
|
75
|
-
position: relative;
|
|
76
|
-
}
|
|
77
|
-
.eds-dropdown-wrapper .eds-form-control {
|
|
78
|
-
padding-right: 0;
|
|
79
|
-
}
|
|
80
|
-
.eds-dropdown-wrapper .eds-form-control__append {
|
|
81
|
-
display: flex;
|
|
82
|
-
align-items: center;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
.eds-dropdown__input::-moz-placeholder {
|
|
86
|
-
color: #656782;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
.eds-dropdown__input::placeholder {
|
|
90
|
-
color: #656782;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.eds-dropdown__selected-item {
|
|
94
|
-
overflow-x: hidden;
|
|
95
|
-
text-overflow: ellipsis;
|
|
96
|
-
white-space: nowrap;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.eds-dropdown__clear-button {
|
|
100
|
-
background: none;
|
|
101
|
-
border: none;
|
|
102
|
-
border-radius: 50%;
|
|
103
|
-
color: inherit;
|
|
104
|
-
cursor: pointer;
|
|
105
|
-
display: flex;
|
|
106
|
-
font: inherit;
|
|
107
|
-
font-size: 1rem;
|
|
108
|
-
line-height: 1rem;
|
|
109
|
-
padding: 0.5rem;
|
|
110
|
-
}
|
|
111
|
-
.eds-dropdown__clear-button:hover {
|
|
112
|
-
background: #f3f3f3;
|
|
113
|
-
}
|
|
114
|
-
.eds-dropdown__clear-button:focus {
|
|
115
|
-
outline-offset: 0.125rem;
|
|
116
|
-
outline: none;
|
|
117
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
.eds-dropdown__divider {
|
|
121
|
-
content: "";
|
|
122
|
-
display: block;
|
|
123
|
-
background-color: #e9e9e9;
|
|
124
|
-
height: 1.5rem;
|
|
125
|
-
width: 1px;
|
|
126
|
-
}
|
|
127
|
-
.eds-contrast .eds-form-control-wrapper--disabled .eds-dropdown__divider {
|
|
128
|
-
background-color: #8285a8;
|
|
129
|
-
}
|
|
130
|
-
/* DO NOT CHANGE!*/
|
|
131
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
132
|
-
.eds-dropdown__toggle-button {
|
|
133
|
-
-webkit-appearance: none;
|
|
134
|
-
-moz-appearance: none;
|
|
135
|
-
appearance: none;
|
|
136
|
-
background: none;
|
|
137
|
-
border: none;
|
|
138
|
-
border-radius: 0;
|
|
139
|
-
color: inherit;
|
|
140
|
-
font-size: inherit;
|
|
141
|
-
font-family: inherit;
|
|
142
|
-
margin-right: -0.75rem;
|
|
143
|
-
padding: 0.5rem;
|
|
144
|
-
display: flex;
|
|
145
|
-
justify-content: center;
|
|
146
|
-
}
|
|
147
|
-
.eds-dropdown__toggle-button--open svg {
|
|
148
|
-
transform: rotate(180deg);
|
|
149
|
-
}
|
|
150
|
-
.eds-dropdown__toggle-button:focus {
|
|
151
|
-
outline-offset: 0.125rem;
|
|
152
|
-
outline: none;
|
|
153
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
154
|
-
}
|
|
155
|
-
.eds-contrast .eds-dropdown__toggle-button:focus {
|
|
156
|
-
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
157
|
-
}
|
|
158
|
-
/* DO NOT CHANGE!*/
|
|
159
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
160
99
|
.eds-multi-select {
|
|
161
100
|
position: relative;
|
|
162
101
|
}
|
|
@@ -248,28 +187,89 @@
|
|
|
248
187
|
}
|
|
249
188
|
/* DO NOT CHANGE!*/
|
|
250
189
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
251
|
-
.eds-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
190
|
+
.eds-dropdown-wrapper {
|
|
191
|
+
position: relative;
|
|
192
|
+
}
|
|
193
|
+
.eds-dropdown-wrapper .eds-form-control {
|
|
194
|
+
padding-right: 0;
|
|
195
|
+
}
|
|
196
|
+
.eds-dropdown-wrapper .eds-form-control__append {
|
|
197
|
+
display: flex;
|
|
198
|
+
align-items: center;
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
.eds-dropdown__input::-moz-placeholder {
|
|
202
|
+
color: #656782;
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
.eds-dropdown__input::placeholder {
|
|
206
|
+
color: #656782;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
.eds-dropdown__selected-item {
|
|
258
210
|
overflow-x: hidden;
|
|
259
211
|
text-overflow: ellipsis;
|
|
260
212
|
white-space: nowrap;
|
|
261
213
|
}
|
|
262
|
-
.eds-dropdown__searchable-selected-item__wrapper {
|
|
263
|
-
max-width: 65%;
|
|
264
|
-
}
|
|
265
214
|
|
|
266
|
-
.eds-
|
|
267
|
-
|
|
268
|
-
|
|
215
|
+
.eds-dropdown__clear-button {
|
|
216
|
+
background: none;
|
|
217
|
+
border: none;
|
|
218
|
+
border-radius: 50%;
|
|
219
|
+
color: inherit;
|
|
220
|
+
cursor: pointer;
|
|
221
|
+
display: flex;
|
|
222
|
+
font: inherit;
|
|
223
|
+
font-size: 1rem;
|
|
224
|
+
line-height: 1rem;
|
|
225
|
+
padding: 0.5rem;
|
|
226
|
+
}
|
|
227
|
+
.eds-dropdown__clear-button:hover {
|
|
228
|
+
background: #f3f3f3;
|
|
229
|
+
}
|
|
230
|
+
.eds-dropdown__clear-button:focus {
|
|
231
|
+
outline-offset: 0.125rem;
|
|
232
|
+
outline: none;
|
|
233
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
269
234
|
}
|
|
270
235
|
|
|
271
|
-
.eds-
|
|
272
|
-
|
|
236
|
+
.eds-dropdown__divider {
|
|
237
|
+
content: "";
|
|
238
|
+
display: block;
|
|
239
|
+
background-color: #e9e9e9;
|
|
240
|
+
height: 1.5rem;
|
|
241
|
+
width: 1px;
|
|
242
|
+
}
|
|
243
|
+
.eds-contrast .eds-form-control-wrapper--disabled .eds-dropdown__divider {
|
|
244
|
+
background-color: #8285a8;
|
|
245
|
+
}
|
|
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.27
|
|
3
|
+
"version": "5.0.27",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/dropdown.esm.js",
|
|
@@ -27,17 +27,17 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/a11y": "^0.2.73
|
|
31
|
-
"@entur/button": "^3.2.4
|
|
32
|
-
"@entur/chip": "^0.6.59
|
|
33
|
-
"@entur/form": "^7.0.31
|
|
34
|
-
"@entur/icons": "^6.13.1
|
|
35
|
-
"@entur/loader": "^0.4.50
|
|
36
|
-
"@entur/tokens": "^3.11.2
|
|
37
|
-
"@entur/tooltip": "^2.6.40
|
|
30
|
+
"@entur/a11y": "^0.2.73",
|
|
31
|
+
"@entur/button": "^3.2.4",
|
|
32
|
+
"@entur/chip": "^0.6.59",
|
|
33
|
+
"@entur/form": "^7.0.31",
|
|
34
|
+
"@entur/icons": "^6.13.1",
|
|
35
|
+
"@entur/loader": "^0.4.50",
|
|
36
|
+
"@entur/tokens": "^3.11.2",
|
|
37
|
+
"@entur/tooltip": "^2.6.40",
|
|
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": "c3e894aeae7247bdaf3ec8636fade3301e605c0e"
|
|
43
43
|
}
|