@progress/kendo-theme-classic 5.12.1-dev.1 → 5.12.1-dev.2

package/lib/swatches/classic-green-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Green Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.12.1-dev.1",
+    "version": "5.12.1-dev.2",
     "previewColors": [
         "#000000",
         "#131413",

package/lib/swatches/classic-green.json

@@ -3,7 +3,7 @@
     "name": "Classic Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.12.1-dev.1",
+    "version": "5.12.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f3f4f3",

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

@@ -3,7 +3,7 @@
     "name": "Classic Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.12.1-dev.1",
+    "version": "5.12.1-dev.2",
     "previewColors": [
         "#000000",
         "#101010",

package/lib/swatches/classic-main.json

@@ -3,7 +3,7 @@
     "name": "Classic Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.12.1-dev.1",
+    "version": "5.12.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f0f0f0",

package/lib/swatches/classic-opal-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Opal Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.12.1-dev.1",
+    "version": "5.12.1-dev.2",
     "previewColors": [
         "#000000",
         "#1e242d",

package/lib/swatches/classic-opal.json

@@ -3,7 +3,7 @@
     "name": "Classic Opal",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.12.1-dev.1",
+    "version": "5.12.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#def4fd",

package/lib/swatches/classic-silver-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Silver Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.12.1-dev.1",
+    "version": "5.12.1-dev.2",
     "previewColors": [
         "#000000",
         "#131314",

package/lib/swatches/classic-silver.json

@@ -3,7 +3,7 @@
     "name": "Classic Silver",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.12.1-dev.1",
+    "version": "5.12.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f3f3f4",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-classic",
   "description": "Sass port of less based themes for Kendo UI theme",
-  "version": "5.12.1-dev.1",
+  "version": "5.12.1-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -48,10 +48,10 @@
     "postpublish": "echo 'no postpublish for classic theme'"
   },
   "dependencies": {
-    "@progress/kendo-font-icons": "^0.6.0",
-    "@progress/kendo-theme-core": "^5.12.1-dev.1",
-    "@progress/kendo-theme-default": "^5.12.1-dev.1",
-    "@progress/kendo-theme-utils": "^5.12.1-dev.1"
+    "@progress/kendo-font-icons": "^1.0.0",
+    "@progress/kendo-theme-core": "^5.12.1-dev.2",
+    "@progress/kendo-theme-default": "^5.12.1-dev.2",
+    "@progress/kendo-theme-utils": "^5.12.1-dev.2"
   },
-  "gitHead": "1810e01c441cc3328d74864b2bfcb82167a3a0c1"
+  "gitHead": "14365a5e53996a453f9d6ad72894a3e4666e6ede"
 }

package/scss/_variables.scss

@@ -6,6 +6,7 @@ $kendo-enable-rounded: true !default;
 $kendo-enable-shadows: true !default;
 $kendo-enable-gradients: true !default;
 $kendo-enable-transitions: true !default;
+$kendo-enable-focus-contrast: false !default;
 
 $kendo-use-input-button-width: false !default;
 $kendo-use-input-spinner-width: false !default;
@@ -13,10 +14,6 @@ $kendo-use-input-spinner-icon-offset: false !default;
 
 
 // Spacing
-$spacer: 1em !default;
-$spacer-x: $spacer !default;
-$spacer-y: $spacer !default;
-
 $kendo-spacing: (
     // sass-lint:disable-block leading-zero
     0: 0,
@@ -59,15 +56,18 @@ $default-scrollbar-width: 17px !default;
 
 
 // Icons
-$icon-size: 16px !default;
-$icon-size-lg: 32px !default;
-$icon-spacing: k-map-get( $kendo-spacing, 1 ) !default;
-$icon-padding: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-icon-size: 16px !default;
+
+$kendo-icon-size-xs: calc( #{$kendo-icon-size} * .75 ) !default;
+$kendo-icon-size-sm: calc( #{$kendo-icon-size} * .875 ) !default;
+$kendo-icon-size-md: $kendo-icon-size !default;
+$kendo-icon-size-lg: calc( #{$kendo-icon-size} * 1.25 ) !default;
+$kendo-icon-size-xl: calc( #{$kendo-icon-size} * 1.5 ) !default;
+$kendo-icon-size-xxl: calc( #{$kendo-icon-size} * 2 ) !default;
+$kendo-icon-size-xxxl: calc( #{$kendo-icon-size} * 3 ) !default;
 
-/// The URL to the icon font that will be used by the theme
-/// The default value of `null` embeds the package font with a `data:` URL
-/// @group icons
-$icon-font-url: null !default;
+$kendo-icon-spacing: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-icon-padding: k-map-get( $kendo-spacing, 1 ) !default;
 
 
 // Metrics
@@ -86,6 +86,15 @@ $kendo-border-radius-sm: k-math-div( $kendo-border-radius, 2 ) !default;
 $kendo-border-radius-md: $kendo-border-radius !default;
 $kendo-border-radius-lg: $kendo-border-radius * 2 !default;
 
+$kendo-border-radii: (
+    DEFAULT: $kendo-border-radius-md,
+    0: 0,
+    sm: $kendo-border-radius-sm,
+    md: $kendo-border-radius-md,
+    lg: $kendo-border-radius-lg,
+    full: 9999px
+) !default;
+
 
 $kendo-zindex-popup: 1 !default;
 $kendo-zindex-window: 2 !default;
@@ -193,6 +202,53 @@ $kendo-theme-colors: (
 ) !default;
 
 
+// Typography
+
+/// Base font size across all components.
+/// @group typography
+$font-size: 14px !default;
+$font-size-xs: 10px !default;
+$font-size-sm: 12px !default;
+$font-size-md: $font-size !default;
+$font-size-lg: 16px !default;
+$font-size-xl: 20px !default;
+
+$kendo-font-sizes: (
+    xs: $font-size-xs,
+    sm: $font-size-sm,
+    md: $font-size-md,
+    lg: $font-size-lg,
+    xl: $font-size-xl
+) !default;
+
+/// Font family across all components.
+/// @group typography
+$font-family: inherit !default;
+
+/// Font family for monospaced text. Used for styling the code.
+/// @group typography
+$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Roboto Mono", "Ubuntu Mono", "Lucida Console", "Courier New", monospace !default;
+
+/// Line height used along with $font-size.
+/// @group typography
+$line-height: k-math-div( 20, 14 ) !default;
+$line-height-xs: 1 !default;
+$line-height-sm: 1.25 !default;
+$line-height-md: $line-height !default;
+$line-height-lg: 1.5 !default;
+$line-height-em: calc( #{$line-height} * 1em ) !default;
+
+
+// Font weight
+$font-weight-light: 300 !default;
+$font-weight-normal: 400 !default;
+$font-weight-bold: 700 !default;
+
+
+// Letter Spacing
+$letter-spacing: null !default;
+
+
 // Root styles
 $kendo-body-bg: $kendo-color-white !default;
 $kendo-body-text: #272727 !default;
@@ -267,13 +323,9 @@ $kendo-disabled-styling: (
 ) !default;
 
 
-
 // Generic styles
 
 // TODO: refactor once we extract drag drop as separate module
-$font-size: 14px !default;
-$font-family: inherit !default;
-$line-height: k-math-div( 20, 14 ) !default;
 
 
 // Header

package/scss/action-sheet/_variables.scss

@@ -1,4 +1,5 @@
 // Action sheet
+
 $actionsheet-padding-x: null !default;
 $actionsheet-padding-y: null !default;
 $actionsheet-width: 360px !default;

package/scss/badge/_index.scss

@@ -2,7 +2,7 @@
 
 
 // Dependencies
-@import "../utils/_position.scss";
+// @import "../utils/_position.scss";
 @import "../icons/_index.scss";
 
 

package/scss/badge/_variables.scss

@@ -1,4 +1,5 @@
 // Badge
+
 /// Width of the border around the badge.
 /// @group badge
 $kendo-badge-border-width: 1px !default;

package/scss/bottom-navigation/_index.scss

@@ -3,7 +3,7 @@
 
 // Dependencies
 @import "../common/_index.scss";
-@import "../utils/_position.scss";
+// @import "../utils/_position.scss";
 @import "../icons/_index.scss";
 
 

package/scss/bottom-navigation/_variables.scss

@@ -13,7 +13,7 @@ $bottom-nav-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 $bottom-nav-item-padding-y: 0 !default;
 $bottom-nav-item-min-width: 72px !default;
 $bottom-nav-item-max-width: null !default;
-$bottom-nav-item-min-height: calc( #{$icon-size * 2.5} + #{$kendo-padding-md-x * 2} - #{$bottom-nav-padding-x * 2} ) !default;
+$bottom-nav-item-min-height: calc( #{$kendo-icon-size * 2.5} + #{$kendo-padding-md-x * 2} - #{$bottom-nav-padding-x * 2} ) !default;
 $bottom-nav-item-border-radius: $kendo-border-radius-md !default;
 $bottom-nav-item-gap: 0 k-map-get( $kendo-spacing, 1 ) !default;
 

package/scss/breadcrumb/_variables.scss

@@ -1,4 +1,8 @@
+@import "../typography/_variables.scss";
+
+
 // Breadcrumb
+
 $breadcrumb-margin-x: null !default;
 $breadcrumb-margin-y: null !default;
 $breadcrumb-padding-x: null !default;
@@ -13,7 +17,7 @@ $breadcrumb-bg: $kendo-component-bg !default;
 $breadcrumb-text: $kendo-component-text !default;
 $breadcrumb-border: $kendo-component-border !default;
 
-$breadcrumb-delimiter-icon-font-size: $icon-size * .75 !default;
+$breadcrumb-delimiter-icon-font-size: $kendo-icon-size * .75 !default;
 
 $breadcrumb-link-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 $breadcrumb-link-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
@@ -23,7 +27,7 @@ $breadcrumb-icon-link-padding-x: $breadcrumb-link-padding-x !default;
 $breadcrumb-icon-link-padding-y: $breadcrumb-icon-link-padding-x !default;
 
 $breadcrumb-root-link-spacing: $breadcrumb-link-padding-x !default;
-$breadcrumb-link-icon-spacing: $icon-spacing !default;
+$breadcrumb-link-icon-spacing: $kendo-icon-spacing !default;
 
 $breadcrumb-link-initial-text: inherit !default;
 

package/scss/button/_index.scss

@@ -4,7 +4,7 @@
 // Dependencies
 @import "../badge/_index.scss";
 @import "../icons/_index.scss";
-@import "../typography/_variables.scss";
+
 
 // Component
 @import "./_variables.scss";

package/scss/button/_variables.scss

@@ -221,6 +221,9 @@ $kendo-flat-button-active-opacity: .16 !default;
 /// The overlay opacity of selected flat button. Used to create background for the flat button.
 /// @group button
 $kendo-flat-button-selected-opacity: .2 !default;
+/// The opacity of the flat button focus ring. Used to create border for the flat button.
+/// @group button
+$kendo-flat-button-focus-ring-opacity: .12 !default;
 
 /// The color transition of the flat button.
 /// @group button

package/scss/calendar/_variables.scss

@@ -1,4 +1,8 @@
+@import "../typography/_variables.scss";
+
+
 // Calendar
+
 $calendar-border-width: 1px !default;
 $calendar-font-family: $font-family !default;
 $calendar-font-size: $font-size !default;

package/scss/captcha/_index.scss

@@ -2,7 +2,7 @@
 
 
 // Dependencies
-@import "../utils/_index.scss";
+// @import "../utils/_index.scss";
 @import "../common/_index.scss";
 @import "../icons/_index.scss";
 @import "../input/_index.scss";

package/scss/card/_index.scss

@@ -3,8 +3,8 @@
 
 // Dependencies
 @import "../common/_index.scss";
-@import "../utils/_flex.scss";
-@import "../utils/_grid.scss";
+// @import "../utils/_flex.scss";
+// @import "../utils/_grid.scss";
 @import "../action-buttons/_index.scss";
 @import "../icons/_index.scss";
 @import "../typography/_index.scss";

package/scss/checkbox/_index.scss

@@ -2,8 +2,6 @@
 
 
 // Dependencies
-@import "../typography/_variables.scss";
-@import "../list/_variables.scss";
 
 
 // Component

package/scss/checkbox/_variables.scss

@@ -1,3 +1,6 @@
+@import "../list/_variables.scss";
+
+
 // Checkbox
 
 /// Border width of checkbox.

package/scss/chip/_index.scss

@@ -3,7 +3,6 @@
 
 // Dependencies
 @import "../icons/_index.scss";
-@import "../button/_variables.scss";
 
 
 // Component

package/scss/chip/_variables.scss

@@ -1,3 +1,6 @@
+@import "../button/_variables.scss";
+
+
 // Chip
 
 /// Width of the border around the button.

package/scss/colorgradient/_index.scss

@@ -3,8 +3,8 @@
 
 // Dependencies
 @import "../common/_index.scss";
-@import "../utils/_flex.scss";
-@import "../utils/_spacer.scss";
+// @import "../utils/_flex.scss";
+// @import "../utils/_spacer.scss";
 @import "../icons/_index.scss";
 @import "../button/_index.scss";
 @import "../slider/_index.scss";

package/scss/colorpalette/_index.scss

@@ -3,7 +3,7 @@
 
 // Dependencies
 @import "../common/_index.scss";
-@import "../utils/_flex.scss";
+// @import "../utils/_flex.scss";
 
 
 // Component

package/scss/common/_index.scss

@@ -1,5 +1,3 @@
-@import "../typography/_variables.scss";
-
 @import "./_base.scss";
 @import "./_animations.scss";
 @import "./_resizing.scss";

package/scss/dataviz/_index.scss

@@ -5,7 +5,6 @@
 @import "../common/_index.scss";
 @import "../popup/_index.scss";
 @import "../tooltip/_index.scss";
-@import "../button/_variables.scss";
 
 
 // Component

package/scss/dataviz/_variables.scss

@@ -1,4 +1,8 @@
+@import "../button/_variables.scss";
+
+
 // Chart
+
 /// The first base series color and its light and dark shades.
 /// @group charts
 $series-a: #ff6358 !default;

package/scss/drawer/_variables.scss

@@ -23,7 +23,7 @@ $kendo-drawer-item-line-height: $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: $icon-size !default;
+$kendo-drawer-icon-size: $kendo-icon-size !default;
 
 $kendo-drawer-mini-initial-width: calc( 2 * #{$kendo-drawer-item-padding-x} + #{$kendo-drawer-icon-size} ) !default;
 

package/scss/dropdowngrid/_index.scss

@@ -3,17 +3,14 @@
 
 // Dependencies
 @import "../common/_index.scss";
-@import "../table/_index.scss";
-@import "../input/_index.scss";
 @import "../floating-label/_index.scss";
-@import "../combobox/_index.scss";
+@import "../icons/_index.scss";
+@import "../input/_index.scss";
 @import "../popup/_index.scss";
-@import "../toolbar/_variables.scss";
-@import "../menu/_variables.scss";
-@import "../chip/_variables.scss";
-@import "../grid/_variables.scss";
+@import "../table/_index.scss";
 
 
 // Component
+@import "./_variables.scss";
 @import "./_layout.scss";
 @import "./_theme.scss";

package/scss/dropdowngrid/_variables.scss

@@ -0,0 +1 @@
+// Dropdown grid

package/scss/dropzone/_variables.scss

@@ -1,4 +1,5 @@
 // Dropzone
+
 $dropzone-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 $dropzone-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
 $dropzone-border-width: 1px !default;
@@ -12,7 +13,7 @@ $dropzone-bg: $base-bg !default;
 $dropzone-text: $base-text !default;
 $dropzone-border: $base-border !default;
 
-$dropzone-icon-size: ( $icon-size * 3 ) !default;
+$dropzone-icon-size: ( $kendo-icon-size * 3 ) !default;
 $dropzone-icon-spacing: k-map-get( $kendo-spacing, 6 ) !default;
 $dropzone-icon-text: k-try-tint( $dropzone-text, 4 ) !default;
 $dropzone-icon-hover-text: $kendo-color-primary !default;

package/scss/expansion-panel/_index.scss

@@ -3,8 +3,8 @@
 
 // Dependencies
 @import "../common/_index.scss";
-@import "../utils/_display.scss";
-@import "../utils/_spacer.scss";
+// @import "../utils/_display.scss";
+// @import "../utils/_spacer.scss";
 @import "../icons/_index.scss";
 @import "../list/_index.scss";
 

package/scss/fab/_index.scss

@@ -3,7 +3,7 @@
 
 // Dependencies
 @import "../common/_index.scss";
-@import "../utils/_position.scss";
+// @import "../utils/_position.scss";
 @import "../icons/_index.scss";
 @import "../button/_index.scss";
 @import "../badge/_index.scss";

package/scss/filemanager/_variables.scss

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

package/scss/forms/_index.scss

@@ -3,12 +3,8 @@
 
 // Dependencies // TODO: extract variables
 @import "../common/_index.scss";
-@import "../tooltip/_variables.scss";
-@import "../button/_variables.scss";
-@import "../input/_variables.scss";
 @import "../toolbar/_index.scss";
 @import "../action-buttons/_index.scss";
-@import "../window/_variables.scss";
 
 
 // Component

package/scss/forms/_variables.scss

@@ -1,4 +1,11 @@
+@import "../input/_variables.scss";
+@import "../tooltip/_variables.scss";
+@import "../typography/_variables.scss";
+@import "../window/_variables.scss";
+
+
 // Forms
+
 $kendo-form-spacer: $kendo-padding-md-x * 2 !default;
 
 $kendo-form-font-size: $font-size !default;

package/scss/grid/_index.scss

@@ -22,8 +22,8 @@
 @import "../pager/_index.scss";
 @import "../chip/_index.scss";
 @import "../skeleton/_index.scss";
-@import "../utils/_float.scss";
-@import "../utils/_spacer.scss";
+// @import "../utils/_float.scss";
+// @import "../utils/_spacer.scss";
 @import "../list/_index.scss";
 @import "../table/_index.scss";
 

package/scss/grid/_variables.scss

@@ -124,7 +124,7 @@ $kendo-grid-sizes: (
 
 $kendo-grid-header-font-size: null !default;
 $kendo-grid-header-first-border: 1px !default;
-$kendo-grid-header-menu-icon-spacing: $icon-spacing !default;
+$kendo-grid-header-menu-icon-spacing: $kendo-icon-spacing !default;
 
 $kendo-grid-filterable-icon-spacing: calc( #{$kendo-button-calc-size} + #{$kendo-grid-header-menu-icon-spacing} ) !default;
 
@@ -202,8 +202,8 @@ $kendo-grid-sorted-icon-spacing: calc( #{$kendo-padding-md-x} - 1px ) !default;
 $kendo-grid-sorted-bg: rgba( k-contrast-color( $kendo-grid-bg ), .02 ) !default;
 $kendo-grid-sorting-indicator-text: $kendo-color-primary !default;
 $kendo-grid-sorting-index-font-size: $font-size-sm !default;
-$kendo-grid-sorting-index-height: $icon-size !default;
-$kendo-grid-sorting-index-spacing-y: k-math-div( $icon-spacing, 2 ) !default;
+$kendo-grid-sorting-index-height: $kendo-icon-size !default;
+$kendo-grid-sorting-index-spacing-y: k-math-div( $kendo-icon-spacing, 2 ) !default;
 $kendo-grid-sorting-index-spacing-x: -$kendo-grid-sorting-index-spacing-y !default;
 
 $kendo-grid-grouping-row-bg: k-try-shade( $kendo-grid-bg, 1 ) !default;
@@ -265,11 +265,11 @@ $kendo-grid-column-menu-group-header-bg: null !default;
 $kendo-grid-column-menu-group-header-text: $popup-text !default;
 $kendo-grid-column-menu-group-header-border: $popup-border !default;
 
-$kendo-grid-drag-cell-width: ($icon-size * 2.25) !default;
+$kendo-grid-drag-cell-width: ($kendo-icon-size * 2.25) !default;
 
 $kendo-grid-row-inner-height: calc( #{$line-height-em} + #{$kendo-grid-cell-padding-y * 2} ) !default;
 
-$kendo-grid-hierarchy-col-width: ($icon-size * 2) !default;
+$kendo-grid-hierarchy-col-width: ($kendo-icon-size * 2) !default;
 
 $kendo-grid-grouping-row-border-top: 1px !default;
 $kendo-grid-group-footer-border-y: 1px !default;

package/scss/input/_variables.scss

@@ -49,7 +49,7 @@ $kendo-input-sizes: (
         padding-y: $kendo-input-padding-y-sm,
         font-size: $kendo-input-font-size-sm,
         line-height: $kendo-input-line-height-sm,
-        icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-sm * 2} ),
+        icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-padding-y-sm * 2} ),
         button-padding-x: $kendo-input-padding-y-sm,
         button-padding-y: $kendo-input-padding-y-sm
     ),
@@ -58,7 +58,7 @@ $kendo-input-sizes: (
         padding-y: $kendo-input-padding-y-md,
         font-size: $kendo-input-font-size-md,
         line-height: $kendo-input-line-height-md,
-        icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-md * 2} ),
+        icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-padding-y-md * 2} ),
         button-padding-x: $kendo-input-padding-y-md,
         button-padding-y: $kendo-input-padding-y-md
     ),
@@ -67,7 +67,7 @@ $kendo-input-sizes: (
         padding-y: $kendo-input-padding-y-lg,
         font-size: $kendo-input-font-size-lg,
         line-height: $kendo-input-line-height-lg,
-        icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-lg * 2} ),
+        icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-padding-y-lg * 2} ),
         button-padding-x: $kendo-input-padding-y-lg,
         button-padding-y: $kendo-input-padding-y-lg
     )

package/scss/listview/_index.scss

@@ -3,8 +3,8 @@
 
 // Dependencies
 @import "../common/_index.scss";
-@import "../utils/_flex.scss";
-@import "../utils/_grid.scss";
+// @import "../utils/_flex.scss";
+// @import "../utils/_grid.scss";
 @import "../pager/_index.scss";
 @import "../icons/_index.scss";