@ihk-gfi/lux-components-theme 19.0.1 → 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.
@@ -1255,6 +1255,21 @@ lux-card.lux-flex mat-card,
1255
1255
  lux-card.lux-flex mat-card-content {
1256
1256
  flex: 1 1 auto;
1257
1257
  }
1258
+ lux-card mat-card {
1259
+ padding: 16px;
1260
+ }
1261
+ lux-card mat-card .mat-mdc-card-content {
1262
+ padding: 0;
1263
+ }
1264
+ lux-card mat-card .mat-mdc-card-content:first-child {
1265
+ padding: 0;
1266
+ }
1267
+ lux-card mat-card .mat-mdc-card-content .lux-card-content {
1268
+ padding: 0;
1269
+ }
1270
+ lux-card mat-card .mat-mdc-card-content .lux-card-content.lux-card-with-content-and-header {
1271
+ padding-top: 16px;
1272
+ }
1258
1273
  lux-card .mat-mdc-card.lux-card {
1259
1274
  border: 1px solid rgba(0, 0, 0, 0.12);
1260
1275
  border-radius: 4px;
@@ -1267,13 +1282,6 @@ lux-card .mat-mdc-card.lux-card:not([class*=mat-elevation-z]) {
1267
1282
  }
1268
1283
  lux-card .mat-mdc-card.lux-card .mat-mdc-card-content {
1269
1284
  font-size: 1rem;
1270
- padding: 0;
1271
- }
1272
- lux-card .mat-mdc-card.lux-card .mat-mdc-card-content .lux-card-content {
1273
- padding: 16px 0 0 0;
1274
- }
1275
- lux-card .mat-mdc-card.lux-card .mat-mdc-card-content .lux-card-content:empty {
1276
- padding: 0;
1277
1285
  }
1278
1286
  lux-card .lux-card-content-container {
1279
1287
  overflow-x: hidden;
@@ -1345,6 +1353,8 @@ lux-card .lux-card-content-expanded {
1345
1353
  lux-card mat-card-actions.mat-mdc-card-actions {
1346
1354
  justify-content: flex-end;
1347
1355
  min-height: 36px;
1356
+ padding-left: 0;
1357
+ padding-right: 0;
1348
1358
  }
1349
1359
  lux-card mat-card-actions.lux-card-actions {
1350
1360
  margin-right: 0;
@@ -1354,9 +1364,6 @@ lux-card .lux-tab-content .lux-card {
1354
1364
  margin-right: 1px;
1355
1365
  margin-left: 1px;
1356
1366
  }
1357
- lux-card mat-card {
1358
- padding: 16px;
1359
- }
1360
1367
  lux-card mat-card[class~=lux-cursor]:hover {
1361
1368
  background-image: linear-gradient(270deg, #ffffff 0%, #f8fbff 100%);
1362
1369
  background-color: #ffffff;
@@ -4126,13 +4133,101 @@ lux-button.lux-uppercase .lux-button-label {
4126
4133
  }
4127
4134
  .lux-badge-notification.mat-badge:not(.mat-badge-disabled).mat-badge-warn .mat-badge-content {
4128
4135
  color: #ffffff;
4129
- background-color: #C00013;
4136
+ background-color: #c00013;
4130
4137
  }
4131
4138
  .lux-badge-notification.lux-badge-color-default.mat-badge:not(.mat-badge-disabled) .mat-badge-content {
4132
4139
  color: white;
4133
4140
  background: #605e5e;
4134
4141
  }
4135
4142
 
4143
+ .lux-text-highlight-primary,
4144
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-primary,
4145
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-primary {
4146
+ color: #003366;
4147
+ background-color: #d5e3ff;
4148
+ }
4149
+ @media (prefers-contrast: more) {
4150
+ .lux-text-highlight-primary,
4151
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-primary,
4152
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-primary {
4153
+ color: #1c1b1b;
4154
+ background-color: #89ace7;
4155
+ }
4156
+ }
4157
+
4158
+ .lux-text-highlight-primary-strong,
4159
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-primary-strong,
4160
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-primary-strong {
4161
+ color: #1c1b1b;
4162
+ background-color: #89ace7;
4163
+ }
4164
+
4165
+ .lux-text-highlight-success,
4166
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-success,
4167
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-success {
4168
+ color: #00531d;
4169
+ background-color: #c6ffc5;
4170
+ }
4171
+ @media (prefers-contrast: more) {
4172
+ .lux-text-highlight-success,
4173
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-success,
4174
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-success {
4175
+ color: #1c1b1b;
4176
+ background-color: #56bd66;
4177
+ }
4178
+ }
4179
+
4180
+ .lux-text-highlight-success-strong,
4181
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-success-strong,
4182
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-success-strong {
4183
+ color: #1c1b1b;
4184
+ background-color: #56bd66;
4185
+ }
4186
+
4187
+ .lux-text-highlight-alert,
4188
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-alert,
4189
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-alert {
4190
+ color: #1c1b1b;
4191
+ background-color: #fdedab;
4192
+ }
4193
+ @media (prefers-contrast: more) {
4194
+ .lux-text-highlight-alert,
4195
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-alert,
4196
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-alert {
4197
+ color: #1c1b1b;
4198
+ background-color: #fbd12c;
4199
+ }
4200
+ }
4201
+
4202
+ .lux-text-highlight-alert-strong,
4203
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-alert-strong,
4204
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-alert-strong {
4205
+ color: #1c1b1b;
4206
+ background-color: #fbd12c;
4207
+ }
4208
+
4209
+ .lux-text-highlight-error,
4210
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-error,
4211
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-error {
4212
+ color: #93000c;
4213
+ background-color: #ffdad6;
4214
+ }
4215
+ @media (prefers-contrast: more) {
4216
+ .lux-text-highlight-error,
4217
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-error,
4218
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-error {
4219
+ color: #1c1b1b;
4220
+ background-color: #ff897e;
4221
+ }
4222
+ }
4223
+
4224
+ .lux-text-highlight-error-strong,
4225
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-error-strong,
4226
+ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-error-strong {
4227
+ color: #1c1b1b;
4228
+ background-color: #ff897e;
4229
+ }
4230
+
4136
4231
  lux-form-control-wrapper {
4137
4232
  width: 100%;
4138
4233
  /* Change Autocomplete styles in Chrome*/
@@ -4991,7 +5086,7 @@ mat-error.mat-mdc-form-field-bottom-align::before {
4991
5086
  }
4992
5087
  .lux-master-detail-ac .lux-master-view-ac .lux-list-empty-icon,
4993
5088
  .lux-master-detail-ac .lux-master-view-ac .lux-list-empty-icon-text {
4994
- color: rgb(158, 158, 158);
5089
+ color: rgb(97, 97, 97);
4995
5090
  opacity: 1;
4996
5091
  margin-bottom: 8px;
4997
5092
  }
@@ -5024,7 +5119,7 @@ mat-error.mat-mdc-form-field-bottom-align::before {
5024
5119
  }
5025
5120
  .lux-master-detail-ac .lux-detail-ac-container .lux-detail-empty-icon,
5026
5121
  .lux-master-detail-ac .lux-detail-ac-container .lux-detail-empty-icon-text {
5027
- color: rgb(158, 158, 158);
5122
+ color: rgb(97, 97, 97);
5028
5123
  opacity: 1;
5029
5124
  }
5030
5125
  .lux-master-detail-ac .lux-detail-ac-container.lux-detail-ac-container-mobile {
@@ -6171,7 +6266,11 @@ lux-table .lux-table td.mat-mdc-footer-cell {
6171
6266
  color: #003366;
6172
6267
  padding-bottom: 1em;
6173
6268
  }
6174
- lux-table .lux-table .lux-table-filter {
6269
+ lux-table .lux-table .lux-table-filter-input {
6270
+ width: 100%;
6271
+ max-width: 350px;
6272
+ }
6273
+ lux-table .lux-table .lux-table-column-selector {
6175
6274
  width: 100%;
6176
6275
  max-width: 350px;
6177
6276
  }
@@ -6295,7 +6394,10 @@ lux-table .lux-table lux-checkbox-ac .mat-mdc-checkbox-inner-container {
6295
6394
  margin: 0px;
6296
6395
  }
6297
6396
  @media screen and (max-width: 599px) {
6298
- lux-table .lux-table .lux-table-filter {
6397
+ lux-table .lux-table .lux-table-filter-input {
6398
+ max-width: 100%;
6399
+ }
6400
+ lux-table .lux-table .lux-table-column-selector {
6299
6401
  max-width: 100%;
6300
6402
  }
6301
6403
  }