refactor(samples): bump theming version and fix query-builder samples

Author: simeonoff

package-lock.json

@@ -69,6 +69,7 @@
     "igniteui-angular-i18n": "^14.2.0",
     "igniteui-dockmanager": "^1.8.0",
     "igniteui-live-editing": "^2.0.4",
+    "igniteui-theming": "^1.0.2",
     "igniteui-webcomponents": "^3.4.0",
     "immediate": "^3.2.3",
     "intl": "^1.2.5",

package.json

@@ -11,7 +11,6 @@ $custom-query-builder: query-builder-theme(
 );
 
 $custom-button: button-theme(
-    $palette: $dark-material-palette,
     $schema: $dark-material-schema,
     $background: $black,
     $foreground: $yellow,
@@ -23,7 +22,6 @@ $custom-button: button-theme(
 );
 
 $custom-raised-button: button-theme(
-    $palette: $dark-material-palette,
     $schema: $dark-material-schema,
     $background: $yellow,
     $foreground: $black,
@@ -38,7 +36,6 @@ $custom-raised-button: button-theme(
 );
 
 $custom-button-group: button-group-theme(
-    $palette: $dark-material-palette,
     $schema: $dark-material-schema,
     $item-background:  $black,
     $item-text-color: $yellow,
@@ -49,7 +46,6 @@ $custom-button-group: button-group-theme(
 );
 
 $custom-input-group: input-group-theme(
-    $palette: $dark-material-palette,
     $schema: $dark-material-schema,
     $idle-text-color: $yellow,
     $focused-text-color: $yellow,
@@ -59,14 +55,12 @@ $custom-input-group: input-group-theme(
 );
 
 $custom-chip: chip-theme(
-    $palette: $dark-material-palette,
     $schema: $dark-material-schema,
     $background: $yellow,
     $text-color: $black
 );
 
 $custom-drop-down: drop-down-theme(
-    $palette: $dark-material-palette,
     $schema: $dark-material-schema,
     $background-color: $black,
     $item-text-color: $yellow,
@@ -90,12 +84,18 @@ $custom-drop-down: drop-down-theme(
     ::ng-deep {
         @include css-vars($custom-drop-down);
         @include css-vars($custom-query-builder);
-        @include css-vars($custom-button);
         @include css-vars($custom-button-group);
         @include css-vars($custom-input-group);
         @include css-vars($custom-chip);
         @include css-vars($custom-drop-down);
-        @include css-vars($custom-raised-button);
+
+        [igxButton] {
+            @include css-vars($custom-button);
+        }
+
+        [igxButton="raised"] {
+            @include css-vars($custom-raised-button);
+        }
 
         igx-query-builder {
             h6 {