Merge branch 'master' into mpopov/fix/combo/notch-styles

Author: simeonoff

src/components/checkbox/themes/shared/checkbox/checkbox.material.scss

@@ -55,11 +55,16 @@ $theme: $material;
 [part~='base'] {
     gap: rem(2px);
 
+    [part~='control'] {
+        &::before {
+            opacity: .06;
+        }
+    }
+
     &:hover {
         [part~='control'] {
             &::before {
                 background: var-get($theme, 'empty-color');
-                opacity: .06;
             }
         }
     }
@@ -70,7 +75,6 @@ $theme: $material;
         [part~='control'] {
             &::before {
                 background: var-get($theme, 'fill-color-hover');
-                opacity: .06;
             }
         }
     }

src/components/checkbox/themes/shared/switch/switch.material.scss

@@ -14,18 +14,22 @@ $ripple-radius: calc(#{$ripple-size} / 2);
 }
 
 [part~='base'] {
+    [part~='thumb'] {
+        &::after {
+            opacity: .06;
+        }
+    }
+
     &:hover {
         [part~='thumb'] {
             &::after {
                 background: color(gray, 600);
-                opacity: .06;
             }
         }
 
         [part~='thumb'][part~='checked'] {
             &::after {
                 background: var-get($theme, 'thumb-on-color');
-                opacity: .06;
             }
         }
 

src/components/navbar/themes/shared/navbar.bootstrap.scss

@@ -5,11 +5,6 @@ $theme: $bootstrap;
 
 :host {
     box-shadow: var(--ig-elevation-0);
-    padding: 0 pad-inline(rem(8px));
-}
-
-[part='base'] {
-    padding-inline: pad-inline(rem(4px));
 }
 
 ::slotted(*) {

src/components/navbar/themes/shared/navbar.indigo.scss

@@ -8,6 +8,11 @@
     [name='end']::slotted(*) {
         margin: initial;
     }
+
+    ::slotted(igc-icon),
+    ::slotted(igc-avatar) {
+        --ig-size: 2;
+    }
 }
 
 [part='end'] {
@@ -23,12 +28,6 @@
 }
 
 ::slotted(igc-icon) {
-    --size: rem(16px);
-
     padding: pad(rem(6px));
     margin: 0;
 }
-
-::slotted(igc-avatar) {
-    --ig-size: 2;
-}

src/components/select/themes/shared/select.material.scss

@@ -27,6 +27,12 @@ $active-border-width: rem(2px) !default;
     }
 }
 
+:host([outlined]:focus-within) {
+    [part~='toggle-icon'] {
+        background: var-get($theme, 'toggle-button-background-focus--border');
+    }
+}
+
 :host(:not(:state(ig-invalid))[outlined]:focus-within) {
     igc-input[readonly]:not([disabled])::part(start) {
         border: {
@@ -71,10 +77,6 @@ $active-border-width: rem(2px) !default;
     igc-input[readonly]:not([disabled])::part(label) {
         color: $active-color;
     }
-
-    [part~='toggle-icon'] {
-        background: var-get($theme, 'toggle-button-background-focus--border');
-    }
 }
 
 :host(:not(:state(ig-invalid),[outlined]):focus-within) {