@progress/kendo-theme-material 5.5.1-dev.0 → 5.5.1-dev.1

package/dist/all.css

@@ -11337,8 +11337,8 @@ kendo-sortable {
 }
 
 .k-list-sm {
-    font-size: 16px;
-    line-height: 1.25;
+    font-size: 14px;
+    line-height: 1.4285714286;
 }
 
 .k-list-sm .k-list-group-sticky-header {
@@ -11354,8 +11354,8 @@ kendo-sortable {
 }
 
 .k-list-md {
-    font-size: 16px;
-    line-height: 1.25;
+    font-size: 14px;
+    line-height: 1.4285714286;
 }
 
 .k-list-md .k-list-group-sticky-header {
@@ -11372,15 +11372,15 @@ kendo-sortable {
 
 .k-list-lg {
     font-size: 16px;
-    line-height: 1.25;
+    line-height: 1.5;
 }
 
 .k-list-lg .k-list-group-sticky-header {
-    padding: 10px 16px;
+    padding: 8px 16px;
 }
 
 .k-list-lg .k-list-item, .k-list-lg .k-list-optionlabel {
-    padding: 10px 16px;
+    padding: 8px 16px;
 }
 
 .k-list-lg .k-list-group-item {
@@ -12195,41 +12195,41 @@ kendo-badge-container {
     line-height: 1.4285714286;
 }
 
-.k-button-md {
-    padding: 8px 16px;
-    font-size: 14px;
-    line-height: 1.4285714286;
-}
-
-.k-button-lg {
-    padding: 10px 16px;
-    font-size: 14px;
-    line-height: 1.4285714286;
-}
-
-.k-icon-button.k-button-sm {
+.k-button-sm.k-icon-button {
     padding: 6px;
 }
 
-.k-icon-button.k-button-sm > .k-button-icon {
+.k-button-sm.k-icon-button > .k-button-icon {
     min-width: calc( 14px * 1.4285714286);
     min-height: calc( 14px * 1.4285714286);
 }
 
-.k-icon-button.k-button-md {
+.k-button-md {
+    padding: 8px 16px;
+    font-size: 14px;
+    line-height: 1.4285714286;
+}
+
+.k-button-md.k-icon-button {
     padding: 8px;
 }
 
-.k-icon-button.k-button-md > .k-button-icon {
+.k-button-md.k-icon-button > .k-button-icon {
     min-width: calc( 14px * 1.4285714286);
     min-height: calc( 14px * 1.4285714286);
 }
 
-.k-icon-button.k-button-lg {
+.k-button-lg {
+    padding: 10px 16px;
+    font-size: 14px;
+    line-height: 1.4285714286;
+}
+
+.k-button-lg.k-icon-button {
     padding: 10px;
 }
 
-.k-icon-button.k-button-lg > .k-button-icon {
+.k-button-lg.k-icon-button > .k-button-icon {
     min-width: calc( 14px * 1.4285714286);
     min-height: calc( 14px * 1.4285714286);
 }
@@ -14217,14 +14217,14 @@ textarea.k-input-inner {
 .k-input-lg,
 .k-picker-lg {
     font-size: 16px;
-    line-height: 1.25;
+    line-height: 1.5;
 }
 
 .k-input-lg .k-input-values,
 .k-picker-lg .k-input-values {
     width: 100%;
-    padding: 5px;
-    gap: 5px;
+    padding: 4px;
+    gap: 4px;
     cursor: text;
 }
 
@@ -14232,12 +14232,12 @@ textarea.k-input-inner {
 .k-input-lg .k-input-values > .k-input-inner,
 .k-picker-lg .k-input-values > .k-searchbar,
 .k-picker-lg .k-input-values > .k-input-inner {
-    margin: -5px;
+    margin: -4px;
 }
 
 .k-input-lg .k-input-inner,
 .k-picker-lg .k-input-inner {
-    padding: 10px 16px;
+    padding: 8px 16px;
 }
 
 .k-input-lg .k-input-button,
@@ -14261,20 +14261,20 @@ textarea.k-input-inner {
 .k-picker-lg .k-clear-value,
 .k-picker-lg .k-input-prefix > .k-icon,
 .k-picker-lg .k-input-suffix > .k-icon {
-    width: calc( 16px + 20px);
-    height: calc( 16px + 20px);
+    width: calc( 16px + 16px);
+    height: calc( 16px + 16px);
 }
 
 .k-input-lg.k-icon-picker .k-input-inner,
 .k-picker-lg.k-icon-picker .k-input-inner {
-    width: calc( 1.25em);
-    height: calc( 1.25em);
-    padding: 10px;
+    width: calc( 1.5em);
+    height: calc( 1.5em);
+    padding: 8px;
     box-sizing: content-box;
 }
 
 .k-dropdown-operator.k-picker-lg .k-input-button {
-    padding: 10px;
+    padding: 8px;
 }
 
 .k-input > kendo-popup,
@@ -17833,8 +17833,8 @@ kendo-label > .k-label {
     border-width: 0;
     outline: 0;
     font-family: Roboto, "Helvetica Neue", sans-serif;
-    font-size: 16px;
-    line-height: 1.25;
+    font-size: 14px;
+    line-height: 1.4285714286;
     vertical-align: top;
     background-color: transparent;
     display: inline-flex;
@@ -19820,7 +19820,7 @@ kendo-label > .k-label {
 }
 
 .k-calendar .k-state-selected.k-state-focused .k-link,
-.k-calendar .k-selected.k-focused .k-link {
+.k-calendar .k-selected.k-focus .k-link {
     border-color: #3f51b5;
     color: white;
     background-color: #4e5fbb;
@@ -20747,8 +20747,8 @@ kendo-label > .k-label {
 }
 
 .k-treeview-sm {
-    font-size: 16px;
-    line-height: 1.25;
+    font-size: 14px;
+    line-height: 1.4285714286;
 }
 
 .k-treeview-sm .k-treeview-leaf {
@@ -20756,8 +20756,8 @@ kendo-label > .k-label {
 }
 
 .k-treeview-md {
-    font-size: 16px;
-    line-height: 1.25;
+    font-size: 14px;
+    line-height: 1.4285714286;
 }
 
 .k-treeview-md .k-treeview-leaf {
@@ -20766,11 +20766,11 @@ kendo-label > .k-label {
 
 .k-treeview-lg {
     font-size: 16px;
-    line-height: 1.25;
+    line-height: 1.5;
 }
 
 .k-treeview-lg .k-treeview-leaf {
-    padding: 10px 16px;
+    padding: 8px 16px;
 }
 
 .k-treeview {

package/dist/all.scss

@@ -6968,16 +6968,16 @@ $message-box-link-text-decoration: underline !default;
 /// Font size of the list component, if no size is set.
 /// @group list
 $kendo-list-font-size: null !default;
-$kendo-list-font-size-sm: $font-size-lg !default;
-$kendo-list-font-size-md: $font-size-lg !default;
+$kendo-list-font-size-sm: $font-size-md !default;
+$kendo-list-font-size-md: $font-size-md !default;
 $kendo-list-font-size-lg: $font-size-lg !default;
 
 /// Line height of the list component, if no size is set.
 /// @group list
 $kendo-list-line-height: null !default;
-$kendo-list-line-height-sm: 1.25 !default;
-$kendo-list-line-height-md: 1.25 !default;
-$kendo-list-line-height-lg: 1.25 !default;
+$kendo-list-line-height-sm: (20 / 14) !default;
+$kendo-list-line-height-md: (20 / 14) !default;
+$kendo-list-line-height-lg: 1.5 !default;
 
 /// Horizontal padding of list header, if no size is set.
 /// @group list
@@ -6993,7 +6993,7 @@ $kendo-list-header-padding-y: null !default;
 $kendo-list-header-padding-y-base: map-get( $spacing, 2 ) !default;
 $kendo-list-header-padding-y-sm: map-get( $spacing, 2 ) - map-get( $spacing, thin ) !default;
 $kendo-list-header-padding-y-md: map-get( $spacing, 2 ) !default;
-$kendo-list-header-padding-y-lg: map-get( $spacing, 2 ) + map-get( $spacing, thin ) !default;
+$kendo-list-header-padding-y-lg: map-get( $spacing, 2 ) !default;
 
 /// Border width of list header.
 /// @group list
@@ -7031,7 +7031,7 @@ $kendo-list-item-padding-y: null !default;
 $kendo-list-item-padding-y-base: map-get( $spacing, 2 ) !default;
 $kendo-list-item-padding-y-sm: map-get( $spacing, 2 ) - map-get( $spacing, thin ) !default;
 $kendo-list-item-padding-y-md: map-get( $spacing, 2 ) !default;
-$kendo-list-item-padding-y-lg: map-get( $spacing, 2 ) + map-get( $spacing, thin ) !default;
+$kendo-list-item-padding-y-lg: map-get( $spacing, 2 ) !default;
 
 /// Font size of list items, if no size is set.
 /// @group list
@@ -8948,33 +8948,32 @@ $kendo-button-border-radius: null !default;
 /// Horizontal padding of the button.
 /// @group button
 $kendo-button-padding-x: map-get( $spacing, 4 ) !default;
-$kendo-button-padding-x-sm: map-get( $spacing, 4 ) !default;
-$kendo-button-padding-x-md: map-get( $spacing, 4 ) !default;
-$kendo-button-padding-x-lg: map-get( $spacing, 4 ) !default;
-
 /// Vertical padding of the button.
 /// @group button
 $kendo-button-padding-y: map-get( $spacing, 2 ) !default;
-$kendo-button-padding-y-sm: map-get( $spacing, 2 ) - map-get( $spacing, thin ) !default;
-$kendo-button-padding-y-md: map-get( $spacing, 2 ) !default;
-$kendo-button-padding-y-lg: map-get( $spacing, 2 ) + map-get( $spacing, thin ) !default;
-
 /// Font family of the button.
 /// @group button
 $kendo-button-font-family: $font-family !default;
-
 /// Font sizes of the button.
 /// @group button
 $kendo-button-font-size: $font-size-md !default;
-$kendo-button-font-size-sm: $font-size-md !default;
-$kendo-button-font-size-md: $font-size-md !default;
-$kendo-button-font-size-lg: $font-size-md !default;
-
 /// Line heights used along with $font-size.
 /// @group button
 $kendo-button-line-height: ( 20 / 14 ) !default;
+
+$kendo-button-padding-x-sm: map-get( $spacing, 4 ) !default;
+$kendo-button-padding-y-sm: map-get( $spacing, 2 ) - map-get( $spacing, thin ) !default;
+$kendo-button-font-size-sm: $font-size-md !default;
 $kendo-button-line-height-sm: ( 20 / 14 ) !default;
+
+$kendo-button-padding-x-md: map-get( $spacing, 4 ) !default;
+$kendo-button-padding-y-md: map-get( $spacing, 2 ) !default;
+$kendo-button-font-size-md: $font-size-md !default;
 $kendo-button-line-height-md: ( 20 / 14 ) !default;
+
+$kendo-button-padding-x-lg: map-get( $spacing, 4 ) !default;
+$kendo-button-padding-y-lg: map-get( $spacing, 2 ) + map-get( $spacing, thin ) !default;
+$kendo-button-font-size-lg: $font-size-md !default;
 $kendo-button-line-height-lg: ( 20 / 14 ) !default;
 
 /// Calculated height of the button.
@@ -8985,6 +8984,27 @@ $kendo-button-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-but
 /// @group button
 $kendo-button-inner-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-button-padding-y * 2} ) !default;
 
+$kendo-button-sizes: (
+    sm: (
+        padding-x: $kendo-button-padding-x-sm,
+        padding-y: $kendo-button-padding-y-sm,
+        font-size: $kendo-button-font-size-sm,
+        line-height: $kendo-button-line-height-sm
+    ),
+    md: (
+        padding-x: $kendo-button-padding-x-md,
+        padding-y: $kendo-button-padding-y-md,
+        font-size: $kendo-button-font-size-md,
+        line-height: $kendo-button-line-height-md
+    ),
+    lg: (
+        padding-x: $kendo-button-padding-x-lg,
+        padding-y: $kendo-button-padding-y-lg,
+        font-size: $kendo-button-font-size-lg,
+        line-height: $kendo-button-line-height-lg
+    )
+) !default;
+
 /// Theme colors map for the button.
 /// @group button
 $kendo-button-theme-colors: map-merge(
@@ -9210,45 +9230,27 @@ $kendo-button-transition: box-shadow 280ms cubic-bezier( .4, 0, .2, 1 ) !default
 
     .k-button-text {}
 
-    // Sizes
-    .k-button-sm {
-        padding: $kendo-button-padding-y-sm $kendo-button-padding-x-sm;
-        font-size: $kendo-button-font-size-sm;
-        line-height: $kendo-button-line-height-sm;
-    }
-    .k-button-md {
-        padding: $kendo-button-padding-y-md $kendo-button-padding-x-md;
-        font-size: $kendo-button-font-size-md;
-        line-height: $kendo-button-line-height-md;
-    }
-    .k-button-lg {
-        padding: $kendo-button-padding-y-lg $kendo-button-padding-x-lg;
-        font-size: $kendo-button-font-size-lg;
-        line-height: $kendo-button-line-height-lg;
-    }
 
-    .k-icon-button.k-button-sm {
-        padding: $kendo-button-padding-y-sm;
+    // Sizes
+    @each $size, $size-props in $kendo-button-sizes {
+        $_padding-x: map-get( $size-props, padding-x );
+        $_padding-y: map-get( $size-props, padding-y );
+        $_font-size: map-get( $size-props, font-size );
+        $_line-height: map-get( $size-props, line-height );
 
-        > .k-button-icon {
-            min-width: calc( #{$kendo-button-font-size-sm} * #{$kendo-button-line-height-sm} );
-            min-height: calc( #{$kendo-button-font-size-sm} * #{$kendo-button-line-height-sm} );
+        .k-button-#{$size} {
+            padding: $_padding-y $_padding-x;
+            font-size: $_font-size;
+            line-height: $_line-height;
         }
-    }
-    .k-icon-button.k-button-md {
-        padding: $kendo-button-padding-y-md;
 
-        > .k-button-icon {
-            min-width: calc( #{$kendo-button-font-size-md} * #{$kendo-button-line-height-md} );
-            min-height: calc( #{$kendo-button-font-size-md} * #{$kendo-button-line-height-md} );
-        }
-    }
-    .k-icon-button.k-button-lg {
-        padding: $kendo-button-padding-y-lg;
+        .k-button-#{$size}.k-icon-button {
+            padding: $_padding-y;
 
-        > .k-button-icon {
-            min-width: calc( #{$kendo-button-font-size-lg} * #{$kendo-button-line-height-lg} );
-            min-height: calc( #{$kendo-button-font-size-lg} * #{$kendo-button-line-height-lg} );
+            > .k-button-icon {
+                min-width: calc( #{$_font-size} * #{$_line-height} );
+                min-height: calc( #{$_font-size} * #{$_line-height} );
+            }
         }
     }
 
@@ -9969,16 +9971,33 @@ $kendo-button-transition: box-shadow 280ms cubic-bezier( .4, 0, .2, 1 ) !default
 // Component
 // #region @import "_variables.scss"; -> packages/material/scss/input/_variables.scss
 // Input
+
+/// Default width of input components.
+/// @group input
 $kendo-input-default-width: 100% !default;
 
+/// Border width of input components.
+/// @group input
 $kendo-input-border-width: 1px !default;
 $kendo-input-border-height: 1px !default;
+/// Border radius of input components.
+/// @group input
 $kendo-input-border-radius: null !default;
 
+/// Horizontal padding of input components.
+/// @group input
 $kendo-input-padding-x: map-get( $spacing, 4 ) !default;
+/// Vertical padding of input components.
+/// @group input
 $kendo-input-padding-y: map-get( $spacing, 2 ) !default;
+///Font family of input components.
+/// @group input
 $kendo-input-font-family: $font-family !default;
+/// Font size of input components.
+/// @group input
 $kendo-input-font-size: $font-size-lg !default;
+/// Line height of input components.
+/// @group input
 $kendo-input-line-height: 1.25 !default;
 
 $kendo-input-padding-x-sm: map-get( $spacing, 4 ) !default;
@@ -9992,9 +10011,9 @@ $kendo-input-font-size-md: $font-size-lg !default;
 $kendo-input-line-height-md: 1.25 !default;
 
 $kendo-input-padding-x-lg: map-get( $spacing, 4 ) !default;
-$kendo-input-padding-y-lg: map-get( $spacing, 2 ) + map-get( $spacing, thin ) !default;
+$kendo-input-padding-y-lg: map-get( $spacing, 2 ) !default;
 $kendo-input-font-size-lg: $font-size-lg !default;
-$kendo-input-line-height-lg: 1.25 !default;
+$kendo-input-line-height-lg: 1.5 !default;
 
 $kendo-input-sizes: (
     sm: (
@@ -19261,7 +19280,7 @@ $infinite-calendar-view-height: ( $calendar-cell-size * 9 ) !default;
             );
         }
         .k-state-selected.k-state-focused .k-link,
-        .k-selected.k-focused .k-link {
+        .k-selected.k-focus .k-link {
             @include fill(
                 $calendar-cell-selected-text,
                 try-tint($calendar-cell-selected-bg),
@@ -21278,15 +21297,15 @@ $kendo-treeview-font-family: $font-family !default;
 /// Font size of the treeview component.
 /// @group treeview
 $kendo-treeview-font-size: $font-size-lg !default;
-$kendo-treeview-font-size-sm: $font-size-lg !default;
-$kendo-treeview-font-size-md: $font-size-lg !default;
+$kendo-treeview-font-size-sm: $font-size-md !default;
+$kendo-treeview-font-size-md: $font-size-md !default;
 $kendo-treeview-font-size-lg: $font-size-lg !default;
 /// Line height of the treeview component.
 /// @group treeview
 $kendo-treeview-line-height: 1.25 !default;
-$kendo-treeview-line-height-sm: 1.25 !default;
-$kendo-treeview-line-height-md: 1.25 !default;
-$kendo-treeview-line-height-lg: 1.25 !default;
+$kendo-treeview-line-height-sm: ( 20 / 14 ) !default;
+$kendo-treeview-line-height-md: ( 20 / 14 ) !default;
+$kendo-treeview-line-height-lg: 1.5 !default;
 /// Indentation of child groups in treeview component.
 /// @group treeview
 $kendo-treeview-indent: 16px !default;
@@ -21302,7 +21321,7 @@ $kendo-treeview-item-padding-x-lg: map-get( $spacing, 4 ) !default;
 $kendo-treeview-item-padding-y: map-get( $spacing, 2 ) !default;
 $kendo-treeview-item-padding-y-sm: map-get( $spacing, 2 ) - map-get( $spacing, thin ) !default;
 $kendo-treeview-item-padding-y-md: map-get( $spacing, 2 ) !default;
-$kendo-treeview-item-padding-y-lg: map-get( $spacing, 2 ) + map-get( $spacing, thin ) !default;
+$kendo-treeview-item-padding-y-lg: map-get( $spacing, 2 ) !default;
 /// Border width of treeview items.
 /// @group treeview
 $kendo-treeview-item-border-width: 0px !default;

package/lib/swatches/material-aqua-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Aqua Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-arctic.json

@@ -3,7 +3,7 @@
     "name": "Material Arctic",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-burnt-teal.json

@@ -3,7 +3,7 @@
     "name": "Material Burnt Teal",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

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

@@ -3,7 +3,7 @@
     "name": "Material Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#3f51b5",
         "#2196f3",

package/lib/swatches/material-eggplant.json

@@ -3,7 +3,7 @@
     "name": "Material Eggplant",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-lime-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Lime Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-lime.json

@@ -3,7 +3,7 @@
     "name": "Material Lime",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

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

@@ -3,7 +3,7 @@
     "name": "Material Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-main.json

@@ -3,7 +3,7 @@
     "name": "Material Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-nova.json

@@ -3,7 +3,7 @@
     "name": "Material Nova",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-pacific-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Pacific Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-pacific.json

@@ -3,7 +3,7 @@
     "name": "Material Pacific Light",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-sky-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Sky Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-sky.json

@@ -3,7 +3,7 @@
     "name": "Material Sky",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-smoke.json

@@ -3,7 +3,7 @@
     "name": "Material Smoke",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-material",
   "description": "Material theme for Kendo UI",
-  "version": "5.5.1-dev.0",
+  "version": "5.5.1-dev.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -44,10 +44,10 @@
     "postpublish": "echo 'no postpublish for material theme'"
   },
   "dependencies": {
-    "@progress/kendo-theme-default": "^5.5.1-dev.0"
+    "@progress/kendo-theme-default": "^5.5.1-dev.1"
   },
   "devDependencies": {
     "sass-build": "^0.0.1"
   },
-  "gitHead": "f9e886d7414c48c7a576210e6b46d938d27b3125"
+  "gitHead": "af60c06ba819159a7b64019ea1abd23116c3bcd7"
 }

package/scss/button/_variables.scss

@@ -11,33 +11,32 @@ $kendo-button-border-radius: null !default;
 /// Horizontal padding of the button.
 /// @group button
 $kendo-button-padding-x: map-get( $spacing, 4 ) !default;
-$kendo-button-padding-x-sm: map-get( $spacing, 4 ) !default;
-$kendo-button-padding-x-md: map-get( $spacing, 4 ) !default;
-$kendo-button-padding-x-lg: map-get( $spacing, 4 ) !default;
-
 /// Vertical padding of the button.
 /// @group button
 $kendo-button-padding-y: map-get( $spacing, 2 ) !default;
-$kendo-button-padding-y-sm: map-get( $spacing, 2 ) - map-get( $spacing, thin ) !default;
-$kendo-button-padding-y-md: map-get( $spacing, 2 ) !default;
-$kendo-button-padding-y-lg: map-get( $spacing, 2 ) + map-get( $spacing, thin ) !default;
-
 /// Font family of the button.
 /// @group button
 $kendo-button-font-family: $font-family !default;
-
 /// Font sizes of the button.
 /// @group button
 $kendo-button-font-size: $font-size-md !default;
-$kendo-button-font-size-sm: $font-size-md !default;
-$kendo-button-font-size-md: $font-size-md !default;
-$kendo-button-font-size-lg: $font-size-md !default;
-
 /// Line heights used along with $font-size.
 /// @group button
 $kendo-button-line-height: ( 20 / 14 ) !default;
+
+$kendo-button-padding-x-sm: map-get( $spacing, 4 ) !default;
+$kendo-button-padding-y-sm: map-get( $spacing, 2 ) - map-get( $spacing, thin ) !default;
+$kendo-button-font-size-sm: $font-size-md !default;
 $kendo-button-line-height-sm: ( 20 / 14 ) !default;
+
+$kendo-button-padding-x-md: map-get( $spacing, 4 ) !default;
+$kendo-button-padding-y-md: map-get( $spacing, 2 ) !default;
+$kendo-button-font-size-md: $font-size-md !default;
 $kendo-button-line-height-md: ( 20 / 14 ) !default;
+
+$kendo-button-padding-x-lg: map-get( $spacing, 4 ) !default;
+$kendo-button-padding-y-lg: map-get( $spacing, 2 ) + map-get( $spacing, thin ) !default;
+$kendo-button-font-size-lg: $font-size-md !default;
 $kendo-button-line-height-lg: ( 20 / 14 ) !default;
 
 /// Calculated height of the button.
@@ -48,6 +47,27 @@ $kendo-button-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-but
 /// @group button
 $kendo-button-inner-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-button-padding-y * 2} ) !default;
 
+$kendo-button-sizes: (
+    sm: (
+        padding-x: $kendo-button-padding-x-sm,
+        padding-y: $kendo-button-padding-y-sm,
+        font-size: $kendo-button-font-size-sm,
+        line-height: $kendo-button-line-height-sm
+    ),
+    md: (
+        padding-x: $kendo-button-padding-x-md,
+        padding-y: $kendo-button-padding-y-md,
+        font-size: $kendo-button-font-size-md,
+        line-height: $kendo-button-line-height-md
+    ),
+    lg: (
+        padding-x: $kendo-button-padding-x-lg,
+        padding-y: $kendo-button-padding-y-lg,
+        font-size: $kendo-button-font-size-lg,
+        line-height: $kendo-button-line-height-lg
+    )
+) !default;
+
 /// Theme colors map for the button.
 /// @group button
 $kendo-button-theme-colors: map-merge(

package/scss/calendar/_theme.scss

@@ -13,7 +13,7 @@
             );
         }
         .k-state-selected.k-state-focused .k-link,
-        .k-selected.k-focused .k-link {
+        .k-selected.k-focus .k-link {
             @include fill(
                 $calendar-cell-selected-text,
                 try-tint($calendar-cell-selected-bg),

package/scss/input/_variables.scss

@@ -1,14 +1,31 @@
 // Input
+
+/// Default width of input components.
+/// @group input
 $kendo-input-default-width: 100% !default;
 
+/// Border width of input components.
+/// @group input
 $kendo-input-border-width: 1px !default;
 $kendo-input-border-height: 1px !default;
+/// Border radius of input components.
+/// @group input
 $kendo-input-border-radius: null !default;
 
+/// Horizontal padding of input components.
+/// @group input
 $kendo-input-padding-x: map-get( $spacing, 4 ) !default;
+/// Vertical padding of input components.
+/// @group input
 $kendo-input-padding-y: map-get( $spacing, 2 ) !default;
+///Font family of input components.
+/// @group input
 $kendo-input-font-family: $font-family !default;
+/// Font size of input components.
+/// @group input
 $kendo-input-font-size: $font-size-lg !default;
+/// Line height of input components.
+/// @group input
 $kendo-input-line-height: 1.25 !default;
 
 $kendo-input-padding-x-sm: map-get( $spacing, 4 ) !default;
@@ -22,9 +39,9 @@ $kendo-input-font-size-md: $font-size-lg !default;
 $kendo-input-line-height-md: 1.25 !default;
 
 $kendo-input-padding-x-lg: map-get( $spacing, 4 ) !default;
-$kendo-input-padding-y-lg: map-get( $spacing, 2 ) + map-get( $spacing, thin ) !default;
+$kendo-input-padding-y-lg: map-get( $spacing, 2 ) !default;
 $kendo-input-font-size-lg: $font-size-lg !default;
-$kendo-input-line-height-lg: 1.25 !default;
+$kendo-input-line-height-lg: 1.5 !default;
 
 $kendo-input-sizes: (
     sm: (

package/scss/list/_variables.scss

@@ -3,16 +3,16 @@
 /// Font size of the list component, if no size is set.
 /// @group list
 $kendo-list-font-size: null !default;
-$kendo-list-font-size-sm: $font-size-lg !default;
-$kendo-list-font-size-md: $font-size-lg !default;
+$kendo-list-font-size-sm: $font-size-md !default;
+$kendo-list-font-size-md: $font-size-md !default;
 $kendo-list-font-size-lg: $font-size-lg !default;
 
 /// Line height of the list component, if no size is set.
 /// @group list
 $kendo-list-line-height: null !default;
-$kendo-list-line-height-sm: 1.25 !default;
-$kendo-list-line-height-md: 1.25 !default;
-$kendo-list-line-height-lg: 1.25 !default;
+$kendo-list-line-height-sm: (20 / 14) !default;
+$kendo-list-line-height-md: (20 / 14) !default;
+$kendo-list-line-height-lg: 1.5 !default;
 
 /// Horizontal padding of list header, if no size is set.
 /// @group list
@@ -28,7 +28,7 @@ $kendo-list-header-padding-y: null !default;
 $kendo-list-header-padding-y-base: map-get( $spacing, 2 ) !default;
 $kendo-list-header-padding-y-sm: map-get( $spacing, 2 ) - map-get( $spacing, thin ) !default;
 $kendo-list-header-padding-y-md: map-get( $spacing, 2 ) !default;
-$kendo-list-header-padding-y-lg: map-get( $spacing, 2 ) + map-get( $spacing, thin ) !default;
+$kendo-list-header-padding-y-lg: map-get( $spacing, 2 ) !default;
 
 /// Border width of list header.
 /// @group list
@@ -66,7 +66,7 @@ $kendo-list-item-padding-y: null !default;
 $kendo-list-item-padding-y-base: map-get( $spacing, 2 ) !default;
 $kendo-list-item-padding-y-sm: map-get( $spacing, 2 ) - map-get( $spacing, thin ) !default;
 $kendo-list-item-padding-y-md: map-get( $spacing, 2 ) !default;
-$kendo-list-item-padding-y-lg: map-get( $spacing, 2 ) + map-get( $spacing, thin ) !default;
+$kendo-list-item-padding-y-lg: map-get( $spacing, 2 ) !default;
 
 /// Font size of list items, if no size is set.
 /// @group list

package/scss/treeview/_variables.scss

@@ -6,15 +6,15 @@ $kendo-treeview-font-family: $font-family !default;
 /// Font size of the treeview component.
 /// @group treeview
 $kendo-treeview-font-size: $font-size-lg !default;
-$kendo-treeview-font-size-sm: $font-size-lg !default;
-$kendo-treeview-font-size-md: $font-size-lg !default;
+$kendo-treeview-font-size-sm: $font-size-md !default;
+$kendo-treeview-font-size-md: $font-size-md !default;
 $kendo-treeview-font-size-lg: $font-size-lg !default;
 /// Line height of the treeview component.
 /// @group treeview
 $kendo-treeview-line-height: 1.25 !default;
-$kendo-treeview-line-height-sm: 1.25 !default;
-$kendo-treeview-line-height-md: 1.25 !default;
-$kendo-treeview-line-height-lg: 1.25 !default;
+$kendo-treeview-line-height-sm: ( 20 / 14 ) !default;
+$kendo-treeview-line-height-md: ( 20 / 14 ) !default;
+$kendo-treeview-line-height-lg: 1.5 !default;
 /// Indentation of child groups in treeview component.
 /// @group treeview
 $kendo-treeview-indent: 16px !default;
@@ -30,7 +30,7 @@ $kendo-treeview-item-padding-x-lg: map-get( $spacing, 4 ) !default;
 $kendo-treeview-item-padding-y: map-get( $spacing, 2 ) !default;
 $kendo-treeview-item-padding-y-sm: map-get( $spacing, 2 ) - map-get( $spacing, thin ) !default;
 $kendo-treeview-item-padding-y-md: map-get( $spacing, 2 ) !default;
-$kendo-treeview-item-padding-y-lg: map-get( $spacing, 2 ) + map-get( $spacing, thin ) !default;
+$kendo-treeview-item-padding-y-lg: map-get( $spacing, 2 ) !default;
 /// Border width of treeview items.
 /// @group treeview
 $kendo-treeview-item-border-width: 0px !default;