@ihk-gfi/lux-components-theme 19.1.0 → 19.3.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.
@@ -223,6 +223,13 @@ lux-datetimepicker-ac mat-datepicker-toggle .mat-mdc-button-persistent-ripple::b
223
223
  }
224
224
 
225
225
  /** ########## Select-AC ########## **/
226
+ @media (prefers-contrast: more) {
227
+ lux-select-ac .mat-mdc-select:focus,
228
+ lux-lookup-combobox-ac .mat-mdc-select:focus {
229
+ outline: 4px solid #2e8533 !important;
230
+ }
231
+ }
232
+
226
233
  .lux-select-panel-ac mat-option.mat-mdc-option-multiple:hover:not(.mdc-list-item--disabled), .lux-select-panel-ac mat-option.mat-mdc-option-multiple:focus-visible:not(.mdc-list-item--disabled), .lux-select-panel-ac mat-option.mat-mdc-option-multiple.mat-mdc-option-active:not(.mdc-list-item--disabled),
227
234
  .lux-select-panel-ac-multiple mat-option.mat-mdc-option-multiple:hover:not(.mdc-list-item--disabled),
228
235
  .lux-select-panel-ac-multiple mat-option.mat-mdc-option-multiple:focus-visible:not(.mdc-list-item--disabled),
@@ -1063,19 +1070,28 @@ lux-tile-ac .mat-mdc-card.lux-tile-ac .lux-tile-content {
1063
1070
  width: 100%;
1064
1071
  grid-template-columns: 1fr auto;
1065
1072
  gap: 5px;
1073
+ min-width: 0;
1066
1074
  }
1067
1075
  lux-tile-ac .mat-mdc-card.lux-tile-ac .lux-tile-content mat-card-title.lux-tile-title {
1068
1076
  color: #003366;
1069
- font-family: Korb, "Blogger Sans", "Source Sans Pro", Arial, sans-serif, "Source Sans Pro", Arial, sans-serif;
1070
1077
  line-height: 30px;
1071
1078
  font-size: 1.25rem;
1072
1079
  margin: 0;
1080
+ min-width: 0;
1081
+ }
1082
+ lux-tile-ac .mat-mdc-card.lux-tile-ac .lux-tile-content mat-card-title.lux-tile-title span {
1083
+ font-family: Korb, "Blogger Sans", "Source Sans Pro", Arial, sans-serif, "Source Sans Pro", Arial, sans-serif;
1084
+ }
1085
+ lux-tile-ac .mat-mdc-card.lux-tile-ac .lux-tile-content mat-card-subtitle.lux-tile-subtitle span {
1086
+ font-family: "Source Sans Pro", Arial, sans-serif;
1087
+ font-size: 0.9375rem;
1073
1088
  }
1074
1089
  lux-tile-ac .mat-mdc-card.lux-tile-ac .lux-tile-content mat-card-subtitle.mat-mdc-card-subtitle:not(:first-child) {
1075
1090
  color: #003366;
1076
1091
  font-size: 0.875rem;
1077
1092
  font-weight: normal;
1078
1093
  margin: 0px;
1094
+ min-width: 0;
1079
1095
  grid-row-start: 2;
1080
1096
  }
1081
1097
  lux-tile-ac .mat-mdc-card.lux-tile-ac:not([class*=mat-elevation-z]) {
@@ -1214,7 +1230,6 @@ lux-tile .lux-tile-label {
1214
1230
  flex-shrink: 1;
1215
1231
  flex-grow: 0;
1216
1232
  min-height: 40px;
1217
- max-height: 70px;
1218
1233
  text-align: center;
1219
1234
  text-decoration-line: underline;
1220
1235
  }
@@ -1770,6 +1785,18 @@ lux-card.lux-card-grow mat-card-content {
1770
1785
  text-overflow: ellipsis;
1771
1786
  }
1772
1787
 
1788
+ .lux-crop-2-lines {
1789
+ overflow: hidden;
1790
+ white-space: normal;
1791
+ word-wrap: break-word;
1792
+ overflow-wrap: break-word;
1793
+ display: -webkit-box;
1794
+ -webkit-box-orient: vertical;
1795
+ -webkit-line-clamp: 2;
1796
+ line-clamp: 2;
1797
+ text-overflow: ellipsis;
1798
+ }
1799
+
1773
1800
  .lux-label {
1774
1801
  color: #003366;
1775
1802
  font-size: 0.75rem;
@@ -4453,6 +4480,12 @@ lux-lookup-combobox-ac mat-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-
4453
4480
  mask-position: center;
4454
4481
  mask-size: cover;
4455
4482
  }
4483
+ @media (prefers-contrast: more) {
4484
+ lux-select-ac mat-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
4485
+ lux-lookup-combobox-ac mat-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg {
4486
+ background-color: ButtonText;
4487
+ }
4488
+ }
4456
4489
  lux-select-ac mat-select[aria-readonly=true] .mat-mdc-select-arrow,
4457
4490
  lux-lookup-combobox-ac mat-select[aria-readonly=true] .mat-mdc-select-arrow {
4458
4491
  background-color: #636d76;
@@ -5439,9 +5472,6 @@ lux-button button:not([disabled]):focus-visible {
5439
5472
  lux-button button:not([disabled]):not(.mat-mdc-fab):not(.mat-mdc-raised-button):not(.mat-mdc-unelevated-button):hover, lux-button button:not([disabled]).mat-mdc-outlined-button:hover {
5440
5473
  background-color: #bdd0e8;
5441
5474
  }
5442
- lux-button button:not([disabled]):not(.mat-mdc-fab):not(.mat-mdc-raised-button):not(.mat-mdc-unelevated-button):hover.mat-accent, lux-button button:not([disabled]).mat-mdc-outlined-button:hover.mat-accent {
5443
- color: #2b9838;
5444
- }
5445
5475
  lux-button button:not([disabled]).mat-mdc-fab:hover, lux-button button:not([disabled]).mat-mdc-raised-button:hover, lux-button button:not([disabled]).mat-mdc-unelevated-button:hover {
5446
5476
  background-color: #bdd0e8 !important;
5447
5477
  }
@@ -6196,6 +6226,113 @@ lux-menu .lux-menu-trigger > lux-button button.mat-mdc-button {
6196
6226
  margin: 0;
6197
6227
  }
6198
6228
 
6229
+ .lux-menu-section-panel,
6230
+ .lux-menu-section-panel:not(.lux-menu-panel-large) {
6231
+ min-width: 260px !important;
6232
+ max-width: 100%;
6233
+ }
6234
+
6235
+ .lux-menu-section-panel,
6236
+ .lux-menu-section-panel:has(.lux-menu-panel-large) {
6237
+ min-width: 360px !important;
6238
+ max-width: 100%;
6239
+ }
6240
+
6241
+ .lux-menu-section-panel .lux-menu-item-content {
6242
+ display: flex;
6243
+ align-items: center;
6244
+ width: 100%;
6245
+ }
6246
+ .lux-menu-section-panel .lux-menu-item-icon {
6247
+ margin-right: 8px;
6248
+ flex-shrink: 0;
6249
+ }
6250
+ .lux-menu-section-panel .lux-button-label {
6251
+ text-align: left;
6252
+ flex: 1 1 auto;
6253
+ white-space: normal;
6254
+ }
6255
+ .lux-menu-section-panel .lux-menu-item-badge-right {
6256
+ min-width: 0px !important;
6257
+ margin-left: auto;
6258
+ align-self: center;
6259
+ display: flex;
6260
+ }
6261
+ .lux-menu-section-panel .lux-button-label-subtitle {
6262
+ color: #3a5f94;
6263
+ font-size: 0.875rem;
6264
+ font-style: normal;
6265
+ font-weight: 400;
6266
+ letter-spacing: 0.07px;
6267
+ }
6268
+ .lux-menu-section-panel .lux-menu-panelheader-username {
6269
+ display: flex;
6270
+ padding: 12px 16px;
6271
+ flex-direction: column;
6272
+ align-items: flex-start;
6273
+ gap: 4px;
6274
+ align-self: stretch;
6275
+ font-weight: 600;
6276
+ font-size: 1rem;
6277
+ font-style: normal;
6278
+ line-height: 120%;
6279
+ }
6280
+ .lux-menu-section-panel .lux-menu-panelheader-username-subtitle {
6281
+ display: flex;
6282
+ flex-direction: column;
6283
+ align-items: flex-start;
6284
+ gap: 4px;
6285
+ align-self: stretch;
6286
+ font-weight: 400;
6287
+ font-size: 0.75rem;
6288
+ font-style: normal;
6289
+ line-height: normal;
6290
+ }
6291
+ .lux-menu-section-panel .lux-menu-section-title {
6292
+ display: flex;
6293
+ padding: 8px 16px;
6294
+ flex-direction: column;
6295
+ justify-content: center;
6296
+ align-items: flex-start;
6297
+ align-self: stretch;
6298
+ color: #605e5e;
6299
+ font-weight: 600;
6300
+ font-size: 1rem;
6301
+ letter-spacing: 0.08px;
6302
+ line-height: 120%; /* 19.2px */
6303
+ }
6304
+ .lux-menu-section-panel .lux-menu-item-divider {
6305
+ padding: 4px;
6306
+ }
6307
+ .lux-menu-section-panel .lux-menu-item-divider-large {
6308
+ margin-right: 16px;
6309
+ margin-left: 16px;
6310
+ }
6311
+ .lux-menu-section-panel .lux-menu-item.lux-menu-item-selected {
6312
+ background-color: #d5e3ff !important;
6313
+ }
6314
+ .lux-menu-section-panel .lux-menu-item-selected {
6315
+ background-color: #d5e3ff;
6316
+ }
6317
+ .lux-menu-section-panel .lux-menu-item-selected.lux-button-label {
6318
+ text-decoration-line: underline;
6319
+ text-decoration-style: solid;
6320
+ text-decoration-thickness: 10%;
6321
+ text-underline-offset: 5%;
6322
+ text-underline-position: from-font;
6323
+ }
6324
+ .lux-menu-section-panel .lux-menu-item-selected.lux-button-label-subtitle {
6325
+ text-decoration-color: #3a5f94;
6326
+ text-decoration-line: underline;
6327
+ text-decoration-style: solid;
6328
+ text-decoration-thickness: 12%;
6329
+ text-underline-offset: 5%;
6330
+ text-underline-position: from-font;
6331
+ }
6332
+ .lux-menu-section-panel .lux-menu-item-badge-right {
6333
+ text-align: end;
6334
+ }
6335
+
6199
6336
  /** ########## Hover / Focus ########## **/
6200
6337
  .lux-menu-panel .lux-menu-item:not([disabled=true]):focus-visible {
6201
6338
  outline: 4px solid #2e8533 !important;
@@ -6211,7 +6348,40 @@ lux-menu .lux-menu-trigger > lux-button button.mat-mdc-button {
6211
6348
  background-color: #e3ebf5;
6212
6349
  }
6213
6350
  .lux-menu-panel .lux-menu-item:not([disabled=true]):hover .mat-icon-no-color {
6214
- color: #fff;
6351
+ color: #ffffff;
6352
+ }
6353
+
6354
+ /** ########## Hover / Focus ########## **/
6355
+ .lux-menu-panel.lux-menu-section-panel .lux-menu-item:not([disabled=true]):focus-visible {
6356
+ background-color: #ffffff;
6357
+ color: #003366;
6358
+ border-radius: 4px;
6359
+ }
6360
+ .lux-menu-panel.lux-menu-section-panel .lux-menu-item:not([disabled=true]):focus-visible:after {
6361
+ width: 0px;
6362
+ border: none;
6363
+ }
6364
+ .lux-menu-panel.lux-menu-section-panel .lux-menu-item:not([disabled=true]):focus-visible .lux-button-label-subtitle {
6365
+ color: #3a5f94;
6366
+ }
6367
+ .lux-menu-panel.lux-menu-section-panel .lux-menu-item:not([disabled=true]):focus-visible .mat-icon-no-color {
6368
+ color: #003366;
6369
+ }
6370
+ .lux-menu-panel.lux-menu-section-panel .lux-menu-item:not([disabled=true]):hover {
6371
+ color: #ffffff;
6372
+ }
6373
+ .lux-menu-panel.lux-menu-section-panel .lux-menu-item:not([disabled=true]):hover .mat-icon-no-color {
6374
+ color: #ffffff;
6375
+ }
6376
+ .lux-menu-panel.lux-menu-section-panel .lux-menu-item:not([disabled=true]):hover .lux-button-label-subtitle {
6377
+ color: #ecf1ff;
6378
+ }
6379
+ .lux-menu-panel.lux-menu-section-panel .lux-menu-item:not([disabled=true]):hover .lux-button-label.lux-menu-item-selected {
6380
+ background-color: #e3ebf5;
6381
+ }
6382
+ .lux-menu-panel.lux-menu-section-panel .lux-menu-item:not([disabled=true]):hover .lux-button-label-subtitle.lux-menu-item-selected {
6383
+ background-color: #e3ebf5;
6384
+ text-decoration-color: #ffffff;
6215
6385
  }
6216
6386
 
6217
6387
  lux-table {
@@ -6426,8 +6596,7 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
6426
6596
  }
6427
6597
 
6428
6598
  lux-filter-form lux-menu div.lux-menu-custom-trigger {
6429
- padding-top: 4px;
6430
- padding-bottom: 4px;
6599
+ padding: 4px;
6431
6600
  }
6432
6601
  lux-filter-form .no-filter-active {
6433
6602
  padding: 8px 25px;
@@ -6459,44 +6628,16 @@ lux-filter-form .filterPanel .mat-action-row {
6459
6628
  padding: 0 !important;
6460
6629
  border: none;
6461
6630
  }
6462
- lux-filter-form .filterPanel mat-expansion-panel-header.mat-expansion-panel-header {
6463
- padding-right: 6px;
6464
- }
6465
- lux-filter-form lux-menu.filter-menu .lux-menu-extended {
6466
- padding: 0 !important;
6631
+ lux-filter-form .lux-filter-form-button button.lux-button.lux-icon-button {
6632
+ margin-left: 16px;
6467
6633
  }
6468
6634
  lux-filter-form lux-menu.filter-menu .lux-filter-menu-trigger button.lux-button-rounded {
6469
6635
  height: 36px;
6470
6636
  width: 36px;
6471
6637
  min-width: 36px;
6472
6638
  max-width: 36px;
6473
- background-color: transparent;
6474
- color: #003366;
6475
- padding: 0px !important;
6476
- margin: 0px 4px !important;
6477
6639
  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);
6478
6640
  }
6479
- lux-filter-form lux-menu .lux-filter-menu-trigger button:not([disabled]).mat-fab.lux-button-rounded:hover {
6480
- background-color: transparent !important;
6481
- color: #e3ebf5;
6482
- }
6483
- lux-filter-form lux-menu .lux-filter-menu-trigger button:not([disabled]).mat-fab.lux-button-rounded:focus-visible {
6484
- outline: 4px solid #2e8533 !important;
6485
- outline-offset: -4px;
6486
- background-color: transparent !important;
6487
- }
6488
- lux-filter-form lux-menu .lux-filter-menu-trigger button:not([disabled]).mat-fab.lux-button-rounded:active {
6489
- background-color: transparent !important;
6490
- color: #002753;
6491
- }
6492
- lux-filter-form lux-accordion lux-panel-header-title {
6493
- width: 100%;
6494
- }
6495
- lux-filter-form lux-accordion lux-panel-header-title mat-panel-title.mat-expansion-panel-header-title {
6496
- align-items: center;
6497
- justify-content: space-between;
6498
- margin: 0px;
6499
- }
6500
6641
  lux-filter-form lux-card .lux-card-header .lux-card-title,
6501
6642
  lux-filter-form lux-card .lux-card-header .lux-card-subtitle {
6502
6643
  height: 36px;
@@ -7474,6 +7615,13 @@ mat-expansion-panel.mat-expansion-panel:not([class*=mat-elevation-z]) .mat-expan
7474
7615
  font-size: 1rem;
7475
7616
  }
7476
7617
 
7618
+ .mat-expansion-panel-header.lux-dynamic-height {
7619
+ min-height: unset;
7620
+ height: unset;
7621
+ padding-top: 11px;
7622
+ padding-bottom: 11px;
7623
+ }
7624
+
7477
7625
  .mat-expansion-panel {
7478
7626
  --mat-expansion-container-shape: 4px;
7479
7627
  --mat-expansion-container-shape: 4px;
@@ -42289,7 +42437,20 @@ lux-button button.lux-button.mat-mdc-raised-button.mat-accent:not([disabled]), l
42289
42437
  color: #003366;
42290
42438
  }
42291
42439
  lux-button button.lux-button.mat-mdc-raised-button.mat-accent:not([disabled]).lux-stroked, lux-button button.lux-button.mat-mdc-unelevated-button.mat-accent:not([disabled]).lux-stroked, lux-button button.lux-button.mat-mdc-fab.mat-accent:not([disabled]).lux-stroked {
42292
- color: #56bd66;
42440
+ color: #2e8533;
42441
+ }
42442
+ lux-button button.lux-button.mat-mdc-raised-button.mat-warn:not([disabled]), lux-button button.lux-button.mat-mdc-unelevated-button.mat-warn:not([disabled]) {
42443
+ background-color: #ad000f;
42444
+ color: #ffffff;
42445
+ }
42446
+ lux-button button.lux-button.mat-mdc-button.mat-warn:not([disabled]), lux-button button.lux-button.mat-mdc-outlined-button.mat-warn:not([disabled]), lux-button button.lux-button.mat-mdc-raised-button.lux-stroked.mat-warn:not([disabled]), lux-button button.lux-button.mat-mdc-unelevated-button.lux-stroked.mat-warn:not([disabled]), lux-button button.lux-button.mat-mdc-fab.lux-stroked.mat-warn:not([disabled]) {
42447
+ color: #ad000f;
42448
+ }
42449
+ lux-button button.lux-button.mat-mdc-raised-button.mat-warn:not([disabled]):hover, lux-button button.lux-button.mat-mdc-unelevated-button.mat-warn:not([disabled]):hover, lux-button button.lux-button.mat-mdc-fab.mat-warn:not([disabled]):hover {
42450
+ background-color: #c70011 !important;
42451
+ }
42452
+ lux-button button.lux-button.mat-mdc-button.mat-accent:not([disabled]), lux-button button.lux-button.mat-mdc-outlined-button.mat-accent:not([disabled]), lux-button button.lux-button.mat-mdc-raised-button.lux-stroked.mat-accent:not([disabled]), lux-button button.lux-button.mat-mdc-unelevated-button.lux-stroked.mat-accent:not([disabled]) {
42453
+ color: #2e8533;
42293
42454
  }
42294
42455
  lux-button button.lux-button.lux-icon-button {
42295
42456
  border-radius: 18px;
@@ -42695,7 +42856,7 @@ lux-form-control-wrapper .lux-form-control-wrapper.lux-focused-authentic .lux-fo
42695
42856
  outline: 0;
42696
42857
  }
42697
42858
  lux-form-control-wrapper .lux-form-control-wrapper.lux-form-control-error-authentic:not(.lux-form-control-disabled-authentic) .lux-form-control-label-authentic > * {
42698
- color: #ea515a;
42859
+ color: #003366;
42699
42860
  }
42700
42861
  lux-form-control-wrapper .lux-form-control-wrapper.lux-form-control-error-authentic:not(.lux-form-control-disabled-authentic) .lux-form-control-container-authentic:not(.lux-no-input-row) {
42701
42862
  border-color: #ea515a;
@@ -42800,6 +42961,58 @@ lux-lookup-combobox-ac .mat-select-value {
42800
42961
  line-height: normal;
42801
42962
  }
42802
42963
 
42964
+ .lux-select-panel-ac mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled), .lux-select-panel-ac mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled), .lux-select-panel-ac mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled), .lux-select-panel-ac mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled),
42965
+ .lux-select-panel-ac-multiple mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled),
42966
+ .lux-select-panel-ac-multiple mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled),
42967
+ .lux-select-panel-ac-multiple mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled),
42968
+ .lux-select-panel-ac-multiple mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) {
42969
+ background-color: #e3ebf5;
42970
+ }
42971
+ .lux-select-panel-ac mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mdc-list-item__primary-text, .lux-select-panel-ac mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled) .mdc-list-item__primary-text, .lux-select-panel-ac mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .mdc-list-item__primary-text, .lux-select-panel-ac mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
42972
+ .lux-select-panel-ac-multiple mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
42973
+ .lux-select-panel-ac-multiple mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
42974
+ .lux-select-panel-ac-multiple mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
42975
+ .lux-select-panel-ac-multiple mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
42976
+ color: #003366;
42977
+ }
42978
+ .lux-select-panel-ac mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full, .lux-select-panel-ac mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full, .lux-select-panel-ac mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full, .lux-select-panel-ac mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full,
42979
+ .lux-select-panel-ac-multiple mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full,
42980
+ .lux-select-panel-ac-multiple mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full,
42981
+ .lux-select-panel-ac-multiple mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full,
42982
+ .lux-select-panel-ac-multiple mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full {
42983
+ background-color: #e3ebf5;
42984
+ border-color: #003366;
42985
+ }
42986
+ .lux-select-panel-ac mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked, .lux-select-panel-ac mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked, .lux-select-panel-ac mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked, .lux-select-panel-ac mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,
42987
+ .lux-select-panel-ac-multiple mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,
42988
+ .lux-select-panel-ac-multiple mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,
42989
+ .lux-select-panel-ac-multiple mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,
42990
+ .lux-select-panel-ac-multiple mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked {
42991
+ background-color: #003366;
42992
+ }
42993
+ .lux-select-panel-ac mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after, .lux-select-panel-ac mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after, .lux-select-panel-ac mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after, .lux-select-panel-ac mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after,
42994
+ .lux-select-panel-ac-multiple mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after,
42995
+ .lux-select-panel-ac-multiple mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after,
42996
+ .lux-select-panel-ac-multiple mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after,
42997
+ .lux-select-panel-ac-multiple mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after {
42998
+ color: #ffffff;
42999
+ }
43000
+ .lux-select-panel-ac mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after, .lux-select-panel-ac mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after, .lux-select-panel-ac mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after, .lux-select-panel-ac mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,
43001
+ .lux-select-panel-ac-multiple mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,
43002
+ .lux-select-panel-ac-multiple mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,
43003
+ .lux-select-panel-ac-multiple mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,
43004
+ .lux-select-panel-ac-multiple mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after {
43005
+ color: #003366;
43006
+ }
43007
+ .lux-select-panel-ac mat-option.mat-mdc-option:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
43008
+ .lux-select-panel-ac-multiple mat-option.mat-mdc-option:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
43009
+ color: #003366;
43010
+ }
43011
+ .lux-select-panel-ac mat-option.mat-mdc-option:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full,
43012
+ .lux-select-panel-ac-multiple mat-option.mat-mdc-option:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full {
43013
+ border-color: #003366;
43014
+ }
43015
+
42803
43016
  /*
42804
43017
  * Eineheitliche Elevation für die Components auf Cdk-Overlay-Pane
42805
43018
  * wird noch für "Green" benötigt
@@ -42864,6 +43077,25 @@ lux-dialog-structure .lux-icon-close:focus-visible {
42864
43077
  border-radius: 4px;
42865
43078
  }
42866
43079
 
43080
+ lux-dialog-structure .lux-icon-close:hover mat-icon,
43081
+ lux-dialog-structure .lux-icon-close:hover mat-icon.mat-icon-no-color,
43082
+ lux-dialog-structure .lux-icon-close:hover lux-icon mat-icon {
43083
+ color: #003366;
43084
+ }
43085
+
43086
+ /*
43087
+ * Theming für LUX-Autocomplete-ac
43088
+ */
43089
+ .lux-autocomplete-panel-ac mat-option.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled), .lux-autocomplete-panel-ac mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled), .lux-autocomplete-panel-ac mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled), .lux-autocomplete-panel-ac mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) {
43090
+ background-color: #e3ebf5;
43091
+ }
43092
+ .lux-autocomplete-panel-ac mat-option.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text, .lux-autocomplete-panel-ac mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mdc-list-item__primary-text, .lux-autocomplete-panel-ac mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled) .mdc-list-item__primary-text, .lux-autocomplete-panel-ac mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
43093
+ color: #003366;
43094
+ }
43095
+ .lux-autocomplete-panel-ac mat-option.mat-mdc-option:not(.mdc-list-item--disabled) {
43096
+ color: #003366;
43097
+ }
43098
+
42867
43099
  /*
42868
43100
  * Theming für LUX-Message-Box
42869
43101
  */