Merge branch '19.0.x' into didimmova/fix-15093

Author: SisIvanova

.github/workflows/codeql-analysis.yml

@@ -13,10 +13,10 @@ name: "CodeQL"
 
 on:
   push:
-    branches: [ master, 18.2.x, 17.2.x, 16.1.x, 15.1.x ]
+    branches: [ master, 19.0.x, 18.2.x, 17.2.x, 16.1.x, 15.1.x ]
   pull_request:
     # The branches below must be a subset of the branches above
-    branches: [ master, 18.2.x, 17.2.x, 16.1.x, 15.1.x ]
+    branches: [ master, 19.0.x, 18.2.x, 17.2.x, 16.1.x, 15.1.x ]
   schedule:
     - cron: '33 4 * * 4'
 

CHANGELOG.md

@@ -9,6 +9,27 @@ All notable changes for each version of this project will be documented in this
 ### New Features
 - `IgxColumn`
     - Introduced the `disabledSummaries` property, allowing users to specify which summaries should be disabled for a given column. This property accepts an array of strings corresponding to the summary keys, enabling selective control over both default summaries (e.g., 'Count', 'Min') and any custom summaries created by the user.
+- `Themes`
+    - **Deprecation** The utility mixins `light-theme`, `dark-theme`, `bootstrap-light-theme`, `bootstrap-dark-theme`, `fluent-light-theme`, `fluent-dark-theme`, `indigo-light-theme`, and `indigo-dark-theme` have been deprecated and will be removed in version 20 of Ignite UI for Angular. Switch to the more generic `theme` mixin instead.
+    Example:
+    ```scss
+    $my-light-palette: palette(
+        $primary: navy,
+        $secondary: rebeccapurple,
+        $surface: white,
+    );
+
+    // Before:
+    @include light-theme(
+        $palette: $my-light-palette
+    );
+
+    // After:
+    @include theme(
+        $palette: $my-light-palette,
+        $schema: $light-material-schema,
+    );
+    ```
 
 ## 18.2.0
 ### General

projects/igniteui-angular/src/lib/core/styles/themes/generators/_base.scss

@@ -663,6 +663,7 @@
 /// @param {Map} $palette - An palette to be used by the global theme.
 /// @param {List} $exclude [( )] - A list of ig components to be excluded from the global theme styles.
 /// @see {mixin} theme
+/// @deprecated - Use the theme mixin instead.
 @mixin light-theme(
     $palette,
     $exclude: (),
@@ -672,7 +673,7 @@
     $gray: color($palette, 'gray');
     $surface: color($palette, 'surface');
 
-    $light-palette: palette(
+    $_light-palette: palette(
         $primary: color($palette, 'primary'),
         $secondary: color($palette, 'secondary'),
         $info: color($palette, 'info'),
@@ -684,7 +685,7 @@
     );
 
     @include theme(
-        $palette: $light-material-palette,
+        $palette: $_light-palette,
         $schema: $light-material-schema,
         $exclude: $exclude,
         $roundness: $roundness,
@@ -696,6 +697,7 @@
 /// @param {Map} $palette - An palette to be used by the global theme.
 /// @param {List} $exclude [( )] - A list of igx components to be excluded from the global theme styles.
 /// @see {mixin} theme
+/// @deprecated - Use the theme mixin instead.
 @mixin dark-theme(
     $palette,
     $exclude: (),
@@ -705,7 +707,7 @@
     $gray: color($palette, 'gray');
     $surface: color($palette, 'surface');
 
-    $dark-palette: palette(
+    $_dark-palette: palette(
         $primary: color($palette, 'primary'),
         $secondary: color($palette, 'secondary'),
         $info: color($palette, 'info'),
@@ -717,7 +719,7 @@
     );
 
     @include theme(
-        $palette: $dark-material-palette,
+        $palette: $_dark-palette,
         $schema: $dark-material-schema,
         $exclude: $exclude,
         $roundness: $roundness,

projects/igniteui-angular/src/lib/core/styles/themes/generators/_bootstrap.scss

@@ -13,6 +13,7 @@
 /// @param {Map} $palette - An palette to be used by the global theme.
 /// @param {List} $exclude [( )] - A list of ig components to be excluded from the global theme styles.
 /// @see {mixin} theme
+/// @deprecated - Use the theme mixin instead.
 @mixin bootstrap-light-theme(
     $palette,
     $exclude: (),
@@ -50,6 +51,7 @@
 /// @param {Map} $palette - An palette to be used by the global theme.
 /// @param {List} $exclude [( )] - A list of ig components to be excluded from the global theme styles.
 /// @see {mixin} theme
+/// @deprecated - Use the theme mixin instead.
 @mixin bootstrap-dark-theme(
     $palette,
     $exclude: (),

projects/igniteui-angular/src/lib/core/styles/themes/generators/_fluent.scss

@@ -13,6 +13,7 @@
 /// @param {Map} $palette - An palette to be used by the global theme.
 /// @param {List} $exclude [( )] - A list of ig components to be excluded from the global theme styles.
 /// @see {mixin} theme
+/// @deprecated - Use the theme mixin instead.
 @mixin fluent-light-theme(
     $palette,
     $exclude: (),
@@ -50,6 +51,7 @@
 /// @param {Map} $palette - An palette to be used by the global theme.
 /// @param {List} $exclude [( )] - A list of ig components to be excluded from the global theme styles.
 /// @see {mixin} theme
+/// @deprecated - Use the theme mixin instead.
 @mixin fluent-dark-theme(
     $palette,
     $exclude: (),

projects/igniteui-angular/src/lib/core/styles/themes/generators/_indigo.scss

@@ -14,6 +14,7 @@
 /// @param {Map} $palette - An palette to be used by the global theme.
 /// @param {List} $exclude [( )] - A list of ig components to be excluded from the global theme styles.
 /// @see {mixin} theme
+/// @deprecated - Use the theme mixin instead.
 @mixin indigo-light-theme(
     $palette,
     $exclude: (),
@@ -52,6 +53,7 @@
 /// @param {Map} $palette - An palette to be used by the global theme.
 /// @param {List} $exclude [( )] - A list of ig components to be excluded from the global theme styles.
 /// @see {mixin} theme
+/// @deprecated - Use the theme mixin instead.
 @mixin indigo-dark-theme(
     $palette,
     $exclude: (),