@rlucan/ui 14.2.2 → 14.2.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 (3) hide show
  1. package/package.json +1 -1
  2. package/scss/ui-defaults.scss +4 -1
  3. package/ui.scss +18 -12
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rlucan/ui",
3
- "version": "14.2.2",
3
+ "version": "14.2.4",
4
4
  "description": "My UI Components",
5
5
  "author": "rlucan@gmail.com",
6
6
  "peerDependencies": {
package/scss/ui-defaults.scss CHANGED
@@ -287,7 +287,10 @@
287
287
  /***************************************** input ******************************************/
288
288
  select: (
289
289
  option: (
290
- color: $baseTextColor
290
+ color: $baseTextColor,
291
+ selected: (
292
+ color: $primaryColor
293
+ )
291
294
  )
292
295
  ),
293
296
 
package/ui.scss CHANGED
@@ -346,7 +346,7 @@
346
346
  }
347
347
 
348
348
  .mat-pseudo-checkbox-checked~.mdc-list-item__primary-text {
349
- color: uiGetColor($colors, 'checkbox.primary.label.checked-color') !important;
349
+ color: uiGetColor($colors, 'select.option.selected.color') !important;
350
350
  }
351
351
 
352
352
  //mat-checkbox {
@@ -392,9 +392,8 @@
392
392
  border-color: uiGetColor($colors, 'checkbox.primary.icon.color') !important;
393
393
  }
394
394
  }
395
- // TODO overit, zrejme nefunguje
396
395
  .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
397
- border-color: uiGetColor($colors, 'checkbox.primary.icon.color') !important;
396
+ border-color: uiGetColor($colors, 'checkbox.primary.icon.checked-color') !important;
398
397
  }
399
398
  &.mat-mdc-checkbox-checked {
400
399
  label {
@@ -411,8 +410,8 @@
411
410
  border-color: uiGetColor($colors, 'checkbox.accent.icon.color') !important;
412
411
  }
413
412
  }
414
- .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
415
- border-color: uiGetColor($colors, 'checkbox.accent.icon.color') !important;
413
+ .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
414
+ border-color: uiGetColor($colors, 'checkbox.accent.icon.checked-color') !important;
416
415
  }
417
416
  &.mat-mdc-checkbox-checked {
418
417
  label {
@@ -429,8 +428,8 @@
429
428
  border-color: uiGetColor($colors, 'checkbox.warn.icon.color') !important;
430
429
  }
431
430
  }
432
- .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
433
- border-color: uiGetColor($colors, 'checkbox.warn.icon.color') !important;
431
+ .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
432
+ border-color: uiGetColor($colors, 'checkbox.warn.icon.checked-color') !important;
434
433
  }
435
434
  &.mat-mdc-checkbox-checked {
436
435
  label {
@@ -735,13 +734,20 @@
735
734
  border-radius: $control-radius;
736
735
  }
737
736
 
738
- .mat-mdc-select-panel .mdc-list-item__primary-text {
739
- color: uiGetColor($colors, "select.option.color");
737
+ .mat-mdc-select-panel {
738
+ .mdc-list-item__primary-text {
739
+ color: uiGetColor($colors, "select.option.color");
740
+ }
741
+ .mdc-list-item--selected {
742
+ .mdc-list-item__primary-text {
743
+ color: uiGetColor($colors, "select.option.selected.color");
744
+ }
745
+ }
740
746
  }
741
747
 
742
- .mat-mdc-select-panel .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after {
743
- color: uiGetColor($colors, "select.option.color");
744
- }
748
+ //.mat-mdc-select-panel .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after {
749
+ // color: uiGetColor($colors, "select.option.color");
750
+ //}
745
751
 
746
752
  /********************************* typography ****************************/
747
753
  ui-button, ui-action-button {