@ihk-gfi/lux-components-theme 14.4.0 → 14.5.0

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.
@@ -379,8 +379,12 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
379
379
  .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
380
380
  .lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
381
381
  .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
382
+ .lux-autocomplete-panel-dense-ac.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
383
+ .lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
382
384
  .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
383
- .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active) {
385
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
386
+ .lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
387
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active) {
384
388
  color: #003366;
385
389
  background-color: #ffffff;
386
390
  font-weight: 600;
@@ -390,8 +394,12 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
390
394
  .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
391
395
  .lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
392
396
  .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
397
+ .lux-autocomplete-panel-dense-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
398
+ .lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
393
399
  .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
394
- .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) {
400
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
401
+ .lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
402
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) {
395
403
  outline: 1px dotted #000000 !important;
396
404
  outline-offset: -1px;
397
405
  background-color: #4d7094;
@@ -402,8 +410,12 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
402
410
  .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
403
411
  .lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
404
412
  .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
413
+ .lux-autocomplete-panel-dense-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
414
+ .lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
405
415
  .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
406
- .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox {
416
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
417
+ .lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
418
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox {
407
419
  color: #ffffff;
408
420
  }
409
421
  .lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
@@ -411,8 +423,12 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
411
423
  .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
412
424
  .lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
413
425
  .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
426
+ .lux-autocomplete-panel-dense-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
427
+ .lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
414
428
  .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
415
- .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked {
429
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
430
+ .lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
431
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked {
416
432
  background-color: #ffffff;
417
433
  }
418
434
  .lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
@@ -420,8 +436,12 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
420
436
  .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
421
437
  .lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
422
438
  .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
439
+ .lux-autocomplete-panel-dense-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
440
+ .lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
423
441
  .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
424
- .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after {
442
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
443
+ .lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
444
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after {
425
445
  border-color: #003366 !important;
426
446
  }
427
447
  .lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
@@ -429,8 +449,12 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
429
449
  .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
430
450
  .lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
431
451
  .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
452
+ .lux-autocomplete-panel-dense-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
453
+ .lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
432
454
  .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
433
- .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after {
455
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
456
+ .lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
457
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after {
434
458
  background-color: #fff;
435
459
  }
436
460
  .lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled), .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
@@ -438,8 +462,12 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
438
462
  .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
439
463
  .lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
440
464
  .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
465
+ .lux-autocomplete-panel-dense-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
466
+ .lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
441
467
  .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
442
- .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) {
468
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
469
+ .lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
470
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) {
443
471
  background-color: #4d7094;
444
472
  color: #ffffff;
445
473
  border-radius: 0px !important;
@@ -449,8 +477,12 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
449
477
  .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
450
478
  .lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
451
479
  .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
480
+ .lux-autocomplete-panel-dense-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
481
+ .lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
452
482
  .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
453
- .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox {
483
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
484
+ .lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
485
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox {
454
486
  color: #ffffff;
455
487
  }
456
488
  .lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
@@ -458,8 +490,12 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
458
490
  .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
459
491
  .lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
460
492
  .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
493
+ .lux-autocomplete-panel-dense-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
494
+ .lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
461
495
  .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
462
- .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked {
496
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
497
+ .lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
498
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked {
463
499
  background-color: #ffffff;
464
500
  }
465
501
  .lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
@@ -467,8 +503,12 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
467
503
  .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
468
504
  .lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
469
505
  .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
506
+ .lux-autocomplete-panel-dense-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
507
+ .lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
470
508
  .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
471
- .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after {
509
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
510
+ .lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
511
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after {
472
512
  border-color: #003366 !important;
473
513
  }
474
514
  .lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
@@ -476,8 +516,12 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
476
516
  .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
477
517
  .lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
478
518
  .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
519
+ .lux-autocomplete-panel-dense-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
520
+ .lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
479
521
  .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
480
- .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox {
522
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
523
+ .lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
524
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox {
481
525
  color: #ffffff;
482
526
  }
483
527
  .lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
@@ -485,8 +529,12 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
485
529
  .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
486
530
  .lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
487
531
  .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
532
+ .lux-autocomplete-panel-dense-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
533
+ .lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
488
534
  .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
489
- .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after {
535
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
536
+ .lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
537
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after {
490
538
  background-color: #fff;
491
539
  }
492
540
 
@@ -940,49 +988,66 @@ lux-app-header-ac .lux-app-header-nav-bar .lux-header-ac-nav-menu .lux-menu-exte
940
988
  background-color: #ffffff;
941
989
  }
942
990
 
991
+ lux-link-plain {
992
+ display: inline-flex;
993
+ align-items: baseline;
994
+ }
943
995
  lux-link-plain .link-wrapper {
944
- display: inline-block;
996
+ display: flex;
997
+ gap: 0.25em;
998
+ align-items: baseline;
945
999
  font-family: inherit;
946
- font-size: inherit;
947
- font-weight: inherit;
948
- color: #003bee;
949
1000
  }
950
1001
  lux-link-plain .link-wrapper .lux-link-plain-text {
951
- text-decoration: none;
1002
+ font-family: inherit;
1003
+ font-size: inherit;
1004
+ font-weight: inherit;
1005
+ text-decoration: inherit;
1006
+ color: inherit;
1007
+ display: flex;
952
1008
  }
953
1009
  lux-link-plain .link-wrapper lux-icon {
954
1010
  font-size: inherit;
955
- vertical-align: middle;
956
- line-height: 1;
1011
+ display: flex;
1012
+ }
1013
+ lux-link-plain .link-wrapper lux-icon mat-icon.mat-icon.lux-lx-icon-no-size {
1014
+ padding: 0px !important;
1015
+ width: 0.8em;
1016
+ height: 0.8em;
1017
+ overflow: visible;
1018
+ }
1019
+ lux-link-plain .link-wrapper:focus-visible:not(.lux-disabled) {
1020
+ outline: 1px dotted #000000 !important;
1021
+ border-radius: 2px;
957
1022
  }
958
- lux-link-plain .link-wrapper lux-icon i, lux-link-plain .link-wrapper lux-icon mat-icon {
1023
+ lux-link-plain.default-style {
1024
+ color: #003bee;
1025
+ font-family: inherit;
1026
+ }
1027
+ lux-link-plain.default-style lux-icon i,
1028
+ lux-link-plain.default-style lux-icon mat-icon {
959
1029
  color: #003bee;
960
- padding: 0 !important;
961
1030
  }
1031
+ lux-link-plain.lux-disabled,
962
1032
  lux-link-plain .link-wrapper.lux-disabled {
963
1033
  color: #636D76;
964
1034
  cursor: text;
1035
+ text-decoration: none;
965
1036
  }
966
- lux-link-plain .link-wrapper.lux-disabled lux-icon i, lux-link-plain .link-wrapper.lux-disabled lux-icon mat-icon {
1037
+ lux-link-plain.lux-disabled lux-icon i,
1038
+ lux-link-plain.lux-disabled lux-icon mat-icon,
1039
+ lux-link-plain .link-wrapper.lux-disabled lux-icon i,
1040
+ lux-link-plain .link-wrapper.lux-disabled lux-icon mat-icon {
967
1041
  color: #636D76;
968
1042
  }
969
- lux-link-plain .link-wrapper:hover:not(.lux-disabled) {
970
- color: #e3ebf5;
1043
+ lux-link-plain:hover:not(.lux-disabled) {
1044
+ color: #4d7094;
971
1045
  text-decoration: underline;
972
1046
  cursor: pointer;
973
1047
  }
974
- lux-link-plain .link-wrapper:hover:not(.lux-disabled) lux-icon i, lux-link-plain .link-wrapper:hover:not(.lux-disabled) lux-icon mat-icon {
975
- color: #e3ebf5;
976
- }
977
- lux-link-plain .link-wrapper:focus:not(.lux-disabled, :hover) {
978
- outline: 1px dotted #000000 !important;
979
- border-radius: 2px;
980
- }
981
- lux-link-plain.breadcrump-item .link-wrapper {
982
- color: inherit;
983
- }
984
- lux-link-plain.breadcrump-item .link-wrapper lux-icon mat-icon {
985
- color: inherit;
1048
+ lux-link-plain:hover:not(.lux-disabled) lux-icon i,
1049
+ lux-link-plain:hover:not(.lux-disabled) lux-icon mat-icon {
1050
+ color: #4d7094;
986
1051
  }
987
1052
 
988
1053
  lux-tile-ac .mat-card.lux-tile-ac {
@@ -4266,6 +4331,15 @@ lux-form-control-wrapper .lux-form-control-wrapper .lux-input-row-authentic .lux
4266
4331
  width: 1em;
4267
4332
  height: 1em;
4268
4333
  }
4334
+ lux-form-control-wrapper .lux-form-control-wrapper.lux-dense-authentic {
4335
+ margin: 0;
4336
+ }
4337
+ lux-form-control-wrapper .lux-form-control-wrapper.lux-dense-authentic .lux-form-control-container-authentic {
4338
+ padding: 0.375em 0.5em;
4339
+ }
4340
+ lux-form-control-wrapper .lux-form-control-wrapper.lux-dense-authentic .lux-form-control-container-authentic.lux-no-input-row {
4341
+ padding: 0.375em 0em;
4342
+ }
4269
4343
  lux-form-control-wrapper .lux-form-control-wrapper:hover:not(.lux-form-control-disabled-authentic):not(.lux-focused-authentic):not(.lux-form-control-error-authentic) .lux-form-control-container-authentic:not(.lux-no-input-row) {
4270
4344
  border-color: #003366;
4271
4345
  }
@@ -4353,6 +4427,7 @@ lux-lookup-combobox-ac mat-select[aria-disabled=false] .mat-select-arrow {
4353
4427
  font-family: Roboto, Helvetica Neue, sans-serif;
4354
4428
  }
4355
4429
  .cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac,
4430
+ .cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-dense-ac,
4356
4431
  .cdk-overlay-pane .mat-select-panel.lux-select-panel-ac,
4357
4432
  .cdk-overlay-pane .mat-select-panel.lux-select-panel-ac-multiple {
4358
4433
  border: 2px solid #003366;
@@ -4360,17 +4435,19 @@ lux-lookup-combobox-ac mat-select[aria-disabled=false] .mat-select-arrow {
4360
4435
  box-shadow: none !important;
4361
4436
  }
4362
4437
  .cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac .mat-pseudo-checkbox,
4438
+ .cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-dense-ac .mat-pseudo-checkbox,
4363
4439
  .cdk-overlay-pane .mat-select-panel.lux-select-panel-ac .mat-pseudo-checkbox,
4364
4440
  .cdk-overlay-pane .mat-select-panel.lux-select-panel-ac-multiple .mat-pseudo-checkbox {
4365
4441
  color: #003366;
4366
4442
  }
4367
- .cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac {
4443
+ .cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac,
4444
+ .cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-dense-ac {
4368
4445
  min-width: calc(100% + 14px) !important;
4369
4446
  max-width: calc(100% + 14px) !important;
4370
4447
  margin: 13px -9px 0px;
4371
- border: 2px solid #003366;
4372
- border-radius: 4px;
4373
- box-shadow: none !important;
4448
+ }
4449
+ .cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-dense-ac {
4450
+ margin-top: 7px;
4374
4451
  }
4375
4452
 
4376
4453
  /*
@@ -4437,7 +4514,7 @@ lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled
4437
4514
  .lux-datetimepicker-overlay .mat-card.lux-card {
4438
4515
  border: 2px solid #003366;
4439
4516
  box-shadow: none !important;
4440
- margin: 13px -9px;
4517
+ margin: 13px -9px 0;
4441
4518
  }
4442
4519
  .cdk-overlay-pane .mat-datepicker-content .mat-calendar-header button:hover,
4443
4520
  .lux-datetimepicker-overlay .mat-card.lux-card .mat-calendar-header button:hover {
@@ -4523,6 +4600,10 @@ textarea {
4523
4600
  font-size: 15px;
4524
4601
  }
4525
4602
 
4603
+ lux-textarea-ac text-area {
4604
+ line-height: normal;
4605
+ }
4606
+
4526
4607
  /**
4527
4608
  * Theming für LUX-Chips
4528
4609
  */
@@ -4557,8 +4638,9 @@ lux-chips-ac .lux-chips mat-chip-list div.mat-chip-list-wrapper {
4557
4638
  margin: 0px 0px 0px -4px;
4558
4639
  }
4559
4640
 
4560
- .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel {
4561
- margin-top: -21px;
4641
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel,
4642
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel {
4643
+ margin-top: -22px;
4562
4644
  margin-left: 0;
4563
4645
  margin-right: 0;
4564
4646
  border-radius: 4px;
@@ -4566,6 +4648,10 @@ lux-chips-ac .lux-chips mat-chip-list div.mat-chip-list-wrapper {
4566
4648
  border: 2px solid #003366;
4567
4649
  }
4568
4650
 
4651
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel {
4652
+ margin-top: -18px;
4653
+ }
4654
+
4569
4655
  /*
4570
4656
  * Theming for LUX-Slider
4571
4657
  */
@@ -4746,6 +4832,35 @@ lux-slider-ac .lux-show-thumb-label-always.mat-slider-disabled .mat-slider-thumb
4746
4832
  background-color: #fff;
4747
4833
  }
4748
4834
 
4835
+ lux-checkbox-container-ac .lux-label-container {
4836
+ min-height: 1.2em;
4837
+ font-size: 0.75rem;
4838
+ line-height: 1.2em;
4839
+ color: #003366;
4840
+ margin: 0 calc(0.5em + 1px) 0.25em calc(0.5em + 1px);
4841
+ }
4842
+ lux-checkbox-container-ac .lux-checkbox-container {
4843
+ display: flex;
4844
+ flex-flow: row wrap;
4845
+ place-content: stretch flex-start;
4846
+ align-items: stretch;
4847
+ gap: 10px;
4848
+ max-width: 100%;
4849
+ }
4850
+ lux-checkbox-container-ac .lux-checkbox-container.lux-vertical {
4851
+ flex-direction: column;
4852
+ }
4853
+ lux-checkbox-container-ac .lux-checkbox-container lux-form-control-wrapper .lux-form-control-wrapper {
4854
+ margin: 0;
4855
+ }
4856
+ lux-checkbox-container-ac .lux-checkbox-container lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-label-authentic,
4857
+ lux-checkbox-container-ac .lux-checkbox-container lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-misc-authentic {
4858
+ display: none !important;
4859
+ }
4860
+ lux-checkbox-container-ac .lux-checkbox-container lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-container-authentic.lux-no-input-row {
4861
+ padding: 0;
4862
+ }
4863
+
4749
4864
  /*
4750
4865
  * Theming for LUX-App-Content
4751
4866
  */
@@ -4801,13 +4916,16 @@ lux-app-header .lux-app-header .lux-header-user .lux-header-user-short > span {
4801
4916
  color: #003366;
4802
4917
  background-color: #ffffff;
4803
4918
  }
4804
- lux-app-header .lux-side-nav-header, lux-app-header .lux-side-nav-footer {
4919
+ lux-app-header .lux-side-nav-header,
4920
+ lux-app-header .lux-side-nav-footer {
4805
4921
  color: #0846ff;
4806
4922
  }
4807
4923
  lux-app-header .lux-header-side-nav .lux-side-nav-trigger-active {
4808
4924
  background-color: rgba(0, 0, 0, 0.12);
4809
4925
  }
4810
- lux-app-header .lux-side-nav .lux-side-nav-content lux-button, lux-app-header .lux-side-nav .lux-side-nav-content .lux-menu-item, lux-app-header .lux-side-nav .lux-side-nav-content .lux-action-nav-menu lux-button {
4926
+ lux-app-header .lux-side-nav .lux-side-nav-content lux-button,
4927
+ lux-app-header .lux-side-nav .lux-side-nav-content .lux-menu-item,
4928
+ lux-app-header .lux-side-nav .lux-side-nav-content .lux-action-nav-menu lux-button {
4811
4929
  color: #003366;
4812
4930
  font-weight: 600;
4813
4931
  }
@@ -5026,7 +5144,8 @@ lux-divider .mat-divider {
5026
5144
  lux-file-list .lux-file-list {
5027
5145
  margin: 0px;
5028
5146
  }
5029
- lux-file-list .lux-file-list .lux-file-list-entry-label, lux-file-list .lux-file-list .lux-file-list-entry-icon {
5147
+ lux-file-list .lux-file-list .lux-file-list-entry-label,
5148
+ lux-file-list .lux-file-list .lux-file-list-entry-icon {
5030
5149
  color: #003366;
5031
5150
  }
5032
5151
  lux-file-list .lux-file-list .lux-card-title-container {
@@ -5091,7 +5210,8 @@ lux-file-progress .lux-file-overlay mat-spinner svg circle {
5091
5210
  gap: 12px;
5092
5211
  padding: 24px 48px;
5093
5212
  }
5094
- .lux-file-upload-container .lux-file-upload-drop-container .lux-file-upload-drop-container-progress, .lux-file-upload-container .lux-file-upload-drop-container .lux-file-upload-drop-container-no-progress {
5213
+ .lux-file-upload-container .lux-file-upload-drop-container .lux-file-upload-drop-container-progress,
5214
+ .lux-file-upload-container .lux-file-upload-drop-container .lux-file-upload-drop-container-no-progress {
5095
5215
  height: 8px;
5096
5216
  }
5097
5217
  .lux-file-upload-container .lux-file-upload-drop-container.lux-file-upload-drop-container-disabled {
@@ -5280,7 +5400,8 @@ lux-file-progress .lux-file-overlay mat-spinner svg circle {
5280
5400
  .lux-form-control .lux-form-control-container {
5281
5401
  padding: 6px 0 0 0;
5282
5402
  }
5283
- .lux-form-control .lux-form-control-container input:required, .lux-form-control .lux-form-control-container textarea:required {
5403
+ .lux-form-control .lux-form-control-container input:required,
5404
+ .lux-form-control .lux-form-control-container textarea:required {
5284
5405
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
5285
5406
  }
5286
5407
  .lux-form-control .lux-form-control-container:after {
@@ -5356,21 +5477,25 @@ lux-list .mat-card-content.menu-item-content {
5356
5477
  /*
5357
5478
  * Theming for LUX-Lookup-Components
5358
5479
  */
5359
- lux-lookup-combobox mat-select[aria-disabled=true] .mat-select-arrow, lux-lookup-combobox-ac mat-select[aria-disabled=true] .mat-select-arrow {
5480
+ lux-lookup-combobox mat-select[aria-disabled=true] .mat-select-arrow,
5481
+ lux-lookup-combobox-ac mat-select[aria-disabled=true] .mat-select-arrow {
5360
5482
  border-width: 7px;
5361
5483
  margin: 0;
5362
5484
  color: #636D76;
5363
5485
  }
5364
- lux-lookup-combobox mat-select[aria-disabled=false] .mat-select-arrow, lux-lookup-combobox-ac mat-select[aria-disabled=false] .mat-select-arrow {
5486
+ lux-lookup-combobox mat-select[aria-disabled=false] .mat-select-arrow,
5487
+ lux-lookup-combobox-ac mat-select[aria-disabled=false] .mat-select-arrow {
5365
5488
  border-width: 7px;
5366
5489
  margin: 0;
5367
5490
  color: #003366;
5368
5491
  }
5369
5492
 
5370
- .lux-autocomplete-panel .mat-option, .lux-select-panel .mat-option {
5493
+ .lux-autocomplete-panel .mat-option,
5494
+ .lux-select-panel .mat-option {
5371
5495
  border-left: none;
5372
5496
  }
5373
- .lux-autocomplete-panel .mat-option.invalid, .lux-select-panel .mat-option.invalid {
5497
+ .lux-autocomplete-panel .mat-option.invalid,
5498
+ .lux-select-panel .mat-option.invalid {
5374
5499
  border-left: 2px solid #ea515a;
5375
5500
  }
5376
5501
 
@@ -5729,7 +5854,8 @@ lux-filter-form lux-menu.filter-menu .lux-filter-menu-trigger button.lux-button-
5729
5854
  /*
5730
5855
  * Theming for LUX-Stepper
5731
5856
  */
5732
- lux-stepper .mat-stepper-horizontal, lux-stepper .mat-stepper-vertical {
5857
+ lux-stepper .mat-stepper-horizontal,
5858
+ lux-stepper .mat-stepper-vertical {
5733
5859
  background-color: transparent;
5734
5860
  }
5735
5861
  lux-stepper .lux-ignore-mat-step-icons mat-step-header {
@@ -5950,7 +6076,7 @@ lux-stepper-large {
5950
6076
  background-color: #2E8533;
5951
6077
  }
5952
6078
  .lux-stepper-large-nav-item.lux-touched:not(.lux-disabled).lux-completed:not(.lux-active) a {
5953
- color: #2E8533;
6079
+ color: #2e8533;
5954
6080
  position: relative;
5955
6081
  }
5956
6082
  .lux-stepper-large-nav-item.lux-touched:not(.lux-disabled).lux-completed:not(.lux-active) a::after {
@@ -5960,7 +6086,7 @@ lux-stepper-large {
5960
6086
  width: 23px;
5961
6087
  height: 23px;
5962
6088
  margin: 5px 10px 0px;
5963
- background-color: #2E8533;
6089
+ background-color: #2e8533;
5964
6090
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23036' stroke-linecap='round' stroke-linejoin='round' d='M0.5,8.55 L3.23,12.06 C3.4166359,12.3024927 3.70402432,12.4461869 4.01,12.4500671 C4.31092451,12.4534817 4.59741556,12.3212551 4.79,12.09 L13.5,1.55'/%3E%3C/svg%3E");
5965
6091
  -webkit-mask-repeat: no-repeat;
5966
6092
  -webkit-mask-position: center;
@@ -9796,4 +9922,14 @@ lux-textarea-ac textarea {
9796
9922
  line-height: normal;
9797
9923
  }
9798
9924
 
9925
+ lux-checkbox-container-ac .lux-checkbox-container {
9926
+ row-gap: 6px;
9927
+ }
9928
+ lux-checkbox-container-ac .lux-label-container {
9929
+ margin: 0 0 0.25em 0;
9930
+ }
9931
+ lux-checkbox-container-ac lux-checkbox-ac lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-container-authentic.lux-no-input-row {
9932
+ height: auto;
9933
+ }
9934
+
9799
9935
  /*# sourceMappingURL=luxtheme-green.css.map */