@progress/kendo-theme-bootstrap 12.3.1-dev.8 → 13.0.0-dev.0

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

@@ -3,7 +3,7 @@
     "name": "Bootstrap 3 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "12.3.1-dev.8",
+    "version": "13.0.0-dev.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": "12.3.1-dev.8",
+    "version": "13.0.0-dev.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": "12.3.1-dev.8",
+    "version": "13.0.0-dev.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": "12.3.1-dev.8",
+    "version": "13.0.0-dev.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": "12.3.1-dev.8",
+    "version": "13.0.0-dev.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": "12.3.1-dev.8",
+    "version": "13.0.0-dev.0",
     "previewColors": [
         "#000000",
         "#212529",

package/lib/swatches/bootstrap-main.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "12.3.1-dev.8",
+    "version": "13.0.0-dev.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": "12.3.1-dev.8",
+    "version": "13.0.0-dev.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": "12.3.1-dev.8",
+    "version": "13.0.0-dev.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": "12.3.1-dev.8",
+    "version": "13.0.0-dev.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": "12.3.1-dev.8",
+    "version": "13.0.0-dev.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": "12.3.1-dev.8",
+    "version": "13.0.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#f2efe8",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-bootstrap",
   "description": "Bootstrap theme for Kendo UI",
-  "version": "12.3.1-dev.8",
+  "version": "13.0.0-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -53,13 +53,13 @@
     "postpublish": "echo 'no postpublish for bootstrap theme'"
   },
   "dependencies": {
-    "@progress/kendo-svg-icons": "^4.5.0",
-    "@progress/kendo-theme-core": "12.3.1-dev.8",
-    "@progress/kendo-theme-utils": "12.3.1-dev.8"
+    "@progress/kendo-svg-icons": "^4.6.0",
+    "@progress/kendo-theme-core": "13.0.0-dev.0",
+    "@progress/kendo-theme-utils": "13.0.0-dev.0"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "66a4b42fcb672f119d011fd733654db9710025d8"
+  "gitHead": "38e27eadee8553fb04c4e46f57812022ff2e149b"
 }

package/scss/appbar/_variables.scss

@@ -4,6 +4,11 @@
 
 // AppBar
 
+/// The default theme color of the AppBar.
+/// @group appbar
+/// @role default
+$kendo-appbar-default-theme-color: "light" !default;
+
 /// The horizontal margin of the AppBar.
 /// @group appbar
 $kendo-appbar-margin-x: null !default;
@@ -57,21 +62,6 @@ $kendo-appbar-box-shadow: k-elevation(4) !default;
 /// @group appbar
 $kendo-appbar-bottom-box-shadow: k-elevation(4) !default;
 
-/// The theme colors of the Appbar.
-/// @group appbar
-$kendo-appbar-theme-colors: (
-    "primary": k-color(primary),
-    "secondary": k-color(secondary),
-    "tertiary": k-color(tertiary),
-    "info": k-color(info),
-    "success": k-color(success),
-    "warning": k-color(warning),
-    "error": k-color(error),
-    "dark": k-color(dark),
-    "light": k-color(light),
-    "inverse": if($kendo-is-dark-theme, k-color(light), k-color(dark)),
-) !default;
-
 @forward "@progress/kendo-theme-core/scss/components/appbar/_variables.scss" with (
     $kendo-appbar-margin-x: $kendo-appbar-margin-x,
     $kendo-appbar-margin-y: $kendo-appbar-margin-y,
@@ -89,5 +79,5 @@ $kendo-appbar-theme-colors: (
     $kendo-appbar-dark-text: $kendo-appbar-dark-text,
     $kendo-appbar-box-shadow: $kendo-appbar-box-shadow,
     $kendo-appbar-bottom-box-shadow: $kendo-appbar-bottom-box-shadow,
-    $kendo-appbar-theme-colors: $kendo-appbar-theme-colors
+    $kendo-appbar-default-theme-color: $kendo-appbar-default-theme-color
 );

package/scss/avatar/_variables.scss

@@ -3,10 +3,31 @@
 
 // Avatar
 
+/// The default theme color of the Avatar.
+/// @group avatar
+/// @role default
+$kendo-avatar-default-theme-color: "primary" !default;
+/// The default fill mode of the Avatar.
+/// @group avatar
+/// @role default
+$kendo-avatar-default-fill-mode: "solid" !default;
+/// The default roundness of the Avatar.
+/// @group avatar
+/// @role default
+$kendo-avatar-default-roundness: "full" !default;
+/// The default size of the Avatar.
+/// @group avatar
+/// @role default
+$kendo-avatar-default-size: "md" !default;
+
 /// The border width of the Avatar.
 /// @group avatar
 $kendo-avatar-border-width: 1px !default;
 
+/// The border radius of the Avatar.
+/// @group avatar
+$kendo-avatar-border-radius: null !default;
+
 /// The font family of the Avatar.
 /// @group avatar
 $kendo-avatar-font-family: var( --kendo-font-family, inherit ) !default;
@@ -17,35 +38,27 @@ $kendo-avatar-font-size: var( --kendo-font-size, inherit ) !default;
 /// @group avatar
 $kendo-avatar-line-height: var( --kendo-line-height, normal ) !default;
 
-/// The sizes map of the Avatar.
+/// The small size of the Avatar.
 /// @group avatar
-$kendo-avatar-sizes: (
-    sm: k-spacing(4),
-    md: k-spacing(8),
-    lg: k-spacing(16)
-) !default;
-
-/// The theme colors map of the Avatar.
-/// @group avatar
-$kendo-avatar-theme-colors: (
-    "primary": k-color(primary),
-    "secondary": k-color(secondary),
-    "tertiary": k-color(tertiary),
-    "info": k-color(info),
-    "success": k-color(success),
-    "warning": k-color(warning),
-    "error": k-color(error),
-    "dark": k-color(dark),
-    "light": k-color(light),
-    "inverse": if($kendo-is-dark-theme, k-color(light), k-color(dark))
-) !default;
-
+$kendo-avatar-sm-size: k-spacing(4) !default;
+/// The medium size of the Avatar.
+/// @group avatar
+$kendo-avatar-md-size: k-spacing(8) !default;
+/// The large size of the Avatar.
+/// @group avatar
+$kendo-avatar-lg-size: k-spacing(16) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/avatar/_variables.scss" with (
+    $kendo-avatar-default-theme-color: $kendo-avatar-default-theme-color,
+    $kendo-avatar-default-fill-mode: $kendo-avatar-default-fill-mode,
+    $kendo-avatar-default-roundness: $kendo-avatar-default-roundness,
+    $kendo-avatar-default-size: $kendo-avatar-default-size,
     $kendo-avatar-border-width: $kendo-avatar-border-width,
+    $kendo-avatar-border-radius: $kendo-avatar-border-radius,
     $kendo-avatar-font-family: $kendo-avatar-font-family,
     $kendo-avatar-font-size: $kendo-avatar-font-size,
     $kendo-avatar-line-height: $kendo-avatar-line-height,
-    $kendo-avatar-sizes: $kendo-avatar-sizes,
-    $kendo-avatar-theme-colors: $kendo-avatar-theme-colors
+    $kendo-avatar-sm-size: $kendo-avatar-sm-size,
+    $kendo-avatar-md-size: $kendo-avatar-md-size,
+    $kendo-avatar-lg-size: $kendo-avatar-lg-size,
 );

package/scss/badge/_variables.scss

@@ -2,6 +2,23 @@
 
 // Badge
 
+/// The default theme color of the Badge.
+/// @group badge
+/// @role default
+$kendo-badge-default-theme-color: "primary" !default;
+/// The default fill mode of the Badge.
+/// @group badge
+/// @role default
+$kendo-badge-default-fill-mode: "solid" !default;
+/// The default size of the Badge.
+/// @group badge
+/// @role default
+$kendo-badge-default-size: "md" !default;
+/// The default roundness of the Badge.
+/// @group badge
+/// @role default
+$kendo-badge-default-roundness: "md" !default;
+
 /// The width of the border around the Badge.
 /// @group badge
 $kendo-badge-border-width: 1px !default;
@@ -65,48 +82,12 @@ $kendo-badge-md-min-width: calc( #{$kendo-badge-md-line-height * 1em} + calc( #{
 /// @group badge
 $kendo-badge-lg-min-width: calc( #{$kendo-badge-lg-line-height * 1em} + calc( #{$kendo-badge-lg-padding-y} * 2 ) + calc( #{$kendo-badge-border-width} * 2 ) ) !default;
 
-/// The sizes map for the Badge.
-/// @group badge
-$kendo-badge-sizes: (
-    sm: (
-        padding-x: $kendo-badge-sm-padding-x,
-        padding-y: $kendo-badge-sm-padding-y,
-        font-size: $kendo-badge-sm-font-size,
-        line-height: $kendo-badge-sm-line-height,
-        min-width: $kendo-badge-sm-min-width
-    ),
-    md: (
-        padding-x: $kendo-badge-md-padding-x,
-        padding-y: $kendo-badge-md-padding-y,
-        font-size: $kendo-badge-md-font-size,
-        line-height: $kendo-badge-md-line-height,
-        min-width: $kendo-badge-md-min-width
-    ),
-    lg: (
-        padding-x: $kendo-badge-lg-padding-x,
-        padding-y: $kendo-badge-lg-padding-y,
-        font-size: $kendo-badge-lg-font-size,
-        line-height: $kendo-badge-lg-line-height,
-        min-width: $kendo-badge-lg-min-width
-    )
-) !default;
-
-/// The theme colors of the Badge.
-/// @group badge
-$kendo-badge-theme-colors: (
-    "primary": k-color(primary),
-    "secondary": k-color(secondary),
-    "tertiary": k-color(tertiary),
-    "info": k-color(info),
-    "success": k-color(success),
-    "warning": k-color(warning),
-    "error": k-color(error),
-    "dark": k-color(dark),
-    "light": k-color(light),
-    "inverse": if($kendo-is-dark-theme, k-color(light), k-color(dark)),
-) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/badge/_variables.scss" with (
+    $kendo-badge-default-theme-color: $kendo-badge-default-theme-color,
+    $kendo-badge-default-fill-mode: $kendo-badge-default-fill-mode,
+    $kendo-badge-default-size: $kendo-badge-default-size,
+    $kendo-badge-default-roundness: $kendo-badge-default-roundness,
     $kendo-badge-border-width: $kendo-badge-border-width,
     $kendo-badge-sm-padding-x: $kendo-badge-sm-padding-x,
     $kendo-badge-md-padding-x: $kendo-badge-md-padding-x,
@@ -125,7 +106,5 @@ $kendo-badge-theme-colors: (
     $kendo-badge-min-width: $kendo-badge-min-width,
     $kendo-badge-sm-min-width: $kendo-badge-sm-min-width,
     $kendo-badge-md-min-width: $kendo-badge-md-min-width,
-    $kendo-badge-lg-min-width: $kendo-badge-lg-min-width,
-    $kendo-badge-sizes: $kendo-badge-sizes,
-    $kendo-badge-theme-colors: $kendo-badge-theme-colors
+    $kendo-badge-lg-min-width: $kendo-badge-lg-min-width
 );

package/scss/bottom-navigation/_variables.scss

@@ -3,6 +3,15 @@
 
 // BottomNavigation
 
+/// The default theme color of the BottomNavigation.
+/// @group bottom-navigation
+/// @role default
+$kendo-bottom-nav-default-theme-color: "primary" !default;
+/// The default fill mode of the BottomNavigation.
+/// @group bottom-navigation
+/// @role default
+$kendo-bottom-nav-default-fill-mode: "flat" !default;
+
 /// The horizontal padding of the BottomNavigation.
 /// @group bottom-navigation
 $kendo-bottom-nav-padding-x: k-spacing(0) !default;
@@ -64,22 +73,9 @@ $kendo-bottom-nav-flat-bg: k-color(surface-alt) !default;
 /// @group bottom-navigation
 $kendo-bottom-nav-flat-border: k-color(border) !default;
 
-/// The navigation theme colors of the BottomNavigation.
-/// @group bottom-navigation
-$kendo-bottom-navigation-theme-colors: (
-    "primary": k-color(primary),
-    "secondary": k-color(secondary),
-    "tertiary": k-color(tertiary),
-    "info": k-color(info),
-    "success": k-color(success),
-    "warning": k-color(warning),
-    "error": k-color(error),
-    "dark": k-color(dark),
-    "light": k-color(light),
-    "inverse": if($kendo-is-dark-theme, k-color(light), k-color(dark)),
-) !default;
-
 @forward "@progress/kendo-theme-core/scss/components/bottom-navigation/_variables.scss" with (
+    $kendo-bottom-nav-default-theme-color: $kendo-bottom-nav-default-theme-color,
+    $kendo-bottom-nav-default-fill-mode: $kendo-bottom-nav-default-fill-mode,
     $kendo-bottom-nav-padding-x: $kendo-bottom-nav-padding-x,
     $kendo-bottom-nav-padding-y: $kendo-bottom-nav-padding-y,
     $kendo-bottom-nav-gap: $kendo-bottom-nav-gap,
@@ -98,6 +94,5 @@ $kendo-bottom-navigation-theme-colors: (
     $kendo-bottom-nav-shadow: $kendo-bottom-nav-shadow,
     $kendo-bottom-nav-flat-text: $kendo-bottom-nav-flat-text,
     $kendo-bottom-nav-flat-bg: $kendo-bottom-nav-flat-bg,
-    $kendo-bottom-nav-flat-border: $kendo-bottom-nav-flat-border,
-    $kendo-bottom-navigation-theme-colors: $kendo-bottom-navigation-theme-colors
+    $kendo-bottom-nav-flat-border: $kendo-bottom-nav-flat-border
 );

package/scss/breadcrumb/_variables.scss

@@ -4,6 +4,11 @@
 
 // Breadcrumb
 
+/// The default size of the Breadcrumb.
+/// @group breadcrumb
+/// @role default
+$kendo-breadcrumb-default-size: "md" !default;
+
 /// The width of the border around the Breadcrumb.
 /// @group breadcrumb
 $kendo-breadcrumb-border-width: 0px !default;
@@ -194,37 +199,9 @@ $kendo-breadcrumb-current-item-text: k-color(secondary) !default;
 $kendo-breadcrumb-current-item-border: null !default;
 
 
-/// The sizes map for the Breadcrumb.
-/// @group breadcrumb
-$kendo-breadcrumb-sizes: (
-    sm: (
-        link-padding-x: $kendo-breadcrumb-sm-link-padding-x,
-        link-padding-y: $kendo-breadcrumb-sm-link-padding-y,
-        icon-link-padding-x: $kendo-breadcrumb-sm-icon-link-padding-x,
-        icon-link-padding-y: $kendo-breadcrumb-sm-icon-link-padding-y,
-        font-size: $kendo-breadcrumb-sm-font-size,
-        line-height: $kendo-breadcrumb-sm-line-height
-    ),
-    md: (
-        link-padding-x: $kendo-breadcrumb-md-link-padding-x,
-        link-padding-y: $kendo-breadcrumb-md-link-padding-y,
-        icon-link-padding-x: $kendo-breadcrumb-md-icon-link-padding-x,
-        icon-link-padding-y: $kendo-breadcrumb-md-icon-link-padding-y,
-        font-size: $kendo-breadcrumb-md-font-size,
-        line-height: $kendo-breadcrumb-md-line-height
-    ),
-    lg: (
-        link-padding-x: $kendo-breadcrumb-lg-link-padding-x,
-        link-padding-y: $kendo-breadcrumb-lg-link-padding-y,
-        icon-link-padding-x: $kendo-breadcrumb-lg-icon-link-padding-x,
-        icon-link-padding-y: $kendo-breadcrumb-lg-icon-link-padding-y,
-        font-size: $kendo-breadcrumb-lg-font-size,
-        line-height: $kendo-breadcrumb-lg-line-height
-    )
-) !default;
-
 
 @forward "@progress/kendo-theme-core/scss/components/breadcrumb/_variables.scss" with (
+    $kendo-breadcrumb-default-size: $kendo-breadcrumb-default-size,
     $kendo-breadcrumb-border-width: $kendo-breadcrumb-border-width,
     $kendo-breadcrumb-margin-x: $kendo-breadcrumb-margin-x,
     $kendo-breadcrumb-margin-y: $kendo-breadcrumb-margin-y,
@@ -281,5 +258,4 @@ $kendo-breadcrumb-sizes: (
     $kendo-breadcrumb-current-item-bg: $kendo-breadcrumb-current-item-bg,
     $kendo-breadcrumb-current-item-text: $kendo-breadcrumb-current-item-text,
     $kendo-breadcrumb-current-item-border: $kendo-breadcrumb-current-item-border,
-    $kendo-breadcrumb-sizes: $kendo-breadcrumb-sizes
 );

package/scss/button/_variables.scss

@@ -4,6 +4,23 @@
 
 // Button
 
+/// The default theme color of the Button.
+/// @group button
+/// @role default
+$kendo-button-default-theme-color: "base" !default;
+/// The default fill mode of the Button.
+/// @group button
+/// @role default
+$kendo-button-default-fill-mode: "solid" !default;
+/// The default roundness of the Button.
+/// @group button
+/// @role default
+$kendo-button-default-roundness: "md" !default;
+/// The default size of the Button.
+/// @group button
+/// @role default
+$kendo-button-default-size: "md" !default;
+
 /// The width of the border around the Button.
 /// @group button
 $kendo-button-border-width: 1px !default;
@@ -74,45 +91,6 @@ $kendo-button-sm-inner-calc-size: calc( ( #{$kendo-button-sm-line-height} * 1em
 $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;
 
-/// The sizes map for the Button.
-/// @group button
-$kendo-button-sizes: (
-    sm: (
-        padding-x: $kendo-button-sm-padding-x,
-        padding-y: $kendo-button-sm-padding-y,
-        font-size: $kendo-button-sm-font-size,
-        line-height: $kendo-button-sm-line-height
-    ),
-    md: (
-        padding-x: $kendo-button-md-padding-x,
-        padding-y: $kendo-button-md-padding-y,
-        font-size: $kendo-button-md-font-size,
-        line-height: $kendo-button-md-line-height
-    ),
-    lg: (
-        padding-x: $kendo-button-lg-padding-x,
-        padding-y: $kendo-button-lg-padding-y,
-        font-size: $kendo-button-lg-font-size,
-        line-height: $kendo-button-lg-line-height
-    )
-) !default;
-
-/// The theme colors map for the Button.
-/// @group button
-$kendo-button-theme-colors: (
-    "base": k-color(base),
-    "primary": k-color(primary),
-    "secondary": k-color(secondary),
-    "tertiary": k-color(tertiary),
-    "info": k-color(info),
-    "success": k-color(success),
-    "warning": k-color(warning),
-    "error": k-color(error),
-    "dark": k-color(dark),
-    "light": k-color(light),
-    "inverse": if($kendo-is-dark-theme, k-color(light), k-color(dark))
-) !default;
-
 /// The base background of the Button.
 /// @group button
 $kendo-button-bg: k-color(base) !default;
@@ -297,8 +275,6 @@ $kendo-button-transition: color k-transition(rapid), background-color k-transiti
     $kendo-button-sm-inner-calc-size: $kendo-button-sm-inner-calc-size,
     $kendo-button-md-inner-calc-size: $kendo-button-md-inner-calc-size,
     $kendo-button-lg-inner-calc-size: $kendo-button-lg-inner-calc-size,
-    $kendo-button-sizes: $kendo-button-sizes,
-    $kendo-button-theme-colors: $kendo-button-theme-colors,
     $kendo-button-bg: $kendo-button-bg,
     $kendo-button-text: $kendo-button-text,
     $kendo-button-border: $kendo-button-border,
@@ -345,5 +321,9 @@ $kendo-button-transition: color k-transition(rapid), background-color k-transiti
     $kendo-flat-button-active-opacity: $kendo-flat-button-active-opacity,
     $kendo-flat-button-selected-opacity: $kendo-flat-button-selected-opacity,
     $kendo-flat-button-focus-ring-opacity: $kendo-flat-button-focus-ring-opacity,
-    $kendo-button-transition: $kendo-button-transition
+    $kendo-button-transition: $kendo-button-transition,
+    $kendo-button-default-theme-color: $kendo-button-default-theme-color,
+    $kendo-button-default-fill-mode: $kendo-button-default-fill-mode,
+    $kendo-button-default-roundness: $kendo-button-default-roundness,
+    $kendo-button-default-size: $kendo-button-default-size
 );

package/scss/calendar/_variables.scss

@@ -4,6 +4,11 @@
 
 // Calendar
 
+/// The default size of the Calendar.
+/// @group calendar
+/// @role default
+$kendo-calendar-default-size: "md" !default;
+
 /// The width of the border around the Calendar.
 /// @group calendar
 $kendo-calendar-border-width: 1px !default;
@@ -12,10 +17,10 @@ $kendo-calendar-border-width: 1px !default;
 $kendo-calendar-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font size of the Calendar.
 /// @group calendar
-$kendo-calendar-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-calendar-font-size: null !default;
 /// The line height of the Calendar.
 /// @group calendar
-$kendo-calendar-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-calendar-line-height: null !default;
 /// The border-radius of the Calendar.
 /// @group calendar
 $kendo-calendar-border-radius: 0 !default;
@@ -323,34 +328,8 @@ $kendo-calendar-lg-cell-padding-x: k-spacing(1) !default;
 /// @group calendar
 $kendo-calendar-lg-cell-padding-y: k-spacing(1) !default;
 
-/// The sizes Map of the Calendar.
-/// @group calendar
-$kendo-calendar-sizes: (
-    sm: (
-        font-size: $kendo-calendar-sm-font-size,
-        line-height: $kendo-calendar-sm-line-height,
-        cell-size: $kendo-calendar-sm-cell-size,
-        cell-padding-x: $kendo-calendar-sm-cell-padding-y,
-        cell-padding-y: $kendo-calendar-sm-cell-padding-x
-    ),
-    md: (
-        font-size: $kendo-calendar-md-font-size,
-        line-height: $kendo-calendar-md-line-height,
-        cell-size: $kendo-calendar-md-cell-size,
-        cell-padding-x: $kendo-calendar-md-cell-padding-y,
-        cell-padding-y: $kendo-calendar-md-cell-padding-x
-    ),
-    lg: (
-        font-size: $kendo-calendar-lg-font-size,
-        line-height: $kendo-calendar-lg-line-height,
-        cell-size: $kendo-calendar-lg-cell-size,
-        cell-padding-x: $kendo-calendar-lg-cell-padding-y,
-        cell-padding-y: $kendo-calendar-lg-cell-padding-x
-    )
-) !default;
-
-
 @forward "@progress/kendo-theme-core/scss/components/calendar/_variables.scss" with (
+    $kendo-calendar-default-size: $kendo-calendar-default-size,
     $kendo-calendar-border-width: $kendo-calendar-border-width,
     $kendo-calendar-font-family: $kendo-calendar-font-family,
     $kendo-calendar-font-size: $kendo-calendar-font-size,
@@ -444,6 +423,5 @@ $kendo-calendar-sizes: (
     $kendo-calendar-lg-line-height: $kendo-calendar-lg-line-height,
     $kendo-calendar-lg-cell-size: $kendo-calendar-lg-cell-size,
     $kendo-calendar-lg-cell-padding-x: $kendo-calendar-lg-cell-padding-x,
-    $kendo-calendar-lg-cell-padding-y: $kendo-calendar-lg-cell-padding-y,
-    $kendo-calendar-sizes: $kendo-calendar-sizes
+    $kendo-calendar-lg-cell-padding-y: $kendo-calendar-lg-cell-padding-y
 );

package/scss/card/_variables.scss

@@ -5,6 +5,11 @@
 
 // Card
 
+/// The default theme color of the Card.
+/// @group card
+/// @role default
+$kendo-card-default-theme-color: null !default;
+
 /// The horizontal padding of the Card.
 /// @group card
 $kendo-card-padding-x: k-spacing(4) !default;
@@ -183,22 +188,8 @@ $kendo-card-callout-width: 1.3em !default;
 /// @group card
 $kendo-card-callout-height: 1.3em !default;
 
-/// The theme colors of the Card.
-/// @group card
-$kendo-card-theme-colors: (
-    "primary": k-color(primary),
-    "secondary": k-color(secondary),
-    "tertiary": k-color(tertiary),
-    "info": k-color(info),
-    "success": k-color(success),
-    "warning": k-color(warning),
-    "error": k-color(error),
-    "dark": k-color(dark),
-    "light": k-color(light),
-    "inverse": if($kendo-is-dark-theme, k-color(light), k-color(dark)),
-) !default;
-
 @forward "@progress/kendo-theme-core/scss/components/card/_variables.scss" with (
+    $kendo-card-default-theme-color: $kendo-card-default-theme-color,
     $kendo-card-padding-x: $kendo-card-padding-x,
     $kendo-card-padding-y: $kendo-card-padding-y,
     $kendo-card-border-width: $kendo-card-border-width,
@@ -252,6 +243,5 @@ $kendo-card-theme-colors: (
     $kendo-card-deck-scroll-button-radius: $kendo-card-deck-scroll-button-radius,
     $kendo-card-deck-scroll-button-offset: $kendo-card-deck-scroll-button-offset,
     $kendo-card-callout-width: $kendo-card-callout-width,
-    $kendo-card-callout-height: $kendo-card-callout-height,
-    $kendo-card-theme-colors: $kendo-card-theme-colors
+    $kendo-card-callout-height: $kendo-card-callout-height
 );