@entur/dropdown 5.0.3 → 5.0.4

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.
Files changed (2) hide show
  1. package/dist/styles.css +67 -67
  2. package/package.json +3 -3
package/dist/styles.css CHANGED
@@ -288,6 +288,70 @@
288
288
  }
289
289
  /* DO NOT CHANGE!*/
290
290
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
291
+ .eds-dropdown-list {
292
+ border-radius: 0.25rem;
293
+ box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
294
+ display: none;
295
+ list-style: none;
296
+ margin: 0;
297
+ max-height: 50vh;
298
+ padding: 0;
299
+ position: relative;
300
+ overflow-y: auto;
301
+ width: 100%;
302
+ z-index: 20;
303
+ }
304
+ .eds-contrast .eds-dropdown-list {
305
+ box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121);
306
+ }
307
+ .eds-dropdown-list--open {
308
+ display: inline-block;
309
+ }
310
+ .eds-dropdown-list:focus {
311
+ outline: none;
312
+ }
313
+ @media all and (min-width: 50rem) {
314
+ .eds-dropdown-list {
315
+ max-height: 30vh;
316
+ }
317
+ }
318
+ .eds-dropdown-list__item {
319
+ align-items: center;
320
+ background-color: #f8f8f8;
321
+ border-bottom: 0.125rem solid #e9e9e9;
322
+ border-left: 0.125rem solid #e9e9e9;
323
+ border-right: 0.125rem solid #e9e9e9;
324
+ color: #181c56;
325
+ display: flex;
326
+ justify-content: space-between;
327
+ font-family: inherit;
328
+ font-size: 1rem;
329
+ line-height: 1.25rem;
330
+ padding: 0.75rem 1rem;
331
+ width: 100%;
332
+ }
333
+ .eds-dropdown-list__item:first-child {
334
+ border-top: 0.125rem solid #e9e9e9;
335
+ }
336
+ .eds-dropdown-list__item:last-child {
337
+ border-bottom: none;
338
+ }
339
+ .eds-contrast .eds-dropdown-list__item {
340
+ color: #181c56;
341
+ border-color: #54568c;
342
+ background-color: #ffffff;
343
+ }
344
+ .eds-dropdown-list__item--highlighted {
345
+ background-color: #d1d4e3;
346
+ }
347
+ .eds-contrast .eds-dropdown-list__item--highlighted {
348
+ background-color: #d1d4e3;
349
+ }
350
+ .eds-dropdown-list-icon {
351
+ margin-left: 0.75rem;
352
+ }
353
+ /* DO NOT CHANGE!*/
354
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
291
355
  .eds-multi-select {
292
356
  position: relative;
293
357
  }
@@ -379,68 +443,13 @@
379
443
  }
380
444
  /* DO NOT CHANGE!*/
381
445
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
382
- .eds-dropdown-list {
383
- border-radius: 0.25rem;
384
- box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
385
- display: none;
386
- list-style: none;
387
- margin: 0;
388
- max-height: 50vh;
389
- padding: 0;
390
- position: relative;
391
- overflow-y: auto;
392
- width: 100%;
393
- z-index: 20;
394
- }
395
- .eds-contrast .eds-dropdown-list {
396
- box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121);
397
- }
398
- .eds-dropdown-list--open {
399
- display: inline-block;
400
- }
401
- .eds-dropdown-list:focus {
402
- outline: none;
403
- }
404
- @media all and (min-width: 50rem) {
405
- .eds-dropdown-list {
406
- max-height: 30vh;
407
- }
408
- }
409
- .eds-dropdown-list__item {
446
+ .eds-inline-spinner {
410
447
  align-items: center;
411
- background-color: #f8f8f8;
412
- border-bottom: 0.125rem solid #e9e9e9;
413
- border-left: 0.125rem solid #e9e9e9;
414
- border-right: 0.125rem solid #e9e9e9;
415
- color: #181c56;
416
448
  display: flex;
417
- justify-content: space-between;
418
- font-family: inherit;
419
- font-size: 1rem;
420
- line-height: 1.25rem;
421
- padding: 0.75rem 1rem;
449
+ justify-content: center;
450
+ height: 100%;
422
451
  width: 100%;
423
452
  }
424
- .eds-dropdown-list__item:first-child {
425
- border-top: 0.125rem solid #e9e9e9;
426
- }
427
- .eds-dropdown-list__item:last-child {
428
- border-bottom: none;
429
- }
430
- .eds-contrast .eds-dropdown-list__item {
431
- color: #181c56;
432
- border-color: #54568c;
433
- background-color: #ffffff;
434
- }
435
- .eds-dropdown-list__item--highlighted {
436
- background-color: #d1d4e3;
437
- }
438
- .eds-contrast .eds-dropdown-list__item--highlighted {
439
- background-color: #d1d4e3;
440
- }
441
- .eds-dropdown-list-icon {
442
- margin-left: 0.75rem;
443
- }
444
453
  /* DO NOT CHANGE!*/
445
454
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
446
455
  .eds-dropdown__searchable-selected-item {
@@ -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",
3
+ "version": "5.0.4",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/dropdown.esm.js",
@@ -29,7 +29,7 @@
29
29
  "dependencies": {
30
30
  "@entur/a11y": "^0.2.68",
31
31
  "@entur/button": "^3.1.0",
32
- "@entur/chip": "^0.6.42",
32
+ "@entur/chip": "^0.6.43",
33
33
  "@entur/form": "^7.0.15",
34
34
  "@entur/icons": "^6.4.2",
35
35
  "@entur/loader": "^0.4.37",
@@ -39,5 +39,5 @@
39
39
  "classnames": "^2.3.1",
40
40
  "downshift": "^7.6.1"
41
41
  },
42
- "gitHead": "9c28f1f272a35412bde734710ef24ff53ac7ec0e"
42
+ "gitHead": "153d4a9245c7f61bc718a77b11ff351e2f94a33a"
43
43
  }