Merge branch 'vnext' into ibarakov/fix-3979-vnext

Author: viktorkombov

package-lock.json

@@ -73,11 +73,11 @@
     "file-saver": "^2.0.2",
     "fuse.js": "^7.1.0",
     "hammerjs": "^2.0.8",
-    "igniteui-angular": "^22.0.0-rc.2",
-    "igniteui-angular-charts": "^22.0.0-alpha.0",
-    "igniteui-angular-core": "^22.0.0-alpha.0",
-    "igniteui-angular-extras": "^22.0.0-rc.2",
-    "igniteui-angular-i18n": "^22.0.0-rc.2",
+    "igniteui-angular": "^22.0.0",
+    "igniteui-angular-charts": "^22.0.0",
+    "igniteui-angular-core": "^22.0.0",
+    "igniteui-angular-extras": "^22.0.0",
+    "igniteui-angular-i18n": "^22.0.0",
     "igniteui-dockmanager": "^1.17.0",
     "igniteui-grid-lite": "^0.7.1",
     "igniteui-i18n-resources": "^1.0.4",
@@ -113,10 +113,10 @@
       "@angular/compiler": "^22.0.0"
     },
     "igniteui-angular-extras": {
-      "igniteui-angular": "^22.0.0-rc.2",
-      "@infragistics/igniteui-angular": "^22.0.0-rc.2",
-      "igniteui-angular-core": "^22.0.0-alpha.0",
-      "igniteui-angular-charts": "^22.0.0-alpha.0",
+      "igniteui-angular": "^22.0.0",
+      "@infragistics/igniteui-angular": "^22.0.0",
+      "igniteui-angular-core": "^22.0.0",
+      "igniteui-angular-charts": "^22.0.0",
       "@angular/core": "^22.0.0",
       "@angular/common": "^22.0.0",
       "@angular/animations": "^22.0.0"
@@ -132,7 +132,7 @@
     "@angular/cli": "^22.0.1",
     "@angular/compiler-cli": "^22.0.1",
     "@angular/language-service": "^22.0.1",
-    "@igniteui/angular-schematics": "^21.1.1492",
+    "@igniteui/angular-schematics": "^22.0.0",
     "@juggle/resize-observer": "^3.3.1",
     "@types/express": "^4.17.17",
     "@types/jasmine": "^5.1.6",

package.json

@@ -1,5 +1,5 @@
 .igx-avatar{
-    background: #e41c77;
+    --ig-avatar-background: #e41c77;
     color: black;
     margin: 15px;
 }

src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.scss

@@ -14,9 +14,9 @@
 }
 
 .avatar-sample.initials .igx-avatar{
-    background: #e41c77;
+    --ig-avatar-background: #e41c77;
 }
 
 .avatar-sample.icon .igx-avatar{
-    background: #9e9e9e;
+    --ig-avatar-background: #9e9e9e;
 }

src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.scss

@@ -1,4 +1,4 @@
 .igx-avatar{
-    background: #9e9e9e;
+    --ig-avatar-background: #9e9e9e;
     margin: 15px;
 }

src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.scss

@@ -1 +1 @@
-<igx-avatar class="!light-avatar ![--background:#FF4E00]" initials="DY" shape="rounded"></igx-avatar>
+<igx-avatar class="!light-avatar ![--ig-avatar-background:#FF4E00]" initials="DY" shape="rounded"></igx-avatar>