@progress/kendo-theme-default 6.4.0-dev.1 → 6.4.0-dev.2

package/lib/swatches/default-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.1",
+    "version": "6.4.0-dev.2",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-dataviz-v4.json

@@ -3,7 +3,7 @@
     "name": "Default Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.1",
+    "version": "6.4.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ff6358",

package/lib/swatches/default-green.json

@@ -3,7 +3,7 @@
     "name": "Default Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.1",
+    "version": "6.4.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-main-dark.json

@@ -3,7 +3,7 @@
     "name": "Default Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.1",
+    "version": "6.4.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#000000",

package/lib/swatches/default-main.json

@@ -3,7 +3,7 @@
     "name": "Default Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.1",
+    "version": "6.4.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-nordic.json

@@ -3,7 +3,7 @@
     "name": "Default Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.1",
+    "version": "6.4.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-ocean-blue-a11y.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue A11Y",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.1",
+    "version": "6.4.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-ocean-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.1",
+    "version": "6.4.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-orange.json

@@ -3,7 +3,7 @@
     "name": "Default Orange",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.1",
+    "version": "6.4.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-purple.json

@@ -3,7 +3,7 @@
     "name": "Default Purple",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.1",
+    "version": "6.4.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Default Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.1",
+    "version": "6.4.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-urban.json

@@ -3,7 +3,7 @@
     "name": "Default Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.1",
+    "version": "6.4.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "6.4.0-dev.1",
+  "version": "6.4.0-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -38,6 +38,7 @@
   "scripts": {
     "build": "sass-build",
     "sass": "sass-build",
+    "sass:standalone": "sass-build -c sass-standalone.config.js",
     "docs": "node ../../scripts/sassdoc.js",
     "predocs": "npm run resolve-variables",
     "resolve-variables": "node ../../scripts/resolve-variables.js",
@@ -47,9 +48,9 @@
     "postpublish": "echo 'no postpublish for default theme'"
   },
   "dependencies": {
-    "@progress/kendo-font-icons": "1.4.2",
-    "@progress/kendo-theme-core": "6.4.0-dev.1",
-    "@progress/kendo-theme-utils": "6.4.0-dev.1"
+    "@progress/kendo-font-icons": "1.5.0",
+    "@progress/kendo-theme-core": "6.4.0-dev.2",
+    "@progress/kendo-theme-utils": "6.4.0-dev.2"
   },
-  "gitHead": "a4d65b253b00a333fea62e6217175ff79a8ac3b0"
+  "gitHead": "f915877b18051b4fdbf50faad26b14ec73852e46"
 }

package/scss/action-sheet/_layout.scss

@@ -160,9 +160,6 @@
         align-items: flex-start;
         gap: $kendo-actionsheet-item-spacing;
     }
-    .k-actionsheet-item-icon {
-        font-size: $kendo-actionsheet-item-icon-size;
-    }
     .k-actionsheet-item-text {
         display: flex;
         flex-flow: column nowrap;

package/scss/action-sheet/_variables.scss

@@ -47,8 +47,6 @@ $kendo-actionsheet-item-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
 $kendo-actionsheet-item-border-width: 1px !default;
 $kendo-actionsheet-item-spacing: 12px !default;
 
-$kendo-actionsheet-item-icon-size: null !default;
-
 $kendo-actionsheet-item-title-font-weight: null !default;
 $kendo-actionsheet-item-title-text-transform: null !default;
 

package/scss/avatar/_variables.scss

@@ -1,20 +1,20 @@
 // Avatar
 
-/// Border width of the avatar.
+/// The border width of the Avatar.
 /// @group avatar
 $kendo-avatar-border-width: 1px !default;
 
-/// Font family of the avatar.
+/// The font family of the Avatar.
 /// @group avatar
 $kendo-avatar-font-family: $kendo-font-family !default;
-/// Font size of the avatar.
+/// The font size of the Avatar.
 /// @group avatar
 $kendo-avatar-font-size: $kendo-font-size-md !default;
-/// Line height of the avatar.
+/// The line height of the Avatar.
 /// @group avatar
 $kendo-avatar-line-height: $kendo-line-height-md !default;
 
-/// The sizes of the avatar.
+/// The sizes map of the Avatar.
 /// @group avatar
 $kendo-avatar-sizes: (
     sm: k-map-get( $kendo-spacing, 4 ),
@@ -22,6 +22,6 @@ $kendo-avatar-sizes: (
     lg: k-map-get( $kendo-spacing, 16 )
 ) !default;
 
-/// Theme colors map of the avatar.
+/// The theme colors map of the Avatar.
 /// @group avatar
 $kendo-avatar-theme-colors: $kendo-theme-colors !default;

package/scss/badge/_variables.scss

@@ -1,50 +1,80 @@
 // Badge
 
-/// Width of the border around the badge.
+/// The width of the border around the Badge.
 /// @group badge
 $kendo-badge-border-width: 1px !default;
 
-/// Border radius of the badge.
+/// The border radius of the Badge.
 /// @group badge
 $kendo-badge-border-radius: $kendo-border-radius-md !default;
 
 
-/// Horizontal padding of the badge.
+/// The horizontal padding of the Badge.
 /// @group badge
 $kendo-badge-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+/// The horizontal padding of the small Badge.
+/// @group badge
 $kendo-badge-sm-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+/// The horizontal padding of the medium Badge.
+/// @group badge
 $kendo-badge-md-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+/// The horizontal padding of the large Badge.
+/// @group badge
 $kendo-badge-lg-padding-x: k-map-get( $kendo-spacing, 1.5 ) !default;
 
-/// Vertical padding of the badge.
+/// The vertical padding of the Badge.
 /// @group badge
 $kendo-badge-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+/// The vertical padding of the small Badge.
+/// @group badge
 $kendo-badge-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+/// The vertical padding of the medium Badge.
+/// @group badge
 $kendo-badge-md-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+/// The vertical padding of the large Badge.
+/// @group badge
 $kendo-badge-lg-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
 
-/// Font sizes of the badge.
+/// The font sizes of the Badge.
 /// @group badge
 $kendo-badge-font-size: $kendo-font-size-xs !default;
+/// The font size of the small Badge.
+/// @group badge
 $kendo-badge-sm-font-size: $kendo-font-size-xs !default;
+/// The font size of the medium Badge.
+/// @group badge
 $kendo-badge-md-font-size: $kendo-font-size-xs !default;
+/// The font size of the large Badge.
+/// @group badge
 $kendo-badge-lg-font-size: $kendo-font-size-xs !default;
 
-/// Line heights used along with $kendo-font-size.
+/// The line heights used along with the $kendo-font-size variable.
 /// @group badge
 $kendo-badge-line-height: 1 !default;
+/// The line height used along with the $kendo-font-size variable of the small Badge.
+/// @group badge
 $kendo-badge-sm-line-height: $kendo-badge-line-height !default;
+/// The line height used along with the $kendo-font-size variable of the medium Badge.
+/// @group badge
 $kendo-badge-md-line-height: $kendo-badge-line-height !default;
+/// The line height used along with the $kendo-font-size variable of the large Badge.
+/// @group badge
 $kendo-badge-lg-line-height: $kendo-badge-line-height !default;
 
-/// Badge min width used for circle badge.
+/// The calculated minimum width of the circular Badge.
 /// @group badge
 $kendo-badge-min-width: calc( #{$kendo-badge-line-height * 1em} + #{$kendo-badge-padding-y * 2} + #{$kendo-badge-border-width * 2}) !default;
+/// The calculated minimum width of the small circular Badge.
+/// @group badge
 $kendo-badge-sm-min-width: calc( #{$kendo-badge-sm-line-height * 1em} + #{$kendo-badge-sm-padding-y * 2} + #{$kendo-badge-border-width * 2} ) !default;
+/// The calculated minimum width of the medium circular Badge.
+/// @group badge
 $kendo-badge-md-min-width: calc( #{$kendo-badge-md-line-height * 1em} + #{$kendo-badge-md-padding-y * 2} + #{$kendo-badge-border-width * 2} ) !default;
+/// The calculated minimum width of the large circular Badge.
+/// @group badge
 $kendo-badge-lg-min-width: calc( #{$kendo-badge-lg-line-height * 1em} + #{$kendo-badge-lg-padding-y * 2} + #{$kendo-badge-border-width * 2} ) !default;
 
-/// Sizes map for the badge.
+/// The sizes map for the Badge.
 /// @group badge
 $kendo-badge-sizes: (
     sm: (

package/scss/bottom-navigation/_layout.scss

@@ -88,10 +88,6 @@
         background-color: initial;
     }
 
-    .k-bottom-nav-item-icon {
-        font-size: $kendo-bottom-nav-item-icon-size;
-    }
-
     .k-bottom-nav-item-text {
         overflow: hidden;
         text-overflow: ellipsis;

package/scss/bottom-navigation/_variables.scss

@@ -19,7 +19,6 @@ $kendo-bottom-nav-item-gap: 0 k-map-get( $kendo-spacing, 1 ) !default;
 
 $kendo-bottom-nav-item-icon-margin-y: k-map-get( $kendo-spacing, 2 ) !default;
 $kendo-bottom-nav-item-icon-margin-x: $kendo-bottom-nav-item-icon-margin-y !default;
-$kendo-bottom-nav-item-icon-size: k-map-get( $kendo-spacing, 6 ) !default;
 $kendo-bottom-nav-item-disabled-opacity: .5 !default;
 
 $kendo-bottom-nav-shadow: 0px 0px 5px rgba(0, 0, 0, .12) !default;

package/scss/breadcrumb/_layout.scss

@@ -99,7 +99,6 @@
     .k-breadcrumb-delimiter,
     .k-breadcrumb-delimiter-icon {
         color: inherit;
-        font-size: $kendo-breadcrumb-delimiter-icon-font-size;
         opacity: $kendo-disabled-opacity;
     }
 

package/scss/breadcrumb/_variables.scss

@@ -14,8 +14,6 @@ $kendo-breadcrumb-bg: $kendo-component-bg !default;
 $kendo-breadcrumb-text: $kendo-component-text !default;
 $kendo-breadcrumb-border: $kendo-component-border !default;
 
-$kendo-breadcrumb-delimiter-icon-font-size: $kendo-icon-size * .75 !default;
-
 $kendo-breadcrumb-link-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 $kendo-breadcrumb-link-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
 $kendo-breadcrumb-link-border-radius: $kendo-border-radius-md !default;

package/scss/button/_variables.scss

@@ -51,16 +51,16 @@ $kendo-button-md-font-size: $kendo-button-font-size !default;
 /// @group button
 $kendo-button-lg-font-size: $kendo-font-size-lg !default;
 
-/// The line height used along with $kendo-font-size.
+/// The line height used along with the $kendo-font-size the.
 /// @group button
 $kendo-button-line-height: $kendo-line-height-md !default;
-/// The line height used along with the $kendo-font-size of the small Button.
+/// The line height used along with the $kendo-font-size the of the small Button.
 /// @group button
 $kendo-button-sm-line-height: $kendo-line-height-md !default;
-/// The line height used along with the $kendo-font-size of the medium Button.
+/// The line height used along with the $kendo-font-size the of the medium Button.
 /// @group button
 $kendo-button-md-line-height: $kendo-button-line-height !default;
-/// The line height used along with the $kendo-font-size of the large Button.
+/// The line height used along with the $kendo-font-size the of the large Button.
 /// @group button
 $kendo-button-lg-line-height: $kendo-line-height-lg !default;
 

package/scss/chip/_layout.scss

@@ -79,7 +79,6 @@
 
     // Chip icon
     .k-chip-icon {
-        font-size: inherit;
         display: flex;
         align-items: center;
         justify-content: center;

package/scss/drawer/_layout.scss

@@ -165,16 +165,6 @@
             }
         }
 
-        .k-icon {
-            height: auto;
-            font-size: $kendo-drawer-icon-size;
-        }
-
-        .k-svg-icon {
-            width: $kendo-drawer-icon-size;
-            height: $kendo-drawer-icon-size;
-        }
-
         .k-item-text {
             display: inline-block;
             white-space: nowrap;

package/scss/drawer/_variables.scss

@@ -23,11 +23,10 @@ $kendo-drawer-item-line-height: $kendo-line-height-lg !default;
 $kendo-drawer-item-level-padding-x: $kendo-drawer-item-padding-x !default;
 $kendo-drawer-item-level-count: 5 !default;
 
-$kendo-drawer-icon-size: $kendo-icon-size !default;
 $kendo-drawer-icon-padding-x: 0 !default;
 $kendo-drawer-icon-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 
-$kendo-drawer-mini-initial-width: calc(2 * #{$kendo-drawer-item-padding-x} + #{$kendo-drawer-icon-size}) !default;
+$kendo-drawer-mini-initial-width: calc(2 * #{$kendo-drawer-item-padding-x} + #{$kendo-icon-size}) !default;
 
 $kendo-drawer-hover-bg: $kendo-hover-bg !default;
 $kendo-drawer-hover-text: $kendo-hover-text !default;

package/scss/dropdowntree/_variables.scss

@@ -1,3 +1,8 @@
 // Dropdowntree
+
+/// The horizontal padding of the DropdownTree popup
+/// @group dropdowntree
 $kendo-dropdowntree-popup-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+/// The vertical padding of the DropdownTree popup
+/// @group dropdowntree
 $kendo-dropdowntree-popup-padding-y: k-map-get( $kendo-spacing, 2 ) !default;

package/scss/dropzone/_layout.scss

@@ -24,15 +24,8 @@
         justify-content: center;
         position: relative;
 
-        .k-icon,
         .k-dropzone-icon {
             margin-bottom: $kendo-dropzone-icon-spacing;
-            font-size: $kendo-dropzone-icon-size;
-        }
-
-        .k-svg-icon {
-            width: $kendo-dropzone-icon-size;
-            height: $kendo-dropzone-icon-size;
         }
 
         .k-dropzone-hint {

package/scss/dropzone/_variables.scss

@@ -13,7 +13,6 @@ $kendo-dropzone-bg: $kendo-base-bg !default;
 $kendo-dropzone-text: $kendo-base-text !default;
 $kendo-dropzone-border: $kendo-base-border !default;
 
-$kendo-dropzone-icon-size: ( $kendo-icon-size * 3 ) !default;
 $kendo-dropzone-icon-spacing: k-map-get( $kendo-spacing, 6 ) !default;
 $kendo-dropzone-icon-text: k-try-tint( $kendo-dropzone-text, 4 ) !default;
 $kendo-dropzone-icon-hover-text: $kendo-color-primary !default;

package/scss/fab/_variables.scss

@@ -1,90 +1,102 @@
 // Floating Action Button
 
-/// Width of the border around the FAB.
+/// The width of the border around the FAB.
 /// @group floating-action-button
 $kendo-fab-border-width: 1px !default;
-/// Border radius of the FAB.
+/// The border radius of the FAB.
 /// @group floating-action-button
 $kendo-fab-border-radius: $kendo-border-radius-md !default;
 
-/// Font family of the FAB.
+/// The font family of the FAB.
 /// @group floating-action-button
 $kendo-fab-font-family: $kendo-font-family !default;
-/// Font size of the FAB.
+/// The font size of the FAB.
 /// @group floating-action-button
 $kendo-fab-font-size: $kendo-font-size-md !default;
-/// Line height of the FAB.
+/// The line height of the FAB.
 /// @group floating-action-button
 $kendo-fab-line-height: $kendo-line-height-md !default;
 
-/// Horizontal padding of the FAB.
+/// The horizontal padding of the FAB.
 /// @group floating-action-button
 $kendo-fab-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+/// The horizontal padding of the small FAB.
+/// @group floating-action-button
 $kendo-fab-sm-padding-x: k-math-div( $kendo-fab-padding-x, 2 ) !default;
+/// The horizontal padding of the medium FAB.
+/// @group floating-action-button
 $kendo-fab-md-padding-x: $kendo-fab-padding-x !default;
+/// The horizontal padding of the large FAB.
+/// @group floating-action-button
 $kendo-fab-lg-padding-x: ( $kendo-fab-padding-x * 1.5 ) !default;
 
-/// Vertical padding of the FAB.
+/// The vertical padding of the FAB.
 /// @group floating-action-button
 $kendo-fab-padding-y: $kendo-fab-padding-x !default;
+/// The vertical padding of the small FAB.
+/// @group floating-action-button
 $kendo-fab-sm-padding-y: k-math-div( $kendo-fab-padding-y, 2 ) !default;
+/// The vertical padding of the medium FAB.
+/// @group floating-action-button
 $kendo-fab-md-padding-y: $kendo-fab-padding-y !default;
+/// The vertical padding of the large FAB.
+/// @group floating-action-button
 $kendo-fab-lg-padding-y: ( $kendo-fab-padding-y * 1.5 ) !default;
 
-/// Horizontal padding of the FAB icon.
+/// The horizontal padding of the FAB icon.
 /// @group floating-action-button
 $kendo-fab-icon-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
-/// Vertical padding of the FAB icon.
+/// The vertical padding of the FAB icon.
 /// @group floating-action-button
 $kendo-fab-icon-padding-y: $kendo-fab-icon-padding-x !default;
-/// FAB icon spacing.
+/// The spacing of the FAB icon.
 /// @group floating-action-button
 $kendo-fab-icon-spacing: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
 
-/// FAB items horizontal padding.
+/// The horizontal padding of the FAB items.
 /// @group floating-action-button
 $kendo-fab-items-padding-x: 0px !default;
-/// FAB items vertical padding.
+/// The vertical padding of the FAB items.
 /// @group floating-action-button
 $kendo-fab-items-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
 
-/// FAB item text horizontal padding.
+/// The horizontal padding of the FAB item text.
 /// @group floating-action-button
 $kendo-fab-item-text-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
-/// FAB item text vertical padding.
+/// The vertical padding of the FAB item text.
 /// @group floating-action-button
 $kendo-fab-item-text-padding-y: $kendo-fab-item-text-padding-x !default;
-/// Width of the FAB item text border.
+/// The width of the FAB item text border.
 /// @group floating-action-button
 $kendo-fab-item-text-border-width: 1px !default;
-/// Border radius of the FAB item text.
+/// The border radius of the FAB item text.
 /// @group floating-action-button
 $kendo-fab-item-text-border-radius: 2px !default;
-/// Font size of the FAB item text.
+/// The font size of the FAB item text.
 /// @group floating-action-button
 $kendo-fab-item-text-font-size: $kendo-font-size-xs !default;
-/// Line height of the FAB item text.
+/// The line height of the FAB item text.
 /// @group floating-action-button
 $kendo-fab-item-text-line-height: 1.2 !default;
 
-/// FAB item icon horizontal padding.
+/// The horizontal padding of the FAB item icon.
 /// @group floating-action-button
 $kendo-fab-item-icon-padding-x: k-map-get( $kendo-spacing, 2 ) + $kendo-fab-icon-padding-x !default;
-/// FAB item icon vertical padding.
+/// The vertical padding of the FAB item icon.
 /// @group floating-action-button
 $kendo-fab-item-icon-padding-y: $kendo-fab-item-icon-padding-x !default;
-/// Width of the FAB item icon border.
+/// The width of the FAB item icon border.
 /// @group floating-action-button
 $kendo-fab-item-icon-border-width: 0 !default;
-/// Border radius of the FAB item icon.
+/// The border radius of the FAB item icon.
 /// @group floating-action-button
 $kendo-fab-item-icon-border-radius: 50% !default;
 
-/// Theme colors map for the FAB.
+/// The theme colors map for the FAB.
 /// @group floating-action-button
 $kendo-fab-theme-colors: $kendo-theme-colors !default;
 
-/// Size map for the FAB.
+/// The size map for the FAB.
 /// @group floating-action-button
 $kendo-fab-sizes: (
     sm: (
@@ -104,10 +116,10 @@ $kendo-fab-sizes: (
 /// The base shadow of the FAB.
 /// @group floating-action-button
 $kendo-fab-shadow: 0 6px 10px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12), 0 3px 5px rgba(0, 0, 0, .2) !default;
-/// The disabled shadow of the FAB.
+/// The shadow of the disabled FAB.
 /// @group floating-action-button
 $kendo-fab-disabled-shadow: 0 6px 10px k-try-tint( rgba(0, 0, 0, .14), .5 ), 0 1px 18px k-try-tint( rgba(0, 0, 0, .12), .5 ), 0 3px 5px k-try-tint( rgba(0, 0, 0, .2), .5 ) !default;
-/// The active shadow of the FAB.
+/// The shadow of the active FAB.
 /// @group floating-action-button
 $kendo-fab-active-shadow: null !default;
 /// The outline style of the FAB.
@@ -140,10 +152,10 @@ $kendo-fab-item-icon-border: $kendo-button-border !default;
 /// The base shadow of the FAB item.
 /// @group floating-action-button
 $kendo-fab-item-shadow: $kendo-fab-shadow !default;
-/// The disabled shadow of the FAB item.
+/// The shadow of the disabled FAB item.
 /// @group floating-action-button
 $kendo-fab-item-disabled-shadow: $kendo-fab-disabled-shadow !default;
-/// The active shadow of the FAB item.
+/// The shadow of the active FAB item.
 /// @group floating-action-button
 $kendo-fab-item-active-shadow: $kendo-fab-active-shadow !default;
 /// The outline style of the FAB item.

package/scss/filemanager/_layout.scss

@@ -101,11 +101,6 @@
             justify-content: center;
         }
 
-        // File icon
-        .k-file-icon {
-            font-size: $kendo-file-manager-listview-item-icon-size;
-        }
-
         // File name
         .k-file-name {
             margin-top: k-math-div( $kendo-file-manager-spacer, 2 );
@@ -152,7 +147,7 @@
     .k-filemanager-preview {
         padding: ($kendo-file-manager-preview-padding-y * 3) $kendo-file-manager-preview-padding-x $kendo-file-manager-preview-padding-y;
         width: $kendo-file-manager-preview-width;
-        min-height: calc( #{$kendo-file-manager-preview-padding-y * 4} + #{$kendo-file-manager-preview-icon-size * 2} + #{$kendo-file-manager-preview-spacing * 3} );
+        min-height: calc( #{$kendo-file-manager-preview-padding-y * 4} + #{$kendo-icon-size-xxxl} * 2 + #{$kendo-file-manager-preview-spacing * 3} );
         border-width: 0;
         border-left-width: $kendo-file-manager-preview-border-width;
         border-style: solid;
@@ -169,11 +164,6 @@
             justify-content: center;
         }
 
-        // File icon
-        .k-file-icon {
-            font-size: $kendo-file-manager-preview-icon-size;
-        }
-
         // File name
         .k-file-name {
             margin-top: $kendo-file-manager-preview-spacing;

package/scss/filemanager/_variables.scss

@@ -41,7 +41,6 @@ $kendo-file-manager-listview-item-bg: null !default;
 $kendo-file-manager-listview-item-text: null !default;
 $kendo-file-manager-listview-item-border: null !default;
 
-$kendo-file-manager-listview-item-icon-size: ($kendo-icon-size * 3) !default;
 $kendo-file-manager-listview-item-icon-bg: null !default;
 $kendo-file-manager-listview-item-icon-text: k-try-tint($kendo-file-manager-text, 4) !default;
 $kendo-file-manager-listview-item-icon-border: null !default;
@@ -63,7 +62,6 @@ $kendo-file-manager-preview-bg: null !default;
 $kendo-file-manager-preview-text: null !default;
 $kendo-file-manager-preview-border: null !default;
 
-$kendo-file-manager-preview-icon-size: ($kendo-icon-size * 6) !default;
 $kendo-file-manager-preview-icon-bg: null !default;
 $kendo-file-manager-preview-icon-text: k-try-tint($kendo-file-manager-text, 4) !default;
 $kendo-file-manager-preview-icon-border: null !default;