diff --git a/examples/coffee-warehouse-nextjs/app/assets/userImage.png b/examples/coffee-warehouse-nextjs/app/assets/userImage.png
deleted file mode 100644
index d8136cd2..00000000
Binary files a/examples/coffee-warehouse-nextjs/app/assets/userImage.png and /dev/null differ
diff --git a/examples/coffee-warehouse-nextjs/app/assets/userImage.svg b/examples/coffee-warehouse-nextjs/app/assets/userImage.svg
new file mode 100644
index 00000000..4c88deea
--- /dev/null
+++ b/examples/coffee-warehouse-nextjs/app/assets/userImage.svg
@@ -0,0 +1,77 @@
+<svg width="100" height="96.815" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+        <clipPath id="kendoka-avatar-svg_svg__a">
+            <ellipse class="kendoka-avatar-svg_svg__a" cx="48.411" cy="48.408" rx="48.411"
+                ry="48.408"></ellipse>
+        </clipPath>
+        <clipPath id="kendoka-avatar-svg_svg__b">
+            <path class="kendoka-avatar-svg_svg__a"
+                d="M53.588 60.322v-1.207a14.078 14.078 0 0114.077-14.078 14.015 14.015 0 018.6 2.933 18.834 18.834 0 01.775 5.349v17.5a14.023 14.023 0 01-9.374 3.581 14.077 14.077 0 01-14.078-14.078z"
+                transform="translate(-53.588 -45.037)"></path>
+        </clipPath>
+        <style>
+            .kendoka-avatar-svg_svg__a{fill:none}.kendoka-avatar-svg_svg__c{fill:#fff}.kendoka-avatar-svg_svg__d{fill:#3bb5e4}.kendoka-avatar-svg_svg__f{fill:#001d39}.kendoka-avatar-svg_svg__g{fill:#54c7f5}.kendoka-avatar-svg_svg__i{fill:#0a0406}.kendoka-avatar-svg_svg__j{fill:#e79a55}.kendoka-avatar-svg_svg__m{fill:#081c3b}</style>
+    </defs>
+    <ellipse cx="48.411" cy="48.408" rx="48.411" ry="48.408" fill="#009edd"></ellipse>
+    <circle class="kendoka-avatar-svg_svg__c" cx="23.308" cy="23.308" r="23.308"
+        transform="translate(53.385 7.234)"></circle>
+    <circle class="kendoka-avatar-svg_svg__d" cx="2.939" cy="2.939" r="2.939"
+        transform="translate(73.754 27.628)"></circle>
+    <path class="kendoka-avatar-svg_svg__d"
+        d="M76.689 37.303a33.363 33.363 0 0010.433-1.408 13.262 13.262 0 004.3-2.3 4.163 4.163 0 001.721-3.023c0-1.943-2.132-3.848-5.706-5.1a33.789 33.789 0 00-10.745-1.591 33.684 33.684 0 00-10.6 1.55 13.351 13.351 0 00-4.16 2.191 3.985 3.985 0 00-1.694 2.928c0 2.019 2.384 4.066 6.224 5.341a33.85 33.85 0 0010.227 1.412zm.006-12.008a32.844 32.844 0 0110.282 1.512c3.292 1.149 4.764 2.721 4.764 3.768 0 1.09-1.587 2.8-5.068 3.992a31.983 31.983 0 01-9.983 1.328 32.431 32.431 0 01-9.784-1.333c-3.616-1.2-5.262-2.918-5.262-4.006a2.734 2.734 0 011.188-1.848 11.99 11.99 0 013.717-1.942 32.285 32.285 0 0110.146-1.471z"></path>
+    <path class="kendoka-avatar-svg_svg__d"
+        d="M83.357 45.225a3.1 3.1 0 001.57-.385c1.683-.969 2.268-3.769 1.564-7.489a33.787 33.787 0 00-3.99-10.1 33.678 33.678 0 00-6.64-8.412 13.363 13.363 0 00-3.976-2.509 3.988 3.988 0 00-3.382-.005c-1.75 1.008-2.331 4.1-1.517 8.061a33.872 33.872 0 003.892 9.561 33.369 33.369 0 006.431 8.34 13.284 13.284 0 004.14 2.576 5.8 5.8 0 001.908.362zM81.286 27.95a32.85 32.85 0 013.826 9.662c.649 3.426.023 5.487-.884 6.01-.945.544-3.222.026-5.991-2.4a31.987 31.987 0 01-6.139-7.984 32.444 32.444 0 01-3.734-9.142c-.767-3.732-.1-6.016.842-6.559a2.736 2.736 0 012.195.106 11.971 11.971 0 013.539 2.249 32.311 32.311 0 016.346 8.053z"></path>
+    <path class="kendoka-avatar-svg_svg__d"
+        d="M70.012 45.234c1.592 0 3.616-.961 5.723-2.772a33.783 33.783 0 006.76-8.5 33.7 33.7 0 003.971-9.954 13.373 13.373 0 00.188-4.7 3.987 3.987 0 00-1.685-2.933c-1.748-1.013-4.713.026-7.741 2.711a33.855 33.855 0 00-6.343 8.147 33.385 33.385 0 00-4.014 9.737 13.277 13.277 0 00-.164 4.873 4.163 4.163 0 001.754 3 3.049 3.049 0 001.551.391zm11.267-11.979a32.832 32.832 0 01-6.46 8.14c-2.644 2.273-4.742 2.76-5.647 2.235-.943-.547-1.632-2.778-.916-6.387a31.963 31.963 0 013.851-9.306 32.442 32.442 0 016.055-7.8c2.851-2.528 5.162-3.092 6.1-2.546a2.735 2.735 0 011 1.955 11.976 11.976 0 01-.182 4.189 32.264 32.264 0 01-3.808 9.52z"></path>
+    <g clip-path="url(#kendoka-avatar-svg_svg__a)">
+        <path class="kendoka-avatar-svg_svg__f"
+            d="M57.801 140.597a10.064 10.064 0 006.235-2.157c5.094-4 17.175-15.341 19.331-34.293 2.739-24.069-12.91-40.111-16.075-43.082a10.11 10.11 0 10-13.84 14.739c1.183 1.11 11.508 11.277 9.826 26.058-1.33 11.69-9.31 18.78-11.725 20.674a10.109 10.109 0 006.248 18.061z"></path>
+        <path class="kendoka-avatar-svg_svg__g"
+            d="M63.682 124.773l-32.78 3.921-6.472-49.676A22.966 22.966 0 0147.114 52.45a22.967 22.967 0 0122.684 26.566z"></path>
+        <path class="kendoka-avatar-svg_svg__f"
+            d="M30.014 138.086a9.72 9.72 0 006.652-16.807q-.175-.164-.425-.388c-4.976-4.486-5.885-12.924-5.772-19.213.263-14.57 4.032-21.366 7.683-26.093a9.717 9.717 0 00-15.38-11.881c-7.83 10.134-11.448 21.737-11.735 37.623-.271 15.024 3.831 26.461 12.19 34l.144.13a9.67 9.67 0 006.643 2.629z"></path>
+        <path class="kendoka-avatar-svg_svg__c"
+            d="M73.323 9.981c.035-.599 5.682-13.335 5.682-13.335l21.548 14.844z"></path>
+        <path
+            d="M10.736-102.434s.854-1.708.694-1.753-1.6-1.745-2.155-7.6 2.634-14.873 2.634-14.873-14.287-1.118-14.687-1.118-12.691 28.494-12.691 28.494l4.63 15.8s11.671-6.624 14.1-7.515a2.157 2.157 0 001.18-3.193l1.068-2.4-2.856-3.89 4.694.4z"
+            fill="#d80028"></path>
+        <path class="kendoka-avatar-svg_svg__c"
+            d="M91.729 42.553c.683.186 16.847 2.374 16.847 2.374l-6.825-22.905-6.585 3.273z"></path>
+    </g>
+    <path class="kendoka-avatar-svg_svg__c"
+        d="M54.993 49.949c.129 0 .247 0 .353-.009l-.064-1.267a6.106 6.106 0 01-3.443-.859 6.019 6.019 0 01-2.007-2.007l-1.082.661a7.3 7.3 0 002.431 2.431 7.389 7.389 0 003.812 1.05z"></path>
+    <path class="kendoka-avatar-svg_svg__g"
+        d="M52.406 23.838l-19.308-7.4c-4.123-2.086-8.385-3.28-11.464.18a9.975 9.975 0 01-14.365.66l-4.063-3.829-2.768 5.982 7.3 5.625a9.949 9.949 0 0014.22-1.435l1.3-1.61a9.861 9.861 0 0110.413-3.405z"></path>
+    <path class="kendoka-avatar-svg_svg__g"
+        d="M47.556 22.685l-14.558-.688a8.363 8.363 0 00-7.142 3.489l-2.48 3.366a8.3 8.3 0 01-10.326 2.7l-10.085-4.7-2.2 5.708 13.93 5.569a8.355 8.355 0 0010.403-3.682l2.984-5.043a8.589 8.589 0 015.786-4.157z"></path>
+    <g>
+        <path class="kendoka-avatar-svg_svg__i"
+            d="M64.471 56.233L77.646 69.41l-11.293 4.517-13.928-14.305V41.554h12.046z"></path>
+        <g transform="translate(16.665 15.58)">
+            <path class="kendoka-avatar-svg_svg__i"
+                d="M39.902 45.553l-18.069 15.81L0 52.7l12.267-9.813a7.434 7.434 0 002.79-5.805V25.974h24.845z"></path>
+            <path class="kendoka-avatar-svg_svg__f"
+                d="M24.334 0a23.661 23.661 0 0123.661 23.661v12.423a9.465 9.465 0 01-9.465 9.465 23.661 23.661 0 01-23.661-23.662V9.465A9.465 9.465 0 0124.334 0z"></path>
+            <path class="kendoka-avatar-svg_svg__j"
+                d="M24.545 25.825v-1.207A14.078 14.078 0 0138.622 10.54a14.015 14.015 0 018.6 2.933 18.834 18.834 0 01.775 5.349v17.5a14.023 14.023 0 01-9.374 3.581 14.077 14.077 0 01-14.078-14.078z"></path>
+            <g clip-path="url(#kendoka-avatar-svg_svg__b)" transform="translate(24.545 10.54)">
+                <path class="kendoka-avatar-svg_svg__j"
+                    d="M22.697 39.123l-4.41-4.539V7.663A12.974 12.974 0 005.313-5.311 12.975 12.975 0 00-7.665 7.663v29.021l-5.964 9.661 36.326-7.22"></path>
+            </g>
+            <path class="kendoka-avatar-svg_svg__a"
+                d="M22.398 21.268A18.821 18.821 0 0138.741 2.614a18.809 18.809 0 019.254 16.207v19.2a7.663 7.663 0 01-.047.827 18.822 18.822 0 01-25.55-17.58z"></path>
+            <path d="M47.431 28.986h-6.776v-11.67z" fill="#da6718"></path>
+            <path class="kendoka-avatar-svg_svg__m"
+                d="M15.434 14.681h33.502v1.506H15.434zM15.434 21.456h33.502v1.506H15.434zM21.833 35.008h27.103v1.506H21.833z"></path>
+            <rect class="kendoka-avatar-svg_svg__c" width="4.352" height="2.635" rx="1.318"
+                transform="translate(28.609 17.692)"></rect>
+            <path class="kendoka-avatar-svg_svg__m" d="M15.434 28.232h33.502v1.506H15.434z"></path>
+            <circle class="kendoka-avatar-svg_svg__i" cx="1.318" cy="1.318" r="1.318"
+                transform="translate(30.4 17.692)"></circle>
+            <rect class="kendoka-avatar-svg_svg__c" width="4.352" height="2.635" rx="1.318"
+                transform="translate(44.019 17.692)"></rect>
+            <circle class="kendoka-avatar-svg_svg__i" cx="1.318" cy="1.318" r="1.318"
+                transform="translate(45.811 17.692)"></circle>
+        </g>
+    </g>
+</svg>
diff --git a/examples/coffee-warehouse-nextjs/app/components/Header.jsx b/examples/coffee-warehouse-nextjs/app/components/Header.jsx
index 8973d2fb..5ddd0361 100644
--- a/examples/coffee-warehouse-nextjs/app/components/Header.jsx
+++ b/examples/coffee-warehouse-nextjs/app/components/Header.jsx
@@ -9,7 +9,7 @@ import { useLocalization } from "@progress/kendo-react-intl";
 import { locales } from "./../resources/locales";
 import Image from "next/image";
 
-import userAvatar from "../assets/userImage.png";
+import userAvatar from "../assets/userImage.svg";
 const noMessage = "message not defined";
 
 export const Header = (props) => {
diff --git a/examples/coffee-warehouse-nextjs/app/styles/_common.scss b/examples/coffee-warehouse-nextjs/app/styles/_common.scss
index cda7b43b..b265958c 100644
--- a/examples/coffee-warehouse-nextjs/app/styles/_common.scss
+++ b/examples/coffee-warehouse-nextjs/app/styles/_common.scss
@@ -60,7 +60,7 @@ a {
                 min-width: 105px;
             }
 
-            .k-label {
+            .k-floating-label {
                 display: none;
             }
         }
diff --git a/examples/coffee-warehouse-nextjs/package.json b/examples/coffee-warehouse-nextjs/package.json
index 9cd6e78d..38151aa2 100644
--- a/examples/coffee-warehouse-nextjs/package.json
+++ b/examples/coffee-warehouse-nextjs/package.json
@@ -15,27 +15,27 @@
     "@progress/kendo-data-query": "^1.7.0",
     "@progress/kendo-date-math": "^1.5.14",
     "@progress/kendo-drawing": "^1.21.2",
-    "@progress/kendo-licensing": "^1.3.5",
-    "@progress/kendo-react-buttons": "^9.0.0",
-    "@progress/kendo-react-charts": "^9.0.0",
-    "@progress/kendo-react-data-tools": "^9.0.0",
-    "@progress/kendo-react-dateinputs": "^9.0.0",
-    "@progress/kendo-react-dialogs": "^9.0.0",
-    "@progress/kendo-react-dropdowns": "^9.0.0",
-    "@progress/kendo-react-editor": "^9.0.0",
-    "@progress/kendo-react-excel-export": "^9.0.0",
-    "@progress/kendo-react-form": "^9.0.0",
-    "@progress/kendo-react-grid": "^9.0.0",
-    "@progress/kendo-react-indicators": "^9.0.0",
-    "@progress/kendo-react-inputs": "^9.0.0",
-    "@progress/kendo-react-intl": "^9.0.0",
-    "@progress/kendo-react-layout": "^9.0.0",
-    "@progress/kendo-react-pdf": "^9.0.0",
-    "@progress/kendo-react-progressbars": "^9.0.0",
-    "@progress/kendo-react-scheduler": "^9.0.0",
-    "@progress/kendo-react-treeview": "^9.0.0",
-    "@progress/kendo-react-upload": "^9.0.0",
-    "@progress/kendo-theme-default": "^10.0.1",
+    "@progress/kendo-licensing": "^1.5.1",
+    "@progress/kendo-react-buttons": "^10.0.0",
+    "@progress/kendo-react-charts": "^10.0.0",
+    "@progress/kendo-react-data-tools": "^10.0.0",
+    "@progress/kendo-react-dateinputs": "^10.0.0",
+    "@progress/kendo-react-dialogs": "^10.0.0",
+    "@progress/kendo-react-dropdowns": "^10.0.0",
+    "@progress/kendo-react-editor": "^10.0.0",
+    "@progress/kendo-react-excel-export": "^10.0.0",
+    "@progress/kendo-react-form": "^10.0.0",
+    "@progress/kendo-react-grid": "^10.0.0",
+    "@progress/kendo-react-indicators": "^10.0.0",
+    "@progress/kendo-react-inputs": "^10.0.0",
+    "@progress/kendo-react-intl": "^10.0.0",
+    "@progress/kendo-react-layout": "^10.0.0",
+    "@progress/kendo-react-pdf": "^10.0.0",
+    "@progress/kendo-react-progressbars": "^10.0.0",
+    "@progress/kendo-react-scheduler": "^10.0.0",
+    "@progress/kendo-react-treeview": "^10.0.0",
+    "@progress/kendo-react-upload": "^10.0.0",
+    "@progress/kendo-theme-default": "^10.3.1",
     "cldr-core": "44.0.1",
     "cldr-dates-full": "44.0.1",
     "cldr-numbers-full": "44.0.1",