fix(demos): not running after merging master

Author: simeonoff

package-lock.json

@@ -420,24 +420,6 @@
                 color: var-get($flat-theme, 'icon-color');
             }
 
-            &:hover {
-                background: var-get($flat-theme, 'focus-hover-background');
-                color: var-get($flat-theme, 'focus-hover-foreground');
-
-                igx-icon {
-                    color: var-get($flat-theme, 'icon-color-hover');
-                }
-            }
-
-            &:active {
-                background: var-get($flat-theme, 'focus-background');
-                color: var-get($flat-theme, 'focus-foreground');
-
-                igx-icon {
-                    color: var-get($flat-theme, 'focus-foreground');
-                }
-            }
-
             @if $variant == 'bootstrap' {
                 box-shadow: 0 0 0 rem(4px) var-get($flat-theme, 'shadow-color');
             }
@@ -465,6 +447,24 @@
                     }
                 }
             }
+
+            &:hover {
+                background: var-get($flat-theme, 'focus-hover-background');
+                color: var-get($flat-theme, 'focus-hover-foreground');
+
+                igx-icon {
+                    color: var-get($flat-theme, 'icon-color-hover');
+                }
+            }
+
+            &:active {
+                background: var-get($flat-theme, 'focus-background');
+                color: var-get($flat-theme, 'focus-foreground');
+
+                igx-icon {
+                    color: var-get($flat-theme, 'focus-foreground');
+                }
+            }
         }
 
         %igx-button--outlined {

projects/igniteui-angular/src/lib/core/styles/components/button/_button-theme.scss

@@ -1,5 +1,6 @@
 @use 'sass:map';
 @use '../../base' as *;
+@use '../../../styles/themes/standalone' as *;
 
 /// @deprecated Use the `css-vars` mixin instead.
 /// @see {mixin} css-vars

projects/igniteui-angular/src/lib/core/styles/components/highlight/highlight-theme.scss

@@ -645,33 +645,6 @@ export class IgxRadioGroupDirective implements ControlValueAccessor, OnDestroy,
     }
 
 
-    /**
-     * Registers a radio button with this radio group.
-     * This method is called by radio button components when they are created.
-     * @hidden @internal
-     */
-    public _addRadioButton(radioButton: IgxRadioComponent): void {
-        this._radioButtons.update(buttons => {
-            if (!buttons.includes(radioButton)) {
-                this._setRadioButtonEvents(radioButton);
-
-                return [...buttons, radioButton];
-            }
-            return buttons;
-        });
-    }
-
-    /**
-     * Unregisters a radio button from this radio group.
-     * This method is called by radio button components when they are destroyed.
-     * @hidden @internal
-     */
-    public _removeRadioButton(radioButton: IgxRadioComponent): void {
-        this._radioButtons.update(buttons =>
-            buttons.filter(btn => btn !== radioButton)
-        );
-    }
-
     /**
      * Registers a radio button with this radio group.
      * This method is called by radio button components when they are created.

projects/igniteui-angular/src/lib/directives/radio/radio-group.directive.ts

@@ -1,10 +1,10 @@
 @use 'sass:map';
 @use '../../projects/igniteui-angular/src/lib/core/styles/themes' as *;
 
-$palette: $light-bootstrap-palette;
-$schema: $light-bootstrap-schema;
-$typeface: $bootstrap-typeface;
-$type-scale: $bootstrap-type-scale;
+$palette: $light-material-palette;
+$schema: $light-material-schema;
+$typeface: $material-typeface;
+$type-scale: $material-type-scale;
 $variant: map.get($schema, '_meta', 'variant');
 
 $background-color: var(--ig-gray-900-contrast);