@entur/dropdown 5.0.1 → 5.0.2
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 +1 -1
- 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 +1 -1
- 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,136 +158,6 @@
|
|
|
158
158
|
}
|
|
159
159
|
/* DO NOT CHANGE!*/
|
|
160
160
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
161
|
-
.eds-dropdown__selected-item-tag {
|
|
162
|
-
height: 1.5rem;
|
|
163
|
-
max-width: 50%;
|
|
164
|
-
padding: 0;
|
|
165
|
-
}
|
|
166
|
-
.eds-dropdown__selected-item-tag > span {
|
|
167
|
-
overflow: hidden;
|
|
168
|
-
text-overflow: ellipsis;
|
|
169
|
-
white-space: nowrap;
|
|
170
|
-
margin-left: 0.5rem;
|
|
171
|
-
}
|
|
172
|
-
.eds-dropdown__selected-item-tag .eds-tag-chip__close-button {
|
|
173
|
-
margin-right: 0.125rem;
|
|
174
|
-
}
|
|
175
|
-
.eds-dropdown__selected-item-tag .eds-tag-chip__close-button > svg {
|
|
176
|
-
font-size: 0.6rem;
|
|
177
|
-
}
|
|
178
|
-
.eds-contrast .eds-dropdown__selected-item-tag {
|
|
179
|
-
background: #ebebf1;
|
|
180
|
-
border: 0.0625rem solid #d1d4e3;
|
|
181
|
-
color: #181c56;
|
|
182
|
-
}
|
|
183
|
-
.eds-contrast .eds-dropdown__selected-item-tag .eds-tag-chip__close-button {
|
|
184
|
-
color: #181c56;
|
|
185
|
-
}
|
|
186
|
-
.eds-contrast .eds-dropdown__selected-item-tag .eds-tag-chip__close-button:hover {
|
|
187
|
-
background-color: #babbcf;
|
|
188
|
-
}
|
|
189
|
-
.eds-dropdown__selected-item-tag--readonly, .eds-dropdown__selected-item-tag--disabled {
|
|
190
|
-
padding-right: 0.5rem;
|
|
191
|
-
}
|
|
192
|
-
.eds-dropdown__selected-item-tag--readonly .eds-tag-chip__close-button, .eds-dropdown__selected-item-tag--disabled .eds-tag-chip__close-button {
|
|
193
|
-
display: none;
|
|
194
|
-
}
|
|
195
|
-
.eds-contrast .eds-dropdown__selected-item-tag--readonly {
|
|
196
|
-
background-color: #8285a8;
|
|
197
|
-
border-color: transparent;
|
|
198
|
-
color: #ffffff;
|
|
199
|
-
}
|
|
200
|
-
.eds-contrast .eds-dropdown__selected-item-tag--disabled {
|
|
201
|
-
background-color: #54568c;
|
|
202
|
-
border-color: transparent;
|
|
203
|
-
color: #8285a8;
|
|
204
|
-
}
|
|
205
|
-
/* DO NOT CHANGE!*/
|
|
206
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
207
|
-
.eds-dropdown__list {
|
|
208
|
-
position: absolute;
|
|
209
|
-
list-style: none;
|
|
210
|
-
border-radius: 0.25rem;
|
|
211
|
-
border: 0.125rem solid #7C7F9F;
|
|
212
|
-
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
213
|
-
padding: 0;
|
|
214
|
-
margin: 0;
|
|
215
|
-
margin-top: 0.5rem;
|
|
216
|
-
max-height: 50vh;
|
|
217
|
-
overflow-y: auto;
|
|
218
|
-
width: 100%;
|
|
219
|
-
z-index: 20;
|
|
220
|
-
}
|
|
221
|
-
.eds-dropdown__list:focus {
|
|
222
|
-
outline: none;
|
|
223
|
-
}
|
|
224
|
-
.eds-dropdown__list__item {
|
|
225
|
-
background-color: #f8f8f8;
|
|
226
|
-
color: #181c56;
|
|
227
|
-
display: flex;
|
|
228
|
-
align-items: center;
|
|
229
|
-
justify-content: flex-start;
|
|
230
|
-
font-family: inherit;
|
|
231
|
-
font-size: 1rem;
|
|
232
|
-
line-height: 1.25rem;
|
|
233
|
-
padding: 0.75rem 1rem;
|
|
234
|
-
width: 100%;
|
|
235
|
-
overflow-x: hidden;
|
|
236
|
-
word-break: break-word;
|
|
237
|
-
}
|
|
238
|
-
.eds-dropdown__list__item:last-child {
|
|
239
|
-
border-bottom: none;
|
|
240
|
-
}
|
|
241
|
-
.eds-dropdown__list__item__text {
|
|
242
|
-
flex: 1;
|
|
243
|
-
cursor: default;
|
|
244
|
-
}
|
|
245
|
-
.eds-dropdown__list__item__icon {
|
|
246
|
-
margin-left: 0.75rem;
|
|
247
|
-
}
|
|
248
|
-
.eds-dropdown__list__item__checkbox {
|
|
249
|
-
pointer-events: none;
|
|
250
|
-
}
|
|
251
|
-
.eds-contrast .eds-dropdown__list__item__checkbox.eds-checkbox__container > input + .eds-checkbox__icon {
|
|
252
|
-
border-color: #181c56;
|
|
253
|
-
}
|
|
254
|
-
.eds-contrast .eds-dropdown__list__item__checkbox.eds-checkbox__container > input:checked + .eds-checkbox__icon,
|
|
255
|
-
.eds-contrast .eds-dropdown__list__item__checkbox.eds-checkbox__container > input:indeterminate + .eds-checkbox__icon {
|
|
256
|
-
background-color: #181c56;
|
|
257
|
-
}
|
|
258
|
-
.eds-contrast .eds-dropdown__list__item__checkbox.eds-checkbox__container > input:checked + .eds-checkbox__icon path,
|
|
259
|
-
.eds-contrast .eds-dropdown__list__item__checkbox.eds-checkbox__container > input:indeterminate + .eds-checkbox__icon path {
|
|
260
|
-
stroke: #ffffff;
|
|
261
|
-
}
|
|
262
|
-
.eds-contrast .eds-dropdown__list__item__checkbox.eds-checkbox__container > input:checked + .eds-checkbox__icon rect,
|
|
263
|
-
.eds-contrast .eds-dropdown__list__item__checkbox.eds-checkbox__container > input:indeterminate + .eds-checkbox__icon rect {
|
|
264
|
-
fill: #ffffff;
|
|
265
|
-
}
|
|
266
|
-
.eds-dropdown__list__item--highlighted {
|
|
267
|
-
background-color: #d1d4e3;
|
|
268
|
-
}
|
|
269
|
-
.eds-dropdown__list__item--highlighted .eds-dropdown__list__item__checkbox.eds-checkbox__container > input:checked + .eds-checkbox__icon,
|
|
270
|
-
.eds-dropdown__list__item--highlighted .eds-dropdown__list__item__checkbox.eds-checkbox__container > input:indeterminate + .eds-checkbox__icon,
|
|
271
|
-
.eds-dropdown__list__item--highlighted .eds-dropdown__list__item__checkbox.eds-checkbox__container:hover > input:checked + .eds-checkbox__icon,
|
|
272
|
-
.eds-dropdown__list__item--highlighted .eds-dropdown__list__item__checkbox.eds-checkbox__container:hover > input:indeterminate + .eds-checkbox__icon {
|
|
273
|
-
background-color: #54568c;
|
|
274
|
-
border-color: transparent;
|
|
275
|
-
}
|
|
276
|
-
.eds-dropdown__list__item--highlighted .eds-dropdown__list__item__checkbox.eds-checkbox__container > input + .eds-checkbox__icon,
|
|
277
|
-
.eds-dropdown__list__item--highlighted .eds-dropdown__list__item__checkbox.eds-checkbox__container:hover > input + .eds-checkbox__icon {
|
|
278
|
-
border-color: #54568c;
|
|
279
|
-
}
|
|
280
|
-
.eds-dropdown__list__item--selected {
|
|
281
|
-
background-color: #54568c;
|
|
282
|
-
color: #ffffff;
|
|
283
|
-
}
|
|
284
|
-
@media all and (min-width: 50rem) {
|
|
285
|
-
.eds-dropdown__list {
|
|
286
|
-
max-height: 30vh;
|
|
287
|
-
}
|
|
288
|
-
}
|
|
289
|
-
/* DO NOT CHANGE!*/
|
|
290
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
291
161
|
.eds-multi-select {
|
|
292
162
|
position: relative;
|
|
293
163
|
}
|
|
@@ -443,6 +313,145 @@
|
|
|
443
313
|
}
|
|
444
314
|
/* DO NOT CHANGE!*/
|
|
445
315
|
/* 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. */
|
|
446
455
|
.eds-dropdown__searchable-selected-item {
|
|
447
456
|
display: block;
|
|
448
457
|
font-size: 1rem;
|
|
@@ -468,15 +477,6 @@
|
|
|
468
477
|
}
|
|
469
478
|
/* DO NOT CHANGE!*/
|
|
470
479
|
/* 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.2",
|
|
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": "3a047a582443389da0c58bc67cf94ce99de54a43"
|
|
43
43
|
}
|