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

package/dist/all.css

@@ -11332,15 +11332,16 @@ kendo-sortable {
 }
 
 .k-list-sm {
-    font-size: 1rem;
+    font-size: 0.875rem;
+    line-height: 1.4285714286;
 }
 
 .k-list-sm .k-list-group-sticky-header {
-    padding: 0.125rem 1rem;
+    padding: 0.25rem 1rem;
 }
 
 .k-list-sm .k-list-item, .k-list-sm .k-list-optionlabel {
-    padding: 0.125rem 1rem;
+    padding: 0.25rem 1rem;
 }
 
 .k-list-sm .k-list-group-item {
@@ -11368,11 +11369,11 @@ kendo-sortable {
 }
 
 .k-list-lg .k-list-group-sticky-header {
-    padding: 0.375rem 1rem;
+    padding: 0.5rem 1rem;
 }
 
 .k-list-lg .k-list-item, .k-list-lg .k-list-optionlabel {
-    padding: 0.375rem 1rem;
+    padding: 0.5rem 1rem;
 }
 
 .k-list-lg .k-list-group-item {
@@ -12188,46 +12189,46 @@ kendo-badge-container {
 }
 
 .k-button-sm {
-    padding: 0.25rem 0.75rem;
-    font-size: 1rem;
-    line-height: 1.5;
+    padding: 0.25rem 0.5rem;
+    font-size: 0.875rem;
+    line-height: 1.4285714286;
 }
 
-.k-button-md {
-    padding: 0.375rem 0.75rem;
-    font-size: 1rem;
-    line-height: 1.5;
+.k-button-sm.k-icon-button {
+    padding: 0.25rem;
 }
 
-.k-button-lg {
-    padding: 0.5rem 0.75rem;
+.k-button-sm.k-icon-button > .k-button-icon {
+    min-width: calc( 0.875rem * 1.4285714286);
+    min-height: calc( 0.875rem * 1.4285714286);
+}
+
+.k-button-md {
+    padding: 0.375rem 0.75rem;
     font-size: 1rem;
     line-height: 1.5;
 }
 
-.k-icon-button.k-button-sm {
-    padding: 0.25rem;
+.k-button-md.k-icon-button {
+    padding: 0.375rem;
 }
 
-.k-icon-button.k-button-sm > .k-button-icon {
+.k-button-md.k-icon-button > .k-button-icon {
     min-width: calc( 1rem * 1.5);
     min-height: calc( 1rem * 1.5);
 }
 
-.k-icon-button.k-button-md {
-    padding: 0.375rem;
-}
-
-.k-icon-button.k-button-md > .k-button-icon {
-    min-width: calc( 1rem * 1.5);
-    min-height: calc( 1rem * 1.5);
+.k-button-lg {
+    padding: 0.5rem 1rem;
+    font-size: 1rem;
+    line-height: 1.5;
 }
 
-.k-icon-button.k-button-lg {
+.k-button-lg.k-icon-button {
     padding: 0.5rem;
 }
 
-.k-icon-button.k-button-lg > .k-button-icon {
+.k-button-lg.k-icon-button > .k-button-icon {
     min-width: calc( 1rem * 1.5);
     min-height: calc( 1rem * 1.5);
 }
@@ -13716,8 +13717,8 @@ textarea.k-input-inner {
 
 .k-input-sm,
 .k-picker-sm {
-    font-size: 1rem;
-    line-height: 1.5;
+    font-size: 0.875rem;
+    line-height: 1.4285714286;
 }
 
 .k-input-sm .k-input-values,
@@ -13737,7 +13738,7 @@ textarea.k-input-inner {
 
 .k-input-sm .k-input-inner,
 .k-picker-sm .k-input-inner {
-    padding: 0.25rem 0.75rem;
+    padding: 0.25rem 0.5rem;
 }
 
 .k-input-sm .k-input-button,
@@ -13767,8 +13768,8 @@ textarea.k-input-inner {
 
 .k-input-sm.k-icon-picker .k-input-inner,
 .k-picker-sm.k-icon-picker .k-input-inner {
-    width: calc( 1.5em);
-    height: calc( 1.5em);
+    width: calc( 1.4285714286em);
+    height: calc( 1.4285714286em);
     padding: 0.25rem;
     box-sizing: content-box;
 }
@@ -13863,7 +13864,7 @@ textarea.k-input-inner {
 
 .k-input-lg .k-input-inner,
 .k-picker-lg .k-input-inner {
-    padding: 0.5rem 0.75rem;
+    padding: 0.5rem 1rem;
 }
 
 .k-input-lg .k-input-button,
@@ -14938,7 +14939,7 @@ textarea.k-input-inner {
 
 .k-chip-sm {
     padding: 0.125rem 0.25rem;
-    font-size: 1rem;
+    font-size: 0.875rem;
     line-height: 1.25;
 }
 
@@ -19843,12 +19844,12 @@ kendo-label > .k-label {
 }
 
 .k-treeview-sm {
-    font-size: 1rem;
-    line-height: 1.5;
+    font-size: 0.875rem;
+    line-height: 1.4285714286;
 }
 
 .k-treeview-sm .k-treeview-leaf {
-    padding: 0.125rem 0.75rem;
+    padding: 0.25rem 0.5rem;
 }
 
 .k-treeview-md {
@@ -19866,7 +19867,7 @@ kendo-label > .k-label {
 }
 
 .k-treeview-lg .k-treeview-leaf {
-    padding: 0.375rem 0.75rem;
+    padding: 0.5rem 0.75rem;
 }
 
 .k-treeview-leaf {

package/dist/all.scss

@@ -8148,14 +8148,14 @@ $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-md !default;
+$kendo-list-font-size-sm: $font-size-sm !default;
 $kendo-list-font-size-md: $font-size-md !default;
 $kendo-list-font-size-lg: $font-size-md !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: null !default;
+$kendo-list-line-height-sm: (20 / 14) !default;
 $kendo-list-line-height-md: null !default;
 $kendo-list-line-height-lg: null !default;
 
@@ -8171,9 +8171,9 @@ $kendo-list-header-padding-x-lg: map-get( $spacing, 4 ) !default;
 /// @group list
 $kendo-list-header-padding-y: null !default;
 $kendo-list-header-padding-y-base: map-get( $spacing, 1 ) !default;
-$kendo-list-header-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
+$kendo-list-header-padding-y-sm: map-get( $spacing, 1 ) !default;
 $kendo-list-header-padding-y-md: map-get( $spacing, 1 ) !default;
-$kendo-list-header-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
+$kendo-list-header-padding-y-lg: map-get( $spacing, 2 ) !default;
 
 /// Border width of list header.
 /// @group list
@@ -8209,9 +8209,9 @@ $kendo-list-item-padding-x-lg: map-get( $spacing, 4 ) !default;
 /// @group list
 $kendo-list-item-padding-y: null !default;
 $kendo-list-item-padding-y-base: map-get( $spacing, 1 ) !default;
-$kendo-list-item-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
+$kendo-list-item-padding-y-sm: map-get( $spacing, 1 ) !default;
 $kendo-list-item-padding-y-md: map-get( $spacing, 1 ) !default;
-$kendo-list-item-padding-y-lg: map-get( $spacing, 1 ) + 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
@@ -10124,34 +10124,33 @@ $kendo-button-border-radius: null !default;
 /// Horizontal padding of the button.
 /// @group button
 $kendo-button-padding-x: $btn-padding-x !default;
-$kendo-button-padding-x-sm: $btn-padding-x !default;
-$kendo-button-padding-x-md: $btn-padding-x !default;
-$kendo-button-padding-x-lg: $btn-padding-x !default;
-
 /// Vertical padding of the button.
 /// @group button
 $kendo-button-padding-y: $btn-padding-y !default;
-$kendo-button-padding-y-sm: $btn-padding-y-sm !default;
-$kendo-button-padding-y-md: $btn-padding-y !default;
-$kendo-button-padding-y-lg: $btn-padding-y-lg !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: $btn-font-size !default;
-$kendo-button-font-size-sm: $btn-font-size !default;
-$kendo-button-font-size-md: $btn-font-size !default;
-$kendo-button-font-size-lg: $btn-font-size !default;
-
 /// Line heights used along with $font-size.
 /// @group button
 $kendo-button-line-height: $btn-line-height !default;
-$kendo-button-line-height-sm: $btn-line-height !default;
-$kendo-button-line-height-md: $btn-line-height !default;
-$kendo-button-line-height-lg: $btn-line-height !default;
+
+$kendo-button-padding-x-sm: $btn-padding-x-sm !default;
+$kendo-button-padding-y-sm: $btn-padding-y-sm !default;
+$kendo-button-font-size-sm: $font-size-sm !default;
+$kendo-button-line-height-sm: ( 20 / 14 ) !default;
+
+$kendo-button-padding-x-md: $btn-padding-x !default;
+$kendo-button-padding-y-md: $btn-padding-y !default;
+$kendo-button-font-size-md: $font-size-md !default;
+$kendo-button-line-height-md: $line-height-md !default;
+
+$kendo-button-padding-x-lg: $btn-padding-x-lg !default;
+$kendo-button-padding-y-lg: $btn-padding-y-lg !default;
+$kendo-button-font-size-lg: $font-size-md !default;
+$kendo-button-line-height-lg: $line-height-md !default;
 
 /// Calculated height of the button.
 /// @group button
@@ -10161,6 +10160,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(
@@ -10386,45 +10406,27 @@ $kendo-button-transition: $transition !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} );
+            }
         }
     }
 
@@ -10952,29 +10954,46 @@ $kendo-button-transition: $transition !default;
 // Component
 // #region @import "_variables.scss"; -> packages/bootstrap/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: $input-border-width !default;
 $kendo-input-border-height: ( $kendo-input-border-width * 2 ) !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: $input-padding-x !default;
+/// Vertical padding of input components.
+/// @group input
 $kendo-input-padding-y: $input-padding-y !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 !default;
+/// Line height of input components.
+/// @group input
 $kendo-input-line-height: $input-line-height !default;
 
-$kendo-input-padding-x-sm: $input-padding-x !default;
+$kendo-input-padding-x-sm: $input-padding-x-sm !default;
 $kendo-input-padding-y-sm: $input-padding-y-sm !default;
-$kendo-input-font-size-sm: $font-size-md !default;
-$kendo-input-line-height-sm: $line-height-md !default;
+$kendo-input-font-size-sm: $font-size-sm !default;
+$kendo-input-line-height-sm: ( 20 / 14 ) !default;
 
 $kendo-input-padding-x-md: $input-padding-x !default;
 $kendo-input-padding-y-md: $input-padding-y !default;
 $kendo-input-font-size-md: $font-size-md !default;
 $kendo-input-line-height-md: $line-height-md !default;
 
-$kendo-input-padding-x-lg: $input-padding-x !default;
+$kendo-input-padding-x-lg: $input-padding-x-lg !default;
 $kendo-input-padding-y-lg: $input-padding-y-lg !default;
 $kendo-input-font-size-lg: $font-size-md !default;
 $kendo-input-line-height-lg: $line-height-md !default;
@@ -13494,7 +13513,7 @@ $kendo-chip-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !de
 /// Font sizes of the chip.
 /// @group chip
 $kendo-chip-font-size: $font-size-md !default;
-$kendo-chip-font-size-sm: $font-size-md !default;
+$kendo-chip-font-size-sm: $font-size-sm !default;
 $kendo-chip-font-size-md: $font-size-md !default;
 $kendo-chip-font-size-lg: $font-size-md !default;
 
@@ -21610,13 +21629,13 @@ $kendo-treeview-font-family: $font-family !default;
 /// Font size of the treeview component.
 /// @group treeview
 $kendo-treeview-font-size: $font-size-md !default;
-$kendo-treeview-font-size-sm: $font-size-md !default;
+$kendo-treeview-font-size-sm: $font-size-sm !default;
 $kendo-treeview-font-size-md: $font-size-md !default;
 $kendo-treeview-font-size-lg: $font-size-md !default;
 /// Line height of the treeview component.
 /// @group treeview
 $kendo-treeview-line-height: $line-height !default;
-$kendo-treeview-line-height-sm: $line-height !default;
+$kendo-treeview-line-height-sm: (20 / 14) !default;
 $kendo-treeview-line-height-md: $line-height !default;
 $kendo-treeview-line-height-lg: $line-height !default;
 
@@ -21627,15 +21646,15 @@ $kendo-treeview-indent: 16px !default;
 /// Horizontal padding of treeview items.
 /// @group treeview
 $kendo-treeview-item-padding-x: map-get( $spacing, 3 ) !default;
-$kendo-treeview-item-padding-x-sm: map-get( $spacing, 3 ) !default;
+$kendo-treeview-item-padding-x-sm: map-get( $spacing, 2 ) !default;
 $kendo-treeview-item-padding-x-md: map-get( $spacing, 3 ) !default;
 $kendo-treeview-item-padding-x-lg: map-get( $spacing, 3 ) !default;
 /// Vertical padding of treeview items.
 /// @group treeview
 $kendo-treeview-item-padding-y: map-get( $spacing, 1 ) !default;
-$kendo-treeview-item-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
+$kendo-treeview-item-padding-y-sm: map-get( $spacing, 1 ) !default;
 $kendo-treeview-item-padding-y-md: map-get( $spacing, 1 ) !default;
-$kendo-treeview-item-padding-y-lg: map-get( $spacing, 1 ) + 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/bootstrap-3-dark.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 3 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#000000",
         "#222222",

package/lib/swatches/bootstrap-3.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 3",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/bootstrap-4-dark.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 4 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#000000",
         "#212529",

package/lib/swatches/bootstrap-4.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 4",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#f8f9fa",

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

@@ -3,7 +3,7 @@
     "name": "Bootstrap Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#0275d8",
         "#5bc0de",

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

@@ -3,7 +3,7 @@
     "name": "Bootstrap Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#000000",
         "#212529",

package/lib/swatches/bootstrap-main.json

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

package/lib/swatches/bootstrap-nordic.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#f8f9fa",

package/lib/swatches/bootstrap-turquoise-dark.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Turquoise Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#000000",
         "#292b2c",

package/lib/swatches/bootstrap-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#f2f2f2",

package/lib/swatches/bootstrap-urban.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#e3eef4",

package/lib/swatches/bootstrap-vintage.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Vintage",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.5.1-dev.0",
+    "version": "5.5.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#f2efe8",

package/package.json

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

package/scss/button/_variables.scss

@@ -11,34 +11,33 @@ $kendo-button-border-radius: null !default;
 /// Horizontal padding of the button.
 /// @group button
 $kendo-button-padding-x: $btn-padding-x !default;
-$kendo-button-padding-x-sm: $btn-padding-x !default;
-$kendo-button-padding-x-md: $btn-padding-x !default;
-$kendo-button-padding-x-lg: $btn-padding-x !default;
-
 /// Vertical padding of the button.
 /// @group button
 $kendo-button-padding-y: $btn-padding-y !default;
-$kendo-button-padding-y-sm: $btn-padding-y-sm !default;
-$kendo-button-padding-y-md: $btn-padding-y !default;
-$kendo-button-padding-y-lg: $btn-padding-y-lg !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: $btn-font-size !default;
-$kendo-button-font-size-sm: $btn-font-size !default;
-$kendo-button-font-size-md: $btn-font-size !default;
-$kendo-button-font-size-lg: $btn-font-size !default;
-
 /// Line heights used along with $font-size.
 /// @group button
 $kendo-button-line-height: $btn-line-height !default;
-$kendo-button-line-height-sm: $btn-line-height !default;
-$kendo-button-line-height-md: $btn-line-height !default;
-$kendo-button-line-height-lg: $btn-line-height !default;
+
+$kendo-button-padding-x-sm: $btn-padding-x-sm !default;
+$kendo-button-padding-y-sm: $btn-padding-y-sm !default;
+$kendo-button-font-size-sm: $font-size-sm !default;
+$kendo-button-line-height-sm: ( 20 / 14 ) !default;
+
+$kendo-button-padding-x-md: $btn-padding-x !default;
+$kendo-button-padding-y-md: $btn-padding-y !default;
+$kendo-button-font-size-md: $font-size-md !default;
+$kendo-button-line-height-md: $line-height-md !default;
+
+$kendo-button-padding-x-lg: $btn-padding-x-lg !default;
+$kendo-button-padding-y-lg: $btn-padding-y-lg !default;
+$kendo-button-font-size-lg: $font-size-md !default;
+$kendo-button-line-height-lg: $line-height-md !default;
 
 /// Calculated height of the button.
 /// @group 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/chip/_variables.scss

@@ -24,7 +24,7 @@ $kendo-chip-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !de
 /// Font sizes of the chip.
 /// @group chip
 $kendo-chip-font-size: $font-size-md !default;
-$kendo-chip-font-size-sm: $font-size-md !default;
+$kendo-chip-font-size-sm: $font-size-sm !default;
 $kendo-chip-font-size-md: $font-size-md !default;
 $kendo-chip-font-size-lg: $font-size-md !default;
 

package/scss/input/_variables.scss

@@ -1,27 +1,44 @@
 // 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: $input-border-width !default;
 $kendo-input-border-height: ( $kendo-input-border-width * 2 ) !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: $input-padding-x !default;
+/// Vertical padding of input components.
+/// @group input
 $kendo-input-padding-y: $input-padding-y !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 !default;
+/// Line height of input components.
+/// @group input
 $kendo-input-line-height: $input-line-height !default;
 
-$kendo-input-padding-x-sm: $input-padding-x !default;
+$kendo-input-padding-x-sm: $input-padding-x-sm !default;
 $kendo-input-padding-y-sm: $input-padding-y-sm !default;
-$kendo-input-font-size-sm: $font-size-md !default;
-$kendo-input-line-height-sm: $line-height-md !default;
+$kendo-input-font-size-sm: $font-size-sm !default;
+$kendo-input-line-height-sm: ( 20 / 14 ) !default;
 
 $kendo-input-padding-x-md: $input-padding-x !default;
 $kendo-input-padding-y-md: $input-padding-y !default;
 $kendo-input-font-size-md: $font-size-md !default;
 $kendo-input-line-height-md: $line-height-md !default;
 
-$kendo-input-padding-x-lg: $input-padding-x !default;
+$kendo-input-padding-x-lg: $input-padding-x-lg !default;
 $kendo-input-padding-y-lg: $input-padding-y-lg !default;
 $kendo-input-font-size-lg: $font-size-md !default;
 $kendo-input-line-height-lg: $line-height-md !default;

package/scss/list/_variables.scss

@@ -3,14 +3,14 @@
 /// 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-md !default;
+$kendo-list-font-size-sm: $font-size-sm !default;
 $kendo-list-font-size-md: $font-size-md !default;
 $kendo-list-font-size-lg: $font-size-md !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: null !default;
+$kendo-list-line-height-sm: (20 / 14) !default;
 $kendo-list-line-height-md: null !default;
 $kendo-list-line-height-lg: null !default;
 
@@ -26,9 +26,9 @@ $kendo-list-header-padding-x-lg: map-get( $spacing, 4 ) !default;
 /// @group list
 $kendo-list-header-padding-y: null !default;
 $kendo-list-header-padding-y-base: map-get( $spacing, 1 ) !default;
-$kendo-list-header-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
+$kendo-list-header-padding-y-sm: map-get( $spacing, 1 ) !default;
 $kendo-list-header-padding-y-md: map-get( $spacing, 1 ) !default;
-$kendo-list-header-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
+$kendo-list-header-padding-y-lg: map-get( $spacing, 2 ) !default;
 
 /// Border width of list header.
 /// @group list
@@ -64,9 +64,9 @@ $kendo-list-item-padding-x-lg: map-get( $spacing, 4 ) !default;
 /// @group list
 $kendo-list-item-padding-y: null !default;
 $kendo-list-item-padding-y-base: map-get( $spacing, 1 ) !default;
-$kendo-list-item-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
+$kendo-list-item-padding-y-sm: map-get( $spacing, 1 ) !default;
 $kendo-list-item-padding-y-md: map-get( $spacing, 1 ) !default;
-$kendo-list-item-padding-y-lg: map-get( $spacing, 1 ) + 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,13 +6,13 @@ $kendo-treeview-font-family: $font-family !default;
 /// Font size of the treeview component.
 /// @group treeview
 $kendo-treeview-font-size: $font-size-md !default;
-$kendo-treeview-font-size-sm: $font-size-md !default;
+$kendo-treeview-font-size-sm: $font-size-sm !default;
 $kendo-treeview-font-size-md: $font-size-md !default;
 $kendo-treeview-font-size-lg: $font-size-md !default;
 /// Line height of the treeview component.
 /// @group treeview
 $kendo-treeview-line-height: $line-height !default;
-$kendo-treeview-line-height-sm: $line-height !default;
+$kendo-treeview-line-height-sm: (20 / 14) !default;
 $kendo-treeview-line-height-md: $line-height !default;
 $kendo-treeview-line-height-lg: $line-height !default;
 
@@ -23,15 +23,15 @@ $kendo-treeview-indent: 16px !default;
 /// Horizontal padding of treeview items.
 /// @group treeview
 $kendo-treeview-item-padding-x: map-get( $spacing, 3 ) !default;
-$kendo-treeview-item-padding-x-sm: map-get( $spacing, 3 ) !default;
+$kendo-treeview-item-padding-x-sm: map-get( $spacing, 2 ) !default;
 $kendo-treeview-item-padding-x-md: map-get( $spacing, 3 ) !default;
 $kendo-treeview-item-padding-x-lg: map-get( $spacing, 3 ) !default;
 /// Vertical padding of treeview items.
 /// @group treeview
 $kendo-treeview-item-padding-y: map-get( $spacing, 1 ) !default;
-$kendo-treeview-item-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
+$kendo-treeview-item-padding-y-sm: map-get( $spacing, 1 ) !default;
 $kendo-treeview-item-padding-y-md: map-get( $spacing, 1 ) !default;
-$kendo-treeview-item-padding-y-lg: map-get( $spacing, 1 ) + 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;