@ihk-gfi/lux-components-theme 19.0.0 → 19.1.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.
@@ -1276,6 +1276,21 @@ lux-card.lux-flex mat-card,
1276
1276
  lux-card.lux-flex mat-card-content {
1277
1277
  flex: 1 1 auto;
1278
1278
  }
1279
+ lux-card mat-card {
1280
+ padding: 16px;
1281
+ }
1282
+ lux-card mat-card .mat-mdc-card-content {
1283
+ padding: 0;
1284
+ }
1285
+ lux-card mat-card .mat-mdc-card-content:first-child {
1286
+ padding: 0;
1287
+ }
1288
+ lux-card mat-card .mat-mdc-card-content .lux-card-content {
1289
+ padding: 0;
1290
+ }
1291
+ lux-card mat-card .mat-mdc-card-content .lux-card-content.lux-card-with-content-and-header {
1292
+ padding-top: 16px;
1293
+ }
1279
1294
  lux-card .mat-mdc-card.lux-card {
1280
1295
  border: 1px solid rgba(0, 0, 0, 0.12);
1281
1296
  border-radius: 4px;
@@ -1288,13 +1303,6 @@ lux-card .mat-mdc-card.lux-card:not([class*=mat-elevation-z]) {
1288
1303
  }
1289
1304
  lux-card .mat-mdc-card.lux-card .mat-mdc-card-content {
1290
1305
  font-size: 1rem;
1291
- padding: 0;
1292
- }
1293
- lux-card .mat-mdc-card.lux-card .mat-mdc-card-content .lux-card-content {
1294
- padding: 16px 0 0 0;
1295
- }
1296
- lux-card .mat-mdc-card.lux-card .mat-mdc-card-content .lux-card-content:empty {
1297
- padding: 0;
1298
1306
  }
1299
1307
  lux-card .lux-card-content-container {
1300
1308
  overflow-x: hidden;
@@ -1366,6 +1374,8 @@ lux-card .lux-card-content-expanded {
1366
1374
  lux-card mat-card-actions.mat-mdc-card-actions {
1367
1375
  justify-content: flex-end;
1368
1376
  min-height: 36px;
1377
+ padding-left: 0;
1378
+ padding-right: 0;
1369
1379
  }
1370
1380
  lux-card mat-card-actions.lux-card-actions {
1371
1381
  margin-right: 0;
@@ -1375,9 +1385,6 @@ lux-card .lux-tab-content .lux-card {
1375
1385
  margin-right: 1px;
1376
1386
  margin-left: 1px;
1377
1387
  }
1378
- lux-card mat-card {
1379
- padding: 16px;
1380
- }
1381
1388
  lux-card mat-card[class~=lux-cursor]:hover {
1382
1389
  background-image: linear-gradient(270deg, #ffffff 0%, #f9f9ff 100%);
1383
1390
  background-color: #ffffff;
@@ -4147,13 +4154,101 @@ lux-button.lux-uppercase .lux-button-label {
4147
4154
  }
4148
4155
  .lux-badge-notification.mat-badge:not(.mat-badge-disabled).mat-badge-warn .mat-badge-content {
4149
4156
  color: #ffffff;
4150
- background-color: #C00013;
4157
+ background-color: #c00013;
4151
4158
  }
4152
4159
  .lux-badge-notification.lux-badge-color-default.mat-badge:not(.mat-badge-disabled) .mat-badge-content {
4153
4160
  color: white;
4154
4161
  background: #605e5e;
4155
4162
  }
4156
4163
 
4164
+ .lux-text-highlight-primary,
4165
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-primary,
4166
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-primary {
4167
+ color: #003366;
4168
+ background-color: #d5e3ff;
4169
+ }
4170
+ @media (prefers-contrast: more) {
4171
+ .lux-text-highlight-primary,
4172
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-primary,
4173
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-primary {
4174
+ color: #1c1b1b;
4175
+ background-color: #89ace7;
4176
+ }
4177
+ }
4178
+
4179
+ .lux-text-highlight-primary-strong,
4180
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-primary-strong,
4181
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-primary-strong {
4182
+ color: #1c1b1b;
4183
+ background-color: #89ace7;
4184
+ }
4185
+
4186
+ .lux-text-highlight-success,
4187
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-success,
4188
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-success {
4189
+ color: #00531d;
4190
+ background-color: #c6ffc5;
4191
+ }
4192
+ @media (prefers-contrast: more) {
4193
+ .lux-text-highlight-success,
4194
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-success,
4195
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-success {
4196
+ color: #1c1b1b;
4197
+ background-color: #56bd66;
4198
+ }
4199
+ }
4200
+
4201
+ .lux-text-highlight-success-strong,
4202
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-success-strong,
4203
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-success-strong {
4204
+ color: #1c1b1b;
4205
+ background-color: #56bd66;
4206
+ }
4207
+
4208
+ .lux-text-highlight-alert,
4209
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-alert,
4210
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-alert {
4211
+ color: #1c1b1b;
4212
+ background-color: #fdedab;
4213
+ }
4214
+ @media (prefers-contrast: more) {
4215
+ .lux-text-highlight-alert,
4216
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-alert,
4217
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-alert {
4218
+ color: #1c1b1b;
4219
+ background-color: #fbd12c;
4220
+ }
4221
+ }
4222
+
4223
+ .lux-text-highlight-alert-strong,
4224
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-alert-strong,
4225
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-alert-strong {
4226
+ color: #1c1b1b;
4227
+ background-color: #fbd12c;
4228
+ }
4229
+
4230
+ .lux-text-highlight-error,
4231
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-error,
4232
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-error {
4233
+ color: #93000c;
4234
+ background-color: #ffdad6;
4235
+ }
4236
+ @media (prefers-contrast: more) {
4237
+ .lux-text-highlight-error,
4238
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-error,
4239
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-error {
4240
+ color: #1c1b1b;
4241
+ background-color: #ff897e;
4242
+ }
4243
+ }
4244
+
4245
+ .lux-text-highlight-error-strong,
4246
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-error-strong,
4247
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-error-strong {
4248
+ color: #1c1b1b;
4249
+ background-color: #ff897e;
4250
+ }
4251
+
4157
4252
  lux-form-control-wrapper {
4158
4253
  width: 100%;
4159
4254
  /* Change Autocomplete styles in Chrome*/
@@ -4858,6 +4953,10 @@ lux-slider-ac.lux-form-control-readonly {
4858
4953
  pointer-events: none;
4859
4954
  }
4860
4955
 
4956
+ mat-error.mat-mdc-form-field-bottom-align::before {
4957
+ height: unset;
4958
+ }
4959
+
4861
4960
  .lux-master-detail-ac {
4862
4961
  display: flex;
4863
4962
  flex-direction: row;
@@ -5008,7 +5107,7 @@ lux-slider-ac.lux-form-control-readonly {
5008
5107
  }
5009
5108
  .lux-master-detail-ac .lux-master-view-ac .lux-list-empty-icon,
5010
5109
  .lux-master-detail-ac .lux-master-view-ac .lux-list-empty-icon-text {
5011
- color: rgb(158, 158, 158);
5110
+ color: rgb(97, 97, 97);
5012
5111
  opacity: 1;
5013
5112
  margin-bottom: 8px;
5014
5113
  }
@@ -5041,7 +5140,7 @@ lux-slider-ac.lux-form-control-readonly {
5041
5140
  }
5042
5141
  .lux-master-detail-ac .lux-detail-ac-container .lux-detail-empty-icon,
5043
5142
  .lux-master-detail-ac .lux-detail-ac-container .lux-detail-empty-icon-text {
5044
- color: rgb(158, 158, 158);
5143
+ color: rgb(97, 97, 97);
5045
5144
  opacity: 1;
5046
5145
  }
5047
5146
  .lux-master-detail-ac .lux-detail-ac-container.lux-detail-ac-container-mobile {
@@ -6188,7 +6287,11 @@ lux-table .lux-table td.mat-mdc-footer-cell {
6188
6287
  color: rgba(0, 0, 0, 0.87);
6189
6288
  padding-bottom: 1em;
6190
6289
  }
6191
- lux-table .lux-table .lux-table-filter {
6290
+ lux-table .lux-table .lux-table-filter-input {
6291
+ width: 100%;
6292
+ max-width: 350px;
6293
+ }
6294
+ lux-table .lux-table .lux-table-column-selector {
6192
6295
  width: 100%;
6193
6296
  max-width: 350px;
6194
6297
  }
@@ -6312,7 +6415,10 @@ lux-table .lux-table lux-checkbox-ac .mat-mdc-checkbox-inner-container {
6312
6415
  margin: 0px;
6313
6416
  }
6314
6417
  @media screen and (max-width: 599px) {
6315
- lux-table .lux-table .lux-table-filter {
6418
+ lux-table .lux-table .lux-table-filter-input {
6419
+ max-width: 100%;
6420
+ }
6421
+ lux-table .lux-table .lux-table-column-selector {
6316
6422
  max-width: 100%;
6317
6423
  }
6318
6424
  }