@entur/dropdown 5.0.2 → 5.0.3
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/dropdown.cjs.development.js +4 -4
- package/dist/dropdown.cjs.development.js.map +1 -1
- package/dist/dropdown.cjs.production.min.js +1 -1
- package/dist/dropdown.cjs.production.min.js.map +1 -1
- package/dist/dropdown.esm.js +4 -4
- package/dist/dropdown.esm.js.map +1 -1
- package/dist/styles.css +139 -139
- package/package.json +2 -2
package/dist/styles.css
CHANGED
|
@@ -158,6 +158,136 @@
|
|
|
158
158
|
}
|
|
159
159
|
/* DO NOT CHANGE!*/
|
|
160
160
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
161
|
+
.eds-dropdown__list {
|
|
162
|
+
position: absolute;
|
|
163
|
+
list-style: none;
|
|
164
|
+
border-radius: 0.25rem;
|
|
165
|
+
border: 0.125rem solid #7C7F9F;
|
|
166
|
+
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
167
|
+
padding: 0;
|
|
168
|
+
margin: 0;
|
|
169
|
+
margin-top: 0.5rem;
|
|
170
|
+
max-height: 50vh;
|
|
171
|
+
overflow-y: auto;
|
|
172
|
+
width: 100%;
|
|
173
|
+
z-index: 20;
|
|
174
|
+
}
|
|
175
|
+
.eds-dropdown__list:focus {
|
|
176
|
+
outline: none;
|
|
177
|
+
}
|
|
178
|
+
.eds-dropdown__list__item {
|
|
179
|
+
background-color: #f8f8f8;
|
|
180
|
+
color: #181c56;
|
|
181
|
+
display: flex;
|
|
182
|
+
align-items: center;
|
|
183
|
+
justify-content: flex-start;
|
|
184
|
+
font-family: inherit;
|
|
185
|
+
font-size: 1rem;
|
|
186
|
+
line-height: 1.25rem;
|
|
187
|
+
padding: 0.75rem 1rem;
|
|
188
|
+
width: 100%;
|
|
189
|
+
overflow-x: hidden;
|
|
190
|
+
word-break: break-word;
|
|
191
|
+
}
|
|
192
|
+
.eds-dropdown__list__item:last-child {
|
|
193
|
+
border-bottom: none;
|
|
194
|
+
}
|
|
195
|
+
.eds-dropdown__list__item__text {
|
|
196
|
+
flex: 1;
|
|
197
|
+
cursor: default;
|
|
198
|
+
}
|
|
199
|
+
.eds-dropdown__list__item__icon {
|
|
200
|
+
margin-left: 0.75rem;
|
|
201
|
+
}
|
|
202
|
+
.eds-dropdown__list__item__checkbox {
|
|
203
|
+
pointer-events: none;
|
|
204
|
+
}
|
|
205
|
+
.eds-contrast .eds-dropdown__list__item__checkbox.eds-checkbox__container > input + .eds-checkbox__icon {
|
|
206
|
+
border-color: #181c56;
|
|
207
|
+
}
|
|
208
|
+
.eds-contrast .eds-dropdown__list__item__checkbox.eds-checkbox__container > input:checked + .eds-checkbox__icon,
|
|
209
|
+
.eds-contrast .eds-dropdown__list__item__checkbox.eds-checkbox__container > input:indeterminate + .eds-checkbox__icon {
|
|
210
|
+
background-color: #181c56;
|
|
211
|
+
}
|
|
212
|
+
.eds-contrast .eds-dropdown__list__item__checkbox.eds-checkbox__container > input:checked + .eds-checkbox__icon path,
|
|
213
|
+
.eds-contrast .eds-dropdown__list__item__checkbox.eds-checkbox__container > input:indeterminate + .eds-checkbox__icon path {
|
|
214
|
+
stroke: #ffffff;
|
|
215
|
+
}
|
|
216
|
+
.eds-contrast .eds-dropdown__list__item__checkbox.eds-checkbox__container > input:checked + .eds-checkbox__icon rect,
|
|
217
|
+
.eds-contrast .eds-dropdown__list__item__checkbox.eds-checkbox__container > input:indeterminate + .eds-checkbox__icon rect {
|
|
218
|
+
fill: #ffffff;
|
|
219
|
+
}
|
|
220
|
+
.eds-dropdown__list__item--highlighted {
|
|
221
|
+
background-color: #d1d4e3;
|
|
222
|
+
}
|
|
223
|
+
.eds-dropdown__list__item--highlighted .eds-dropdown__list__item__checkbox.eds-checkbox__container > input:checked + .eds-checkbox__icon,
|
|
224
|
+
.eds-dropdown__list__item--highlighted .eds-dropdown__list__item__checkbox.eds-checkbox__container > input:indeterminate + .eds-checkbox__icon,
|
|
225
|
+
.eds-dropdown__list__item--highlighted .eds-dropdown__list__item__checkbox.eds-checkbox__container:hover > input:checked + .eds-checkbox__icon,
|
|
226
|
+
.eds-dropdown__list__item--highlighted .eds-dropdown__list__item__checkbox.eds-checkbox__container:hover > input:indeterminate + .eds-checkbox__icon {
|
|
227
|
+
background-color: #54568c;
|
|
228
|
+
border-color: transparent;
|
|
229
|
+
}
|
|
230
|
+
.eds-dropdown__list__item--highlighted .eds-dropdown__list__item__checkbox.eds-checkbox__container > input + .eds-checkbox__icon,
|
|
231
|
+
.eds-dropdown__list__item--highlighted .eds-dropdown__list__item__checkbox.eds-checkbox__container:hover > input + .eds-checkbox__icon {
|
|
232
|
+
border-color: #54568c;
|
|
233
|
+
}
|
|
234
|
+
.eds-dropdown__list__item--selected {
|
|
235
|
+
background-color: #54568c;
|
|
236
|
+
color: #ffffff;
|
|
237
|
+
}
|
|
238
|
+
@media all and (min-width: 50rem) {
|
|
239
|
+
.eds-dropdown__list {
|
|
240
|
+
max-height: 30vh;
|
|
241
|
+
}
|
|
242
|
+
}
|
|
243
|
+
/* DO NOT CHANGE!*/
|
|
244
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
245
|
+
.eds-dropdown__selected-item-tag {
|
|
246
|
+
height: 1.5rem;
|
|
247
|
+
max-width: 50%;
|
|
248
|
+
padding: 0;
|
|
249
|
+
}
|
|
250
|
+
.eds-dropdown__selected-item-tag > span {
|
|
251
|
+
overflow: hidden;
|
|
252
|
+
text-overflow: ellipsis;
|
|
253
|
+
white-space: nowrap;
|
|
254
|
+
margin-left: 0.5rem;
|
|
255
|
+
}
|
|
256
|
+
.eds-dropdown__selected-item-tag .eds-tag-chip__close-button {
|
|
257
|
+
margin-right: 0.125rem;
|
|
258
|
+
}
|
|
259
|
+
.eds-dropdown__selected-item-tag .eds-tag-chip__close-button > svg {
|
|
260
|
+
font-size: 0.6rem;
|
|
261
|
+
}
|
|
262
|
+
.eds-contrast .eds-dropdown__selected-item-tag {
|
|
263
|
+
background: #ebebf1;
|
|
264
|
+
border: 0.0625rem solid #d1d4e3;
|
|
265
|
+
color: #181c56;
|
|
266
|
+
}
|
|
267
|
+
.eds-contrast .eds-dropdown__selected-item-tag .eds-tag-chip__close-button {
|
|
268
|
+
color: #181c56;
|
|
269
|
+
}
|
|
270
|
+
.eds-contrast .eds-dropdown__selected-item-tag .eds-tag-chip__close-button:hover {
|
|
271
|
+
background-color: #babbcf;
|
|
272
|
+
}
|
|
273
|
+
.eds-dropdown__selected-item-tag--readonly, .eds-dropdown__selected-item-tag--disabled {
|
|
274
|
+
padding-right: 0.5rem;
|
|
275
|
+
}
|
|
276
|
+
.eds-dropdown__selected-item-tag--readonly .eds-tag-chip__close-button, .eds-dropdown__selected-item-tag--disabled .eds-tag-chip__close-button {
|
|
277
|
+
display: none;
|
|
278
|
+
}
|
|
279
|
+
.eds-contrast .eds-dropdown__selected-item-tag--readonly {
|
|
280
|
+
background-color: #8285a8;
|
|
281
|
+
border-color: transparent;
|
|
282
|
+
color: #ffffff;
|
|
283
|
+
}
|
|
284
|
+
.eds-contrast .eds-dropdown__selected-item-tag--disabled {
|
|
285
|
+
background-color: #54568c;
|
|
286
|
+
border-color: transparent;
|
|
287
|
+
color: #8285a8;
|
|
288
|
+
}
|
|
289
|
+
/* DO NOT CHANGE!*/
|
|
290
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
161
291
|
.eds-multi-select {
|
|
162
292
|
position: relative;
|
|
163
293
|
}
|
|
@@ -313,145 +443,6 @@
|
|
|
313
443
|
}
|
|
314
444
|
/* DO NOT CHANGE!*/
|
|
315
445
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
316
|
-
.eds-dropdown__selected-item-tag {
|
|
317
|
-
height: 1.5rem;
|
|
318
|
-
max-width: 50%;
|
|
319
|
-
padding: 0;
|
|
320
|
-
}
|
|
321
|
-
.eds-dropdown__selected-item-tag > span {
|
|
322
|
-
overflow: hidden;
|
|
323
|
-
text-overflow: ellipsis;
|
|
324
|
-
white-space: nowrap;
|
|
325
|
-
margin-left: 0.5rem;
|
|
326
|
-
}
|
|
327
|
-
.eds-dropdown__selected-item-tag .eds-tag-chip__close-button {
|
|
328
|
-
margin-right: 0.125rem;
|
|
329
|
-
}
|
|
330
|
-
.eds-dropdown__selected-item-tag .eds-tag-chip__close-button > svg {
|
|
331
|
-
font-size: 0.6rem;
|
|
332
|
-
}
|
|
333
|
-
.eds-contrast .eds-dropdown__selected-item-tag {
|
|
334
|
-
background: #ebebf1;
|
|
335
|
-
border: 0.0625rem solid #d1d4e3;
|
|
336
|
-
color: #181c56;
|
|
337
|
-
}
|
|
338
|
-
.eds-contrast .eds-dropdown__selected-item-tag .eds-tag-chip__close-button {
|
|
339
|
-
color: #181c56;
|
|
340
|
-
}
|
|
341
|
-
.eds-contrast .eds-dropdown__selected-item-tag .eds-tag-chip__close-button:hover {
|
|
342
|
-
background-color: #babbcf;
|
|
343
|
-
}
|
|
344
|
-
.eds-dropdown__selected-item-tag--readonly, .eds-dropdown__selected-item-tag--disabled {
|
|
345
|
-
padding-right: 0.5rem;
|
|
346
|
-
}
|
|
347
|
-
.eds-dropdown__selected-item-tag--readonly .eds-tag-chip__close-button, .eds-dropdown__selected-item-tag--disabled .eds-tag-chip__close-button {
|
|
348
|
-
display: none;
|
|
349
|
-
}
|
|
350
|
-
.eds-contrast .eds-dropdown__selected-item-tag--readonly {
|
|
351
|
-
background-color: #8285a8;
|
|
352
|
-
border-color: transparent;
|
|
353
|
-
color: #ffffff;
|
|
354
|
-
}
|
|
355
|
-
.eds-contrast .eds-dropdown__selected-item-tag--disabled {
|
|
356
|
-
background-color: #54568c;
|
|
357
|
-
border-color: transparent;
|
|
358
|
-
color: #8285a8;
|
|
359
|
-
}
|
|
360
|
-
/* DO NOT CHANGE!*/
|
|
361
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
362
|
-
.eds-dropdown__list {
|
|
363
|
-
position: absolute;
|
|
364
|
-
list-style: none;
|
|
365
|
-
border-radius: 0.25rem;
|
|
366
|
-
border: 0.125rem solid #7C7F9F;
|
|
367
|
-
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
368
|
-
padding: 0;
|
|
369
|
-
margin: 0;
|
|
370
|
-
margin-top: 0.5rem;
|
|
371
|
-
max-height: 50vh;
|
|
372
|
-
overflow-y: auto;
|
|
373
|
-
width: 100%;
|
|
374
|
-
z-index: 20;
|
|
375
|
-
}
|
|
376
|
-
.eds-dropdown__list:focus {
|
|
377
|
-
outline: none;
|
|
378
|
-
}
|
|
379
|
-
.eds-dropdown__list__item {
|
|
380
|
-
background-color: #f8f8f8;
|
|
381
|
-
color: #181c56;
|
|
382
|
-
display: flex;
|
|
383
|
-
align-items: center;
|
|
384
|
-
justify-content: flex-start;
|
|
385
|
-
font-family: inherit;
|
|
386
|
-
font-size: 1rem;
|
|
387
|
-
line-height: 1.25rem;
|
|
388
|
-
padding: 0.75rem 1rem;
|
|
389
|
-
width: 100%;
|
|
390
|
-
overflow-x: hidden;
|
|
391
|
-
word-break: break-word;
|
|
392
|
-
}
|
|
393
|
-
.eds-dropdown__list__item:last-child {
|
|
394
|
-
border-bottom: none;
|
|
395
|
-
}
|
|
396
|
-
.eds-dropdown__list__item__text {
|
|
397
|
-
flex: 1;
|
|
398
|
-
cursor: default;
|
|
399
|
-
}
|
|
400
|
-
.eds-dropdown__list__item__icon {
|
|
401
|
-
margin-left: 0.75rem;
|
|
402
|
-
}
|
|
403
|
-
.eds-dropdown__list__item__checkbox {
|
|
404
|
-
pointer-events: none;
|
|
405
|
-
}
|
|
406
|
-
.eds-contrast .eds-dropdown__list__item__checkbox.eds-checkbox__container > input + .eds-checkbox__icon {
|
|
407
|
-
border-color: #181c56;
|
|
408
|
-
}
|
|
409
|
-
.eds-contrast .eds-dropdown__list__item__checkbox.eds-checkbox__container > input:checked + .eds-checkbox__icon,
|
|
410
|
-
.eds-contrast .eds-dropdown__list__item__checkbox.eds-checkbox__container > input:indeterminate + .eds-checkbox__icon {
|
|
411
|
-
background-color: #181c56;
|
|
412
|
-
}
|
|
413
|
-
.eds-contrast .eds-dropdown__list__item__checkbox.eds-checkbox__container > input:checked + .eds-checkbox__icon path,
|
|
414
|
-
.eds-contrast .eds-dropdown__list__item__checkbox.eds-checkbox__container > input:indeterminate + .eds-checkbox__icon path {
|
|
415
|
-
stroke: #ffffff;
|
|
416
|
-
}
|
|
417
|
-
.eds-contrast .eds-dropdown__list__item__checkbox.eds-checkbox__container > input:checked + .eds-checkbox__icon rect,
|
|
418
|
-
.eds-contrast .eds-dropdown__list__item__checkbox.eds-checkbox__container > input:indeterminate + .eds-checkbox__icon rect {
|
|
419
|
-
fill: #ffffff;
|
|
420
|
-
}
|
|
421
|
-
.eds-dropdown__list__item--highlighted {
|
|
422
|
-
background-color: #d1d4e3;
|
|
423
|
-
}
|
|
424
|
-
.eds-dropdown__list__item--highlighted .eds-dropdown__list__item__checkbox.eds-checkbox__container > input:checked + .eds-checkbox__icon,
|
|
425
|
-
.eds-dropdown__list__item--highlighted .eds-dropdown__list__item__checkbox.eds-checkbox__container > input:indeterminate + .eds-checkbox__icon,
|
|
426
|
-
.eds-dropdown__list__item--highlighted .eds-dropdown__list__item__checkbox.eds-checkbox__container:hover > input:checked + .eds-checkbox__icon,
|
|
427
|
-
.eds-dropdown__list__item--highlighted .eds-dropdown__list__item__checkbox.eds-checkbox__container:hover > input:indeterminate + .eds-checkbox__icon {
|
|
428
|
-
background-color: #54568c;
|
|
429
|
-
border-color: transparent;
|
|
430
|
-
}
|
|
431
|
-
.eds-dropdown__list__item--highlighted .eds-dropdown__list__item__checkbox.eds-checkbox__container > input + .eds-checkbox__icon,
|
|
432
|
-
.eds-dropdown__list__item--highlighted .eds-dropdown__list__item__checkbox.eds-checkbox__container:hover > input + .eds-checkbox__icon {
|
|
433
|
-
border-color: #54568c;
|
|
434
|
-
}
|
|
435
|
-
.eds-dropdown__list__item--selected {
|
|
436
|
-
background-color: #54568c;
|
|
437
|
-
color: #ffffff;
|
|
438
|
-
}
|
|
439
|
-
@media all and (min-width: 50rem) {
|
|
440
|
-
.eds-dropdown__list {
|
|
441
|
-
max-height: 30vh;
|
|
442
|
-
}
|
|
443
|
-
}
|
|
444
|
-
/* DO NOT CHANGE!*/
|
|
445
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
446
|
-
.eds-inline-spinner {
|
|
447
|
-
align-items: center;
|
|
448
|
-
display: flex;
|
|
449
|
-
justify-content: center;
|
|
450
|
-
height: 100%;
|
|
451
|
-
width: 100%;
|
|
452
|
-
}
|
|
453
|
-
/* DO NOT CHANGE!*/
|
|
454
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
455
446
|
.eds-dropdown__searchable-selected-item {
|
|
456
447
|
display: block;
|
|
457
448
|
font-size: 1rem;
|
|
@@ -477,6 +468,15 @@
|
|
|
477
468
|
}
|
|
478
469
|
/* DO NOT CHANGE!*/
|
|
479
470
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
471
|
+
.eds-inline-spinner {
|
|
472
|
+
align-items: center;
|
|
473
|
+
display: flex;
|
|
474
|
+
justify-content: center;
|
|
475
|
+
height: 100%;
|
|
476
|
+
width: 100%;
|
|
477
|
+
}
|
|
478
|
+
/* DO NOT CHANGE!*/
|
|
479
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
480
480
|
.eds-dropdown-wrapper {
|
|
481
481
|
position: relative;
|
|
482
482
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/dropdown",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.0.3",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/dropdown.esm.js",
|
|
@@ -39,5 +39,5 @@
|
|
|
39
39
|
"classnames": "^2.3.1",
|
|
40
40
|
"downshift": "^7.6.1"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "9c28f1f272a35412bde734710ef24ff53ac7ec0e"
|
|
43
43
|
}
|