feat: detach font icons from the themes

BREAKING CHANGE: detach font icons from the themes Starting with the R3 2023 release, the font icons font is no longer bundled in the themes distribution. This is done as part of a series of improvements related to content security policy(CSP). Continue using font icons in your project can still be achieved by loading the font and related styles separately through CDN or directly from the kendo-font-icons package. * Add a k-font-icon class for all font icons * Add a k-icon class for all svg icons
telerik · Sep 26, 2023 · de49a95 · de49a95
1 parent b54adcd
commit de49a95
Show file tree

Hide file tree

Showing 75 changed files with 293 additions and 519 deletions.
diff --git a/packages/bootstrap/package-lock.json b/packages/bootstrap/package-lock.json
diff --git a/packages/bootstrap/package.json b/packages/bootstrap/package.json
@@ -50,7 +50,7 @@
     "postpublish": "echo 'no postpublish for bootstrap theme'"
   },
   "dependencies": {
-    "@progress/kendo-font-icons": "1.9.0",
+    "@progress/kendo-svg-icons": "2.0.0",
     "@progress/kendo-theme-core": "7.0.0-dev.0",
     "@progress/kendo-theme-default": "7.0.0-dev.0",
     "@progress/kendo-theme-utils": "7.0.0-dev.0",

diff --git a/packages/bootstrap/scss/grid/_theme.scss b/packages/bootstrap/scss/grid/_theme.scss
@@ -142,8 +142,7 @@
         .k-grid-filter,
         .k-header-column-menu,
         .k-grid-header-menu,
-        .k-hierarchy-cell .k-icon,
-        .k-hierarchy-cell .k-svg-icon {
+        .k-hierarchy-cell .k-icon {
             &:focus,
             &.k-focus {
                 box-shadow: inset 0 0 0 2px rgba( black, .1 );

diff --git a/packages/classic/package-lock.json b/packages/classic/package-lock.json
diff --git a/packages/classic/package.json b/packages/classic/package.json
@@ -50,7 +50,7 @@
     "postpublish": "echo 'no postpublish for classic theme'"
   },
   "dependencies": {
-    "@progress/kendo-font-icons": "1.9.0",
+    "@progress/kendo-svg-icons": "2.0.0",
     "@progress/kendo-theme-core": "7.0.0-dev.0",
     "@progress/kendo-theme-default": "7.0.0-dev.0",
     "@progress/kendo-theme-utils": "7.0.0-dev.0"

diff --git a/packages/default/package-lock.json b/packages/default/package-lock.json
diff --git a/packages/default/package.json b/packages/default/package.json
@@ -49,7 +49,7 @@
     "postpublish": "echo 'no postpublish for default theme'"
   },
   "dependencies": {
-    "@progress/kendo-font-icons": "1.9.0",
+    "@progress/kendo-svg-icons": "2.0.0",
     "@progress/kendo-theme-core": "7.0.0-dev.0",
     "@progress/kendo-theme-utils": "7.0.0-dev.0"
   }

diff --git a/packages/default/scss/breadcrumb/_layout.scss b/packages/default/scss/breadcrumb/_layout.scss
@@ -76,8 +76,7 @@
     }
 
     .k-breadcrumb-link > .k-image,
-    .k-breadcrumb-icontext-link .k-icon,
-    .k-breadcrumb-icontext-link .k-svg-icon {
+    .k-breadcrumb-icontext-link .k-icon {
         margin-inline-end: $kendo-breadcrumb-link-icon-spacing;
     }
 

diff --git a/packages/default/scss/colorgradient/_layout.scss b/packages/default/scss/colorgradient/_layout.scss
@@ -167,14 +167,12 @@
             align-items: center;
             gap: k-math-div( $kendo-color-gradient-contrast-spacer, 2 );
 
-            .k-icon,
-            .k-svg-icon {
+            .k-icon {
                 vertical-align: middle;
             }
 
             // Needed for the double check icons
             .k-icon + .k-icon,
-            .k-svg-icon + .k-svg-icon,
             .k-icon-wrapper-host + .k-icon-wrapper-host .k-icon {
                 margin-inline-start: -13px;
             }

diff --git a/packages/default/scss/drawer/_layout.scss b/packages/default/scss/drawer/_layout.scss
@@ -153,7 +153,6 @@
             gap: $kendo-drawer-item-padding-x;
         }
 
-        .k-svg-icon,
         .k-icon {
             flex-shrink: 0;
             padding-inline: $kendo-drawer-icon-padding-x;