@rlucan/ui 14.2.1 → 14.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rlucan/ui",
-  "version": "14.2.1",
+  "version": "14.2.3",
   "description": "My UI Components",
   "author": "rlucan@gmail.com",
   "peerDependencies": {

package/scss/ui-defaults.scss

@@ -287,7 +287,10 @@
     /***************************************** input ******************************************/
     select: (
       option: (
-        color: $baseTextColor
+        color: $baseTextColor,
+        selected: (
+          color: $primaryColor
+        )
       )
     ),
 

package/ui.scss

@@ -345,8 +345,8 @@
     }
   }
 
-  .mdc-list-item.mdc-list-item--selected .mdc-list-item__primary-text {
-    color: uiGetColor($colors, 'checkbox.primary.label.checked-color') !important;
+  .mat-pseudo-checkbox-checked~.mdc-list-item__primary-text {
+    color: uiGetColor($colors, 'select.option.selected.color') !important;
   }
 
   //mat-checkbox {
@@ -392,8 +392,9 @@
           border-color: uiGetColor($colors, 'checkbox.primary.icon.color') !important;
         }
       }
-      .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
-        border-color: uiGetColor($colors, 'checkbox.primary.icon.color') !important;
+      // TODO overit, zrejme nefunguje
+      .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
+        border-color: uiGetColor($colors, 'checkbox.primary.icon.checked-color') !important;
       }
       &.mat-mdc-checkbox-checked {
         label {
@@ -410,6 +411,9 @@
           border-color: uiGetColor($colors, 'checkbox.accent.icon.color') !important;
         }
       }
+      .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
+        border-color: uiGetColor($colors, 'checkbox.accent.icon.color') !important;
+      }
       &.mat-mdc-checkbox-checked {
         label {
           color: uiGetColor($colors, 'checkbox.accent.label.checked-color');
@@ -425,6 +429,9 @@
           border-color: uiGetColor($colors, 'checkbox.warn.icon.color') !important;
         }
       }
+      .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
+        border-color: uiGetColor($colors, 'checkbox.warn.icon.color') !important;
+      }
       &.mat-mdc-checkbox-checked {
         label {
           color: uiGetColor($colors, 'checkbox.warn.label.checked-color');
@@ -728,13 +735,18 @@
     border-radius: $control-radius;
   }
 
-  .mat-mdc-select-panel .mdc-list-item__primary-text {
-    color: uiGetColor($colors, "select.option.color");
+  .mat-mdc-select-panel {
+    .mdc-list-item__primary-text {
+      color: uiGetColor($colors, "select.option.color");
+    }
+    .mdc-list-item--selected {
+      color: uiGetColor($colors, "select.option.selected.color");
+    }
   }
 
-  .mat-mdc-select-panel .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after {
-    color: uiGetColor($colors, "select.option.color");
-  }
+  //.mat-mdc-select-panel .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after {
+  //  color: uiGetColor($colors, "select.option.color");
+  //}
 
   /********************************* typography ****************************/
   ui-button, ui-action-button {
@@ -870,6 +882,7 @@ ui-button, ui-action-button, ui-input, ui-date, ui-text-area, ui-select, ui-radi
   .mdc-radio--disabled + label {
     opacity: 0.38;
   }
+  // TODO je to nutne??
   .mdc-radio {
     margin: -0.5em !important;
   }