@progress/kendo-theme-bootstrap 11.2.1-dev.1 → 11.3.0

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

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

package/lib/swatches/bootstrap-3.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 3",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "11.2.1-dev.1",
+    "version": "11.3.0",
     "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": "11.2.1-dev.1",
+    "version": "11.3.0",
     "previewColors": [
         "#000000",
         "#212529",

package/lib/swatches/bootstrap-4.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 4",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "11.2.1-dev.1",
+    "version": "11.3.0",
     "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": "11.2.1-dev.1",
+    "version": "11.3.0",
     "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": "11.2.1-dev.1",
+    "version": "11.3.0",
     "previewColors": [
         "#000000",
         "#212529",
@@ -49,7 +49,7 @@
                 "border-alt": {
                     "name": "Border Alt",
                     "type": "color",
-                    "value": "rgba(222, 226, 230, 0.36)"
+                    "value": "rgba(255, 255, 255, 0.15)"
                 },
                 "base-subtle": {
                     "name": "Base Subtle",
@@ -109,7 +109,7 @@
                 "primary-subtle-hover": {
                     "name": "Primary Subtle Hover",
                     "type": "color",
-                    "value": "#04224E"
+                    "value": "#012151"
                 },
                 "primary-subtle-active": {
                     "name": "Primary Subtle Active",
@@ -124,7 +124,7 @@
                 "primary-hover": {
                     "name": "Primary Hover",
                     "type": "color",
-                    "value": "#0C64E4"
+                    "value": "#0b5ed7"
                 },
                 "primary-active": {
                     "name": "Primary Active",
@@ -154,17 +154,17 @@
                 "secondary-subtle": {
                     "name": "Secondary Subtle",
                     "type": "color",
-                    "value": "#121417"
+                    "value": "#161719"
                 },
                 "secondary-subtle-hover": {
                     "name": "Secondary Subtle Hover",
                     "type": "color",
-                    "value": "#1A1D20"
+                    "value": "#242526"
                 },
                 "secondary-subtle-active": {
                     "name": "Secondary Subtle Active",
                     "type": "color",
-                    "value": "#212529"
+                    "value": "#2E2F2F"
                 },
                 "secondary": {
                     "name": "Secondary",
@@ -174,12 +174,12 @@
                 "secondary-hover": {
                     "name": "Secondary Hover",
                     "type": "color",
-                    "value": "#5C636A"
+                    "value": "#5c636a"
                 },
                 "secondary-active": {
                     "name": "Secondary Active",
                     "type": "color",
-                    "value": "#555C64"
+                    "value": "#565e64"
                 },
                 "secondary-emphasis": {
                     "name": "Secondary Emphasis",
@@ -189,7 +189,7 @@
                 "secondary-on-subtle": {
                     "name": "Secondary On Subtle",
                     "type": "color",
-                    "value": "#ADB5BD"
+                    "value": "#a7acb1"
                 },
                 "on-secondary": {
                     "name": "On Secondary",
@@ -224,12 +224,12 @@
                 "tertiary-hover": {
                     "name": "Tertiary Hover",
                     "type": "color",
-                    "value": "#59359A"
+                    "value": "#7E58C6"
                 },
                 "tertiary-active": {
                     "name": "Tertiary Active",
                     "type": "color",
-                    "value": "#4E2F89"
+                    "value": "#8C68CD"
                 },
                 "tertiary-emphasis": {
                     "name": "Tertiary Emphasis",
@@ -239,7 +239,7 @@
                 "tertiary-on-subtle": {
                     "name": "Tertiary On Subtle",
                     "type": "color",
-                    "value": "#B9A3E1"
+                    "value": "#A98EDA"
                 },
                 "on-tertiary": {
                     "name": "On Tertiary",
@@ -274,12 +274,12 @@
                 "info-hover": {
                     "name": "Info Hover",
                     "type": "color",
-                    "value": "#3DD5F3"
+                    "value": "#31d2f2"
                 },
                 "info-active": {
                     "name": "Info Active",
                     "type": "color",
-                    "value": "#6EDFF6"
+                    "value": "#3dd5f3"
                 },
                 "info-emphasis": {
                     "name": "Info Emphasis",
@@ -314,7 +314,7 @@
                 "success-subtle-active": {
                     "name": "Success Subtle Active",
                     "type": "color",
-                    "value": "#0D442A"
+                    "value": "#0F5132"
                 },
                 "success": {
                     "name": "Success",
@@ -324,12 +324,12 @@
                 "success-hover": {
                     "name": "Success Hover",
                     "type": "color",
-                    "value": "#146C43"
+                    "value": "#157347"
                 },
                 "success-active": {
                     "name": "Success Active",
                     "type": "color",
-                    "value": "#0F5132"
+                    "value": "#146c43"
                 },
                 "success-emphasis": {
                     "name": "Success Emphasis",
@@ -374,12 +374,12 @@
                 "warning-hover": {
                     "name": "Warning Hover",
                     "type": "color",
-                    "value": "#CC9A06"
+                    "value": "#ffca2c"
                 },
                 "warning-active": {
                     "name": "Warning Active",
                     "type": "color",
-                    "value": "#B38705"
+                    "value": "#ffcd39"
                 },
                 "warning-emphasis": {
                     "name": "Warning Emphasis",
@@ -424,12 +424,12 @@
                 "error-hover": {
                     "name": "Error Hover",
                     "type": "color",
-                    "value": "#B02A37"
+                    "value": "#bb2d3b"
                 },
                 "error-active": {
                     "name": "Error Active",
                     "type": "color",
-                    "value": "#9A2530"
+                    "value": "#b02a37"
                 },
                 "error-emphasis": {
                     "name": "Error Emphasis",
@@ -474,12 +474,12 @@
                 "light-hover": {
                     "name": "Light Hover",
                     "type": "color",
-                    "value": "#E9ECEF"
+                    "value": "#d3d4d5"
                 },
                 "light-active": {
                     "name": "Light Active",
                     "type": "color",
-                    "value": "#DEE2E6"
+                    "value": "#c6c7c8"
                 },
                 "light-emphasis": {
                     "name": "Light Emphasis",
@@ -499,7 +499,7 @@
                 "light-on-surface": {
                     "name": "Light On Surface",
                     "type": "color",
-                    "value": "black"
+                    "value": "#f8f9fa"
                 },
                 "dark-subtle": {
                     "name": "Dark Subtle",
@@ -514,7 +514,7 @@
                 "dark-subtle-active": {
                     "name": "Dark Subtle Active",
                     "type": "color",
-                    "value": "#2B3035"
+                    "value": "#2B2F32"
                 },
                 "dark": {
                     "name": "Dark",
@@ -524,12 +524,12 @@
                 "dark-hover": {
                     "name": "Dark Hover",
                     "type": "color",
-                    "value": "#41464B"
+                    "value": "#424649"
                 },
                 "dark-active": {
                     "name": "Dark Active",
                     "type": "color",
-                    "value": "#495057"
+                    "value": "#4d5154"
                 },
                 "dark-emphasis": {
                     "name": "Dark Emphasis",

package/lib/swatches/bootstrap-main.json

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

package/lib/swatches/bootstrap-nordic.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "11.2.1-dev.1",
+    "version": "11.3.0",
     "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": "11.2.1-dev.1",
+    "version": "11.3.0",
     "previewColors": [
         "#000000",
         "#292b2c",

package/lib/swatches/bootstrap-turquoise.json

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

package/lib/swatches/bootstrap-urban.json

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

package/lib/swatches/bootstrap-vintage.json

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-bootstrap",
   "description": "Bootstrap theme for Kendo UI",
-  "version": "11.2.1-dev.1",
+  "version": "11.3.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -53,12 +53,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.1.0",
-    "@progress/kendo-theme-core": "11.2.1-dev.1",
-    "@progress/kendo-theme-utils": "11.2.1-dev.1"
+    "@progress/kendo-theme-core": "11.3.0",
+    "@progress/kendo-theme-utils": "11.3.0"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "05a6da8b6ec28af742b5b5284582b9cfcde6fe29"
+  "gitHead": "89fa2a4b285a36ead7c7440ab9bb9764dbe7da9f"
 }

package/scss/appbar/_variables.scss

@@ -11,7 +11,7 @@ $kendo-appbar-margin-x: null !default;
 $kendo-appbar-margin-y: null !default;
 /// The horizontal padding of the AppBar.
 /// @group appbar
-$kendo-appbar-padding-x: k-spacing(2) !default;
+$kendo-appbar-padding-x: k-spacing(3) !default;
 /// The vertical padding of the AppBar.
 /// @group appbar
 $kendo-appbar-padding-y: k-spacing(2) !default;

package/scss/badge/_variables.scss

@@ -6,31 +6,25 @@
 /// @group badge
 $kendo-badge-border-width: 1px !default;
 
-/// The horizontal padding of the Badge.
-/// @group badge
-$kendo-badge-padding-x: .65em !default;
 /// The horizontal padding of the small Badge.
 /// @group badge
-$kendo-badge-sm-padding-x: calc( $kendo-badge-padding-x / 2 ) !default;
+$kendo-badge-sm-padding-x: calc( .65em / 2 ) !default;
 /// The horizontal padding of the medium Badge.
 /// @group badge
 $kendo-badge-md-padding-x: .65em !default;
 /// The horizontal padding of the large Badge.
 /// @group badge
-$kendo-badge-lg-padding-x: calc( $kendo-badge-padding-x * 1.5 ) !default;
+$kendo-badge-lg-padding-x: calc( $kendo-badge-md-padding-x * 1.5 ) !default;
 
-/// The vertical padding of the Badge.
-/// @group badge
-$kendo-badge-padding-y: .35em !default;
 /// The vertical padding of the small Badge.
 /// @group badge
-$kendo-badge-sm-padding-y: calc( $kendo-badge-padding-y / 2 ) !default;
+$kendo-badge-sm-padding-y: calc( .35em / 2 ) !default;
 /// The vertical padding of the medium Badge.
 /// @group badge
 $kendo-badge-md-padding-y: .35em !default;
 /// The vertical padding of the large Badge.
 /// @group badge
-$kendo-badge-lg-padding-y: calc( $kendo-badge-padding-y * 1.5 ) !default;
+$kendo-badge-lg-padding-y: calc( $kendo-badge-md-padding-y * 1.5 ) !default;
 
 /// The font sizes of the Badge.
 /// @group badge
@@ -60,7 +54,7 @@ $kendo-badge-lg-line-height: $kendo-badge-line-height !default;
 
 /// The calculated minimum width of the circular Badge.
 /// @group badge
-$kendo-badge-min-width: calc( #{$kendo-badge-line-height * 1em} + calc( #{$kendo-badge-padding-y} * 2 ) + calc( #{$kendo-badge-border-width} * 2 )) !default;
+$kendo-badge-min-width: calc( #{$kendo-badge-line-height * 1em} + calc( #{$kendo-badge-md-padding-y} * 2 ) + calc( #{$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} + calc( #{$kendo-badge-sm-padding-y} * 2 ) + calc( #{$kendo-badge-border-width} * 2 ) ) !default;
@@ -112,11 +106,9 @@ $kendo-badge-theme-colors: (
 
 @forward "@progress/kendo-theme-core/scss/components/badge/_variables.scss" with (
     $kendo-badge-border-width: $kendo-badge-border-width,
-    $kendo-badge-padding-x: $kendo-badge-padding-x,
     $kendo-badge-sm-padding-x: $kendo-badge-sm-padding-x,
     $kendo-badge-md-padding-x: $kendo-badge-md-padding-x,
     $kendo-badge-lg-padding-x: $kendo-badge-lg-padding-x,
-    $kendo-badge-padding-y: $kendo-badge-padding-y,
     $kendo-badge-sm-padding-y: $kendo-badge-sm-padding-y,
     $kendo-badge-md-padding-y: $kendo-badge-md-padding-y,
     $kendo-badge-lg-padding-y: $kendo-badge-lg-padding-y,

package/scss/breadcrumb/_variables.scss

@@ -66,28 +66,22 @@ $kendo-breadcrumb-border: k-color(border) !default;
 /// @group breadcrumb
 $kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba( black, .06 ) !default;
 
-/// The horizontal padding of the Breadcrumb link.
-/// @group breadcrumb
-$kendo-breadcrumb-link-padding-x: k-spacing(3) !default;
 /// The horizontal padding of the small Breadcrumb link.
 /// @group breadcrumb
-$kendo-breadcrumb-sm-link-padding-x: k-spacing(3) !default;
+$kendo-breadcrumb-sm-link-padding-x: k-spacing(2) !default;
 /// The horizontal padding of the medium Breadcrumb link.
 /// @group breadcrumb
-$kendo-breadcrumb-md-link-padding-x: $kendo-breadcrumb-link-padding-x !default;
+$kendo-breadcrumb-md-link-padding-x: k-spacing(2) !default;
 /// The horizontal padding of the large Breadcrumb link.
 /// @group breadcrumb
 $kendo-breadcrumb-lg-link-padding-x: k-spacing(3) !default;
 
-/// The vertical padding of the Breadcrumb link.
-/// @group breadcrumb
-$kendo-breadcrumb-link-padding-y: k-spacing(2) !default;
 /// The vertical padding of the small Breadcrumb link.
 /// @group breadcrumb
 $kendo-breadcrumb-sm-link-padding-y: k-spacing(1.5) !default;
 /// The vertical padding of the medium Breadcrumb link.
 /// @group breadcrumb
-$kendo-breadcrumb-md-link-padding-y: $kendo-breadcrumb-link-padding-y !default;
+$kendo-breadcrumb-md-link-padding-y: k-spacing(2) !default;
 /// The vertical padding of the large Breadcrumb link.
 /// @group breadcrumb
 $kendo-breadcrumb-lg-link-padding-y: k-spacing(2.5) !default;
@@ -96,28 +90,22 @@ $kendo-breadcrumb-lg-link-padding-y: k-spacing(2.5) !default;
 /// @group breadcrumb
 $kendo-breadcrumb-link-border-radius: k-border-radius(md) !default;
 
-/// The vertical padding of the Breadcrumb link icon.
-/// @group breadcrumb
-$kendo-breadcrumb-icon-link-padding-y: k-spacing(3) !default;
 /// The vertical padding of the small Breadcrumb link icon.
 /// @group breadcrumb
 $kendo-breadcrumb-sm-icon-link-padding-y: k-spacing(2) !default;
 /// The vertical padding of the medium Breadcrumb link icon.
 /// @group breadcrumb
-$kendo-breadcrumb-md-icon-link-padding-y: $kendo-breadcrumb-icon-link-padding-y !default;
+$kendo-breadcrumb-md-icon-link-padding-y: k-spacing(3) !default;
 /// The vertical padding of the large Breadcrumb link icon.
 /// @group breadcrumb
 $kendo-breadcrumb-lg-icon-link-padding-y: k-spacing(3.5) !default;
 
-/// The horizontal padding of the Breadcrumb link icon.
-/// @group breadcrumb
-$kendo-breadcrumb-icon-link-padding-x: $kendo-breadcrumb-icon-link-padding-y !default;
 /// The horizontal padding of the small Breadcrumb link icon.
 /// @group breadcrumb
 $kendo-breadcrumb-sm-icon-link-padding-x: $kendo-breadcrumb-sm-icon-link-padding-y !default;
 /// The horizontal padding of the medium Breadcrumb link icon.
 /// @group breadcrumb
-$kendo-breadcrumb-md-icon-link-padding-x: $kendo-breadcrumb-icon-link-padding-x !default;
+$kendo-breadcrumb-md-icon-link-padding-x: $kendo-breadcrumb-md-icon-link-padding-y !default;
 /// The horizontal padding of the large Breadcrumb link icon.
 /// @group breadcrumb
 $kendo-breadcrumb-lg-icon-link-padding-x: $kendo-breadcrumb-lg-icon-link-padding-y !default;
@@ -255,20 +243,16 @@ $kendo-breadcrumb-sizes: (
     $kendo-breadcrumb-text: $kendo-breadcrumb-text,
     $kendo-breadcrumb-border: $kendo-breadcrumb-border,
     $kendo-breadcrumb-focus-shadow: $kendo-breadcrumb-focus-shadow,
-    $kendo-breadcrumb-link-padding-x: $kendo-breadcrumb-link-padding-x,
     $kendo-breadcrumb-sm-link-padding-x: $kendo-breadcrumb-sm-link-padding-x,
     $kendo-breadcrumb-md-link-padding-x: $kendo-breadcrumb-md-link-padding-x,
     $kendo-breadcrumb-lg-link-padding-x: $kendo-breadcrumb-lg-link-padding-x,
-    $kendo-breadcrumb-link-padding-y: $kendo-breadcrumb-link-padding-y,
     $kendo-breadcrumb-sm-link-padding-y: $kendo-breadcrumb-sm-link-padding-y,
     $kendo-breadcrumb-md-link-padding-y: $kendo-breadcrumb-md-link-padding-y,
     $kendo-breadcrumb-lg-link-padding-y: $kendo-breadcrumb-lg-link-padding-y,
     $kendo-breadcrumb-link-border-radius: $kendo-breadcrumb-link-border-radius,
-    $kendo-breadcrumb-icon-link-padding-y: $kendo-breadcrumb-icon-link-padding-y,
     $kendo-breadcrumb-sm-icon-link-padding-y: $kendo-breadcrumb-sm-icon-link-padding-y,
     $kendo-breadcrumb-md-icon-link-padding-y: $kendo-breadcrumb-md-icon-link-padding-y,
     $kendo-breadcrumb-lg-icon-link-padding-y: $kendo-breadcrumb-lg-icon-link-padding-y,
-    $kendo-breadcrumb-icon-link-padding-x: $kendo-breadcrumb-icon-link-padding-x,
     $kendo-breadcrumb-sm-icon-link-padding-x: $kendo-breadcrumb-sm-icon-link-padding-x,
     $kendo-breadcrumb-md-icon-link-padding-x: $kendo-breadcrumb-md-icon-link-padding-x,
     $kendo-breadcrumb-lg-icon-link-padding-x: $kendo-breadcrumb-lg-icon-link-padding-x,

package/scss/button/_variables.scss

@@ -14,9 +14,6 @@ $kendo-button-border-width: 1px !default;
 /// @group button
 $kendo-button-border-radius: null !default;
 
-/// The horizontal padding of the Button.
-/// @group button
-$kendo-button-padding-x: k-spacing(3) !default;
 /// The horizontal padding of the small Button.
 /// @group button
 $kendo-button-sm-padding-x: k-spacing(2) !default;
@@ -27,9 +24,6 @@ $kendo-button-md-padding-x: k-spacing(3) !default;
 /// @group button
 $kendo-button-lg-padding-x: k-spacing(4) !default;
 
-/// The vertical padding of the Button.
-/// @group button
-$kendo-button-padding-y: k-spacing(1.5) !default;
 /// The vertical padding of the small Button.
 /// @group button
 $kendo-button-sm-padding-y: k-spacing(1) !default;
@@ -58,7 +52,7 @@ $kendo-button-sm-font-size: var( --kendo-font-size-sm, inherit ) !default;
 $kendo-button-md-font-size: var( --kendo-font-size, inherit ) !default;
 /// The font size of the large Button.
 /// @group button
-$kendo-button-lg-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-button-lg-font-size: var( --kendo-font-size-lg, inherit ) !default;
 
 /// The line height used along with the $kendo-font-size variable.
 /// @group button
@@ -75,14 +69,13 @@ $kendo-button-lg-line-height: var( --kendo-line-height, normal ) !default;
 
 /// The calculated height of the Button.
 /// @group button
-$kendo-button-calc-size: calc( ( #{$kendo-button-line-height} * 1em ) + ( #{$kendo-button-padding-y} * 2 ) + ( #{$kendo-button-border-width} * 2 ) ) !default;
 $kendo-button-sm-calc-size: calc( ( #{$kendo-button-sm-line-height} * 1em ) + ( #{$kendo-button-sm-padding-y} * 2 ) + ( #{$kendo-button-border-width} * 2 ) ) !default;
 $kendo-button-md-calc-size: calc( ( #{$kendo-button-md-line-height} * 1em ) + ( #{$kendo-button-md-padding-y} * 2 ) + ( #{$kendo-button-border-width} * 2 ) ) !default;
 $kendo-button-lg-calc-size: calc( ( #{$kendo-button-lg-line-height} * 1em ) + ( #{$kendo-button-lg-padding-y} * 2 ) + ( #{$kendo-button-border-width} * 2 ) ) !default;
 
 /// The calculated inner height of the Button excluding the border width.
 /// @group button
-$kendo-button-inner-calc-size: calc( ( #{$kendo-button-line-height} * 1em ) + ( #{$kendo-button-padding-y} * 2 ) ) !default;
+$kendo-button-inner-calc-size: calc( ( #{$kendo-button-line-height} * 1em ) + ( #{$kendo-button-md-padding-y} * 2 ) ) !default;
 $kendo-button-sm-inner-calc-size: calc( ( #{$kendo-button-sm-line-height} * 1em ) + ( #{$kendo-button-sm-padding-y} * 2 ) ) !default;
 $kendo-button-md-inner-calc-size: calc( ( #{$kendo-button-md-line-height} * 1em ) + ( #{$kendo-button-md-padding-y} * 2 ) ) !default;
 $kendo-button-lg-inner-calc-size: calc( ( #{$kendo-button-lg-line-height} * 1em ) + ( #{$kendo-button-lg-padding-y} * 2 ) ) !default;
@@ -269,11 +262,9 @@ $kendo-button-transition: $kendo-transition !default;
 @forward "@progress/kendo-theme-core/scss/components/button/_variables.scss" with (
     $kendo-button-border-width: $kendo-button-border-width,
     $kendo-button-border-radius: $kendo-button-border-radius,
-    $kendo-button-padding-x: $kendo-button-padding-x,
     $kendo-button-sm-padding-x: $kendo-button-sm-padding-x,
     $kendo-button-md-padding-x: $kendo-button-md-padding-x,
     $kendo-button-lg-padding-x: $kendo-button-lg-padding-x,
-    $kendo-button-padding-y: $kendo-button-padding-y,
     $kendo-button-sm-padding-y: $kendo-button-sm-padding-y,
     $kendo-button-md-padding-y: $kendo-button-md-padding-y,
     $kendo-button-lg-padding-y: $kendo-button-lg-padding-y,
@@ -287,7 +278,6 @@ $kendo-button-transition: $kendo-transition !default;
     $kendo-button-sm-line-height: $kendo-button-sm-line-height,
     $kendo-button-md-line-height: $kendo-button-md-line-height,
     $kendo-button-lg-line-height: $kendo-button-lg-line-height,
-    $kendo-button-calc-size: $kendo-button-calc-size,
     $kendo-button-sm-calc-size: $kendo-button-sm-calc-size,
     $kendo-button-md-calc-size: $kendo-button-md-calc-size,
     $kendo-button-lg-calc-size: $kendo-button-lg-calc-size,

package/scss/card/_variables.scss

@@ -68,7 +68,7 @@ $kendo-card-focus-shadow: k-elevation(3) !default;
 $kendo-card-header-padding-x: $kendo-card-padding-x !default;
 /// The vertical padding of the Card header.
 /// @group card
-$kendo-card-header-padding-y: $kendo-card-padding-y !default;
+$kendo-card-header-padding-y: k-spacing(2) !default;
 /// The bottom border width of the Card header.
 /// @group card
 $kendo-card-header-border-width: $kendo-card-border-width !default;
@@ -91,10 +91,10 @@ $kendo-card-body-padding-y: $kendo-card-padding-x !default; // In bootstrap, all
 
 /// The horizontal padding of the Card footer.
 /// @group card
-$kendo-card-footer-padding-x: $kendo-card-padding-x !default;
+$kendo-card-footer-padding-x: $kendo-card-header-padding-x !default;
 /// The vertical padding of the Card footer.
 /// @group card
-$kendo-card-footer-padding-y: $kendo-card-padding-y !default;
+$kendo-card-footer-padding-y: $kendo-card-header-padding-y !default;
 /// The top border width of the Card footer.
 /// @group card
 $kendo-card-footer-border-width: $kendo-card-border-width !default;

package/scss/chat/_variables.scss

@@ -212,6 +212,13 @@ $kendo-chat-quick-reply-shadow-spread: .25rem !default;
 /// @group chat
 $kendo-chat-quick-reply-shadow-opacity: .5 !default;
 
+/// The size of the Chat typing indicator dot.
+/// @group chat
+$kendo-chat-typing-indicator-dot-size: 8px !default;
+/// The spacing of the Chat typing indicator dot.
+/// @group chat
+$kendo-chat-typing-indicator-dot-spacing: 5px !default;
+
 
 @forward "@progress/kendo-theme-core/scss/components/chat/_variables.scss" with (
     $kendo-chat-padding-x: $kendo-chat-padding-x,
@@ -276,5 +283,7 @@ $kendo-chat-quick-reply-shadow-opacity: .5 !default;
     $kendo-chat-quick-reply-hover-border: $kendo-chat-quick-reply-hover-border,
     $kendo-chat-quick-reply-shadow-blur: $kendo-chat-quick-reply-shadow-blur,
     $kendo-chat-quick-reply-shadow-spread: $kendo-chat-quick-reply-shadow-spread,
-    $kendo-chat-quick-reply-shadow-opacity: $kendo-chat-quick-reply-shadow-opacity
+    $kendo-chat-quick-reply-shadow-opacity: $kendo-chat-quick-reply-shadow-opacity,
+    $kendo-chat-typing-indicator-dot-size: $kendo-chat-typing-indicator-dot-size,
+    $kendo-chat-typing-indicator-dot-spacing: $kendo-chat-typing-indicator-dot-spacing
 );

package/scss/checkbox/_variables.scss

@@ -166,7 +166,7 @@ $kendo-checkbox-indeterminate-image: k-escape-svg( url("data:image/svg+xml,<svg
 
 /// The horizontal margin of the CheckBox inside a label.
 /// @group checkbox
-$kendo-checkbox-label-margin-x: k-spacing(1) !default;
+$kendo-checkbox-label-margin-x: k-spacing(2) !default;
 
 
 // CheckBox list
@@ -179,7 +179,7 @@ $kendo-checkbox-list-spacing: k-spacing(4) !default;
 $kendo-checkbox-list-item-padding-x: k-spacing(0) !default;
 /// The vertical padding of the CheckBox list items
 /// @group checkbox
-$kendo-checkbox-list-item-padding-y: $kendo-list-md-item-padding-y !default;
+$kendo-checkbox-list-item-padding-y: k-spacing(0.5) !default;
 
 
 // CheckBox ripple