igniteui-angular 20.0.0 → 20.0.2

package/lib/core/styles/themes/generators/_base.scss

@@ -12,6 +12,7 @@
 @use 'igniteui-theming/sass/utils' as *;
 @use 'igniteui-theming/sass/themes' as *;
 @use 'igniteui-theming/sass/themes/charts' as *;
+@use 'igniteui-theming/sass/themes/schemas/components/light/button' as *;
 
 ////
 /// @group themes
@@ -21,7 +22,9 @@
 
 /// Default noop handler for theme map transforms
 /// @access private
-@function theme-noop($arg) { @return $arg; }
+@function theme-noop($arg) {
+    @return $arg;
+}
 
 /// Generates an Ignite UI for Angular global theme.
 /// @param {Map} $palette - An palette to be used by the global theme.
@@ -39,7 +42,7 @@
     $exclude: (),
     $roundness: null,
     $elevation: true,
-    $elevations: elevations.$material-elevations,
+    $elevations: elevations.$material-elevations
 ) {
     @include theme-internal(
         $palette: $palette,
@@ -48,7 +51,7 @@
         $roundness: $roundness,
         $elevation: $elevation,
         $elevations: $elevations
-    )
+    );
 }
 
 /// Generates an Ignite UI for Angular global theme.
@@ -69,7 +72,7 @@
     $roundness: null,
     $elevation: true,
     $elevations: elevations.$material-elevations,
-    $theme-handler: meta.get-function('theme-noop'),
+    $theme-handler: meta.get-function('theme-noop')
 ) {
     // Stores all excluded component styles
     $excluded: ();
@@ -146,7 +149,10 @@
         $action-strip-theme-map: action-strip-theme(
             $schema: $schema,
         );
-        $action-strip-theme-map: meta.call($theme-handler, $action-strip-theme-map);
+        $action-strip-theme-map: meta.call(
+            $theme-handler,
+            $action-strip-theme-map
+        );
         @include action-strip($action-strip-theme-map);
     }
 
@@ -167,18 +173,38 @@
     }
 
     @if is-used('igx-button', $exclude) {
-        $button-theme-map: button-theme(
+        $flat-theme-map: flat-button-theme(
+            $schema: $schema,
+        );
+
+        $contained-theme-map: contained-button-theme(
             $schema: $schema,
         );
-        $button-theme-map: meta.call($theme-handler, $button-theme-map);
-        @include button($button-theme-map);
+
+        $outlined-theme-map: outlined-button-theme(
+            $schema: $schema,
+        );
+
+        $fab-theme-map: fab-button-theme(
+            $schema: $schema,
+        );
+
+        @include button(
+            $flat: meta.call($theme-handler, $flat-theme-map),
+            $contained: meta.call($theme-handler, $contained-theme-map),
+            $outlined: meta.call($theme-handler, $outlined-theme-map),
+            $fab:meta.call($theme-handler, $fab-theme-map)
+        );
     }
 
     @if is-used('igx-button-group', $exclude) {
         $button-group-theme-map: button-group-theme(
             $schema: $schema,
         );
-        $button-group-theme-map: meta.call($theme-handler, $button-group-theme-map);
+        $button-group-theme-map: meta.call(
+            $theme-handler,
+            $button-group-theme-map
+        );
         @include button-group($button-group-theme-map);
     }
 
@@ -227,55 +253,73 @@
             $schema: $schema,
         );
         $data-chart-theme-map: meta.call($theme-handler, $data-chart-theme-map);
-        @include  css-vars($data-chart-theme-map);
+        @include css-vars($data-chart-theme-map);
     }
 
     @if is-used('doughnut-chart', $exclude) {
         $doughnut-chart-theme-map: doughnut-chart-theme(
             $schema: $schema,
         );
-        $doughnut-chart-theme-map: meta.call($theme-handler, $doughnut-chart-theme-map);
-        @include  css-vars($doughnut-chart-theme-map);
+        $doughnut-chart-theme-map: meta.call(
+            $theme-handler,
+            $doughnut-chart-theme-map
+        );
+        @include css-vars($doughnut-chart-theme-map);
     }
 
     @if is-used('linear-gauge', $exclude) {
         $linear-gauge-theme-map: linear-gauge-theme(
             $schema: $schema,
         );
-        $linear-gauge-theme-map: meta.call($theme-handler, $linear-gauge-theme-map);
-        @include  css-vars($linear-gauge-theme-map);
+        $linear-gauge-theme-map: meta.call(
+            $theme-handler,
+            $linear-gauge-theme-map
+        );
+        @include css-vars($linear-gauge-theme-map);
     }
 
     @if is-used('radial-gauge', $exclude) {
         $radial-gauge-theme-map: radial-gauge-theme(
             $schema: $schema,
         );
-        $radial-gauge-theme-map: meta.call($theme-handler, $radial-gauge-theme-map);
-        @include  css-vars($radial-gauge-theme-map);
+        $radial-gauge-theme-map: meta.call(
+            $theme-handler,
+            $radial-gauge-theme-map
+        );
+        @include css-vars($radial-gauge-theme-map);
     }
 
     @if is-used('financial-chart', $exclude) {
         $financial-chart-theme-map: financial-chart-theme(
             $schema: $schema,
         );
-        $financial-chart-theme-map: meta.call($theme-handler, $financial-chart-theme-map);
-        @include  css-vars($financial-chart-theme-map);
+        $financial-chart-theme-map: meta.call(
+            $theme-handler,
+            $financial-chart-theme-map
+        );
+        @include css-vars($financial-chart-theme-map);
     }
 
     @if is-used('bullet-graph', $exclude) {
         $bullet-graph-theme-map: bullet-graph-theme(
             $schema: $schema,
         );
-        $bullet-graph-theme-map: meta.call($theme-handler, $bullet-graph-theme-map);
-        @include  css-vars($bullet-graph-theme-map);
+        $bullet-graph-theme-map: meta.call(
+            $theme-handler,
+            $bullet-graph-theme-map
+        );
+        @include css-vars($bullet-graph-theme-map);
     }
 
     @if is-used('category-chart', $exclude) {
         $category-chart-theme-map: category-chart-theme(
             $schema: $schema,
         );
-        $category-chart-theme-map: meta.call($theme-handler, $category-chart-theme-map);
-        @include  css-vars($category-chart-theme-map);
+        $category-chart-theme-map: meta.call(
+            $theme-handler,
+            $category-chart-theme-map
+        );
+        @include css-vars($category-chart-theme-map);
     }
 
     @if is-used('geo-map', $exclude) {
@@ -283,7 +327,7 @@
             $schema: $schema,
         );
         $geo-map-theme-map: meta.call($theme-handler, $geo-map-theme-map);
-        @include  css-vars($geo-map-theme-map);
+        @include css-vars($geo-map-theme-map);
     }
 
     @if is-used('pie-chart', $exclude) {
@@ -291,7 +335,7 @@
             $schema: $schema,
         );
         $pie-chart-theme-map: meta.call($theme-handler, $pie-chart-theme-map);
-        @include  css-vars($pie-chart-theme-map);
+        @include css-vars($pie-chart-theme-map);
     }
 
     @if is-used('sparkline', $exclude) {
@@ -299,23 +343,29 @@
             $schema: $schema,
         );
         $sparkline-theme-map: meta.call($theme-handler, $sparkline-theme-map);
-        @include  css-vars($sparkline-theme-map);
+        @include css-vars($sparkline-theme-map);
     }
 
     @if is-used('funnel-chart', $exclude) {
         $funnel-chart-theme-map: funnel-chart-theme(
             $schema: $schema,
         );
-        $funnel-chart-theme-map: meta.call($theme-handler, $funnel-chart-theme-map);
-        @include  css-vars($funnel-chart-theme-map);
+        $funnel-chart-theme-map: meta.call(
+            $theme-handler,
+            $funnel-chart-theme-map
+        );
+        @include css-vars($funnel-chart-theme-map);
     }
 
     @if is-used('shape-chart', $exclude) {
         $shape-chart-theme-map: shape-chart-theme(
             $schema: $schema,
         );
-        $shape-chart-theme-map: meta.call($theme-handler, $shape-chart-theme-map);
-        @include  css-vars($shape-chart-theme-map);
+        $shape-chart-theme-map: meta.call(
+            $theme-handler,
+            $shape-chart-theme-map
+        );
+        @include css-vars($shape-chart-theme-map);
     }
 
     @if is-used('igx-checkbox', $exclude) {
@@ -338,7 +388,10 @@
         $column-actions-theme-map: column-actions-theme(
             $schema: $schema,
         );
-        $column-actions-theme-map: meta.call($theme-handler, $column-actions-theme-map);
+        $column-actions-theme-map: meta.call(
+            $theme-handler,
+            $column-actions-theme-map
+        );
         @include column-actions($column-actions-theme-map);
     }
 
@@ -370,7 +423,10 @@
         $date-range-picker-theme-map: date-range-picker-theme(
             $schema: $schema,
         );
-        $date-range-picker-theme-map: meta.call($theme-handler, $date-range-picker-theme-map);
+        $date-range-picker-theme-map: meta.call(
+            $theme-handler,
+            $date-range-picker-theme-map
+        );
         @include date-range-picker($date-range-picker-theme-map);
     }
 
@@ -394,7 +450,10 @@
         $dock-manager-theme-map: dock-manager-theme(
             $schema: $schema,
         );
-        $dock-manager-theme-map: meta.call($theme-handler, $dock-manager-theme-map);
+        $dock-manager-theme-map: meta.call(
+            $theme-handler,
+            $dock-manager-theme-map
+        );
         @include dock-manager($dock-manager-theme-map);
     }
 
@@ -418,7 +477,10 @@
         $expansion-panel-theme-map: expansion-panel-theme(
             $schema: $schema,
         );
-        $expansion-panel-theme-map: meta.call($theme-handler, $expansion-panel-theme-map);
+        $expansion-panel-theme-map: meta.call(
+            $theme-handler,
+            $expansion-panel-theme-map
+        );
         @include expansion-panel($expansion-panel-theme-map);
     }
 
@@ -434,7 +496,10 @@
         $grid-summary-theme-map: grid-summary-theme(
             $schema: $schema,
         );
-        $grid-summary-theme-map: meta.call($theme-handler, $grid-summary-theme-map);
+        $grid-summary-theme-map: meta.call(
+            $theme-handler,
+            $grid-summary-theme-map
+        );
         @include grid-summary($grid-summary-theme-map);
     }
 
@@ -442,7 +507,10 @@
         $grid-toolbar-theme-map: grid-toolbar-theme(
             $schema: $schema,
         );
-        $grid-toolbar-theme-map: meta.call($theme-handler, $grid-toolbar-theme-map);
+        $grid-toolbar-theme-map: meta.call(
+            $theme-handler,
+            $grid-toolbar-theme-map
+        );
         @include grid-toolbar($grid-toolbar-theme-map);
     }
 
@@ -450,7 +518,10 @@
         $pivot-data-selector-theme-map: pivot-data-selector-theme(
             $schema: $schema,
         );
-        $pivot-data-selector-theme-map: meta.call($theme-handler, $pivot-data-selector-theme-map);
+        $pivot-data-selector-theme-map: meta.call(
+            $theme-handler,
+            $pivot-data-selector-theme-map
+        );
         @include pivot-data-selector($pivot-data-selector-theme-map);
     }
 
@@ -471,18 +542,33 @@
     }
 
     @if is-used('igx-icon-button', $exclude) {
-        $icon-button-theme-map: icon-button-theme(
+        $flat-theme-map: flat-icon-button-theme(
+            $schema: $schema,
+        );
+
+        $contained-theme-map: contained-icon-button-theme(
+            $schema: $schema,
+        );
+
+        $outlined-theme-map: outlined-icon-button-theme(
             $schema: $schema,
         );
-        $icon-button-theme-map: meta.call($theme-handler, $icon-button-theme-map);
-        @include icon-button($icon-button-theme-map);
+
+        @include icon-button(
+            $flat: meta.call($theme-handler, $flat-theme-map),
+            $contained: meta.call($theme-handler, $contained-theme-map),
+            $outlined: meta.call($theme-handler, $outlined-theme-map),
+        );
     }
 
     @if is-used('igx-input-group', $exclude) {
         $input-group-theme-map: input-group-theme(
             $schema: $schema,
         );
-        $input-group-theme-map: meta.call($theme-handler, $input-group-theme-map);
+        $input-group-theme-map: meta.call(
+            $theme-handler,
+            $input-group-theme-map
+        );
         @include input-group($input-group-theme-map);
     }
 
@@ -538,7 +624,10 @@
         $progress-circular-theme-map: progress-circular-theme(
             $schema: $schema,
         );
-        $progress-circular-theme-map: meta.call($theme-handler, $progress-circular-theme-map);
+        $progress-circular-theme-map: meta.call(
+            $theme-handler,
+            $progress-circular-theme-map
+        );
         @include progress-circular($progress-circular-theme-map);
     }
 
@@ -546,7 +635,10 @@
         $progress-linear-theme-map: progress-linear-theme(
             $schema: $schema,
         );
-        $progress-linear-theme-map: meta.call($theme-handler, $progress-linear-theme-map);
+        $progress-linear-theme-map: meta.call(
+            $theme-handler,
+            $progress-linear-theme-map
+        );
         @include progress-linear($progress-linear-theme-map);
     }
 
@@ -562,7 +654,10 @@
         $query-builder-theme-map: query-builder-theme(
             $schema: $schema,
         );
-        $query-builder-theme-map: meta.call($theme-handler, $query-builder-theme-map);
+        $query-builder-theme-map: meta.call(
+            $theme-handler,
+            $query-builder-theme-map
+        );
         @include query-builder($query-builder-theme-map);
     }
 
@@ -634,7 +729,10 @@
         $time-picker-theme-map: time-picker-theme(
             $schema: $schema,
         );
-        $time-picker-theme-map: meta.call($theme-handler, $time-picker-theme-map);
+        $time-picker-theme-map: meta.call(
+            $theme-handler,
+            $time-picker-theme-map
+        );
         @include time-picker($time-picker-theme-map);
     }
 
@@ -664,12 +762,7 @@
 /// @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: (),
-    $roundness: null,
-    $elevation: true,
-) {
+@mixin light-theme($palette, $exclude: (), $roundness: null, $elevation: true) {
     $gray: color($palette, gray);
     $surface: color($palette, surface);
 
@@ -689,7 +782,7 @@
         $schema: $light-material-schema,
         $exclude: $exclude,
         $roundness: $roundness,
-        $elevation: $elevation,
+        $elevation: $elevation
     );
 }
 
@@ -698,12 +791,7 @@
 /// @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: (),
-    $roundness: null,
-    $elevation: true,
-) {
+@mixin dark-theme($palette, $exclude: (), $roundness: null, $elevation: true) {
     $gray: color($palette, gray);
     $surface: color($palette, surface);
 
@@ -723,6 +811,6 @@
         $schema: $dark-material-schema,
         $exclude: $exclude,
         $roundness: $roundness,
-        $elevation: $elevation,
+        $elevation: $elevation
     );
 }

package/migrations/migration-collection.json

@@ -231,6 +231,11 @@
             "version": "20.0.0",
             "description": "Updates Ignite UI for Angular from v19.2.0 to v20.0.0",
             "factory": "./update-20_0_0"
+        },
+        "migration-47": {
+            "version": "20.0.2",
+            "description": "Updates Ignite UI for Angular from v20.0.0 to v20.0.2",
+            "factory": "./update-20_0_2"
         }
     }
 }

package/migrations/update-20_0_2/changes/theme-changes.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "../../common/schema/theme-changes.schema.json",
+  "changes": [
+    {
+      "name": "$interim-bottom-line-color",
+      "remove": true,
+      "owner": "input-group-theme",
+      "type": "property"
+    }
+  ]
+}

package/migrations/update-20_0_2/index.d.ts

@@ -0,0 +1,3 @@
+import type { Rule } from '@angular-devkit/schematics';
+declare const _default: () => Rule;
+export default _default;

package/migrations/update-20_0_2/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const UpdateChanges_1 = require("../common/UpdateChanges");
+const version = '20.0.2';
+exports.default = () => (host, context) => __awaiter(void 0, void 0, void 0, function* () {
+    context.logger.info(`Applying migration for Ignite UI for Angular to version ${version}`);
+    const update = new UpdateChanges_1.UpdateChanges(__dirname, host, context);
+    update.applyChanges();
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-angular",
-  "version": "20.0.0",
+  "version": "20.0.2",
   "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",