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

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

@@ -3,7 +3,7 @@
     "name": "Classic Green Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "12.3.1-dev.8",
+    "version": "13.0.0-dev.0",
     "previewColors": [
         "#000000",
         "#131413",

package/lib/swatches/classic-green.json

@@ -3,7 +3,7 @@
     "name": "Classic Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "12.3.1-dev.8",
+    "version": "13.0.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#f3f4f3",

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

@@ -3,7 +3,7 @@
     "name": "Classic Lavender Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "12.3.1-dev.8",
+    "version": "13.0.0-dev.0",
     "previewColors": [
         "#000000",
         "#1b141a",

package/lib/swatches/classic-lavender.json

@@ -3,7 +3,7 @@
     "name": "Classic Lavender",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "12.3.1-dev.8",
+    "version": "13.0.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#fafafa",

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

@@ -3,7 +3,7 @@
     "name": "Classic Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "12.3.1-dev.8",
+    "version": "13.0.0-dev.0",
     "previewColors": [
         "#000000",
         "#101010",

package/lib/swatches/classic-main.json

@@ -3,7 +3,7 @@
     "name": "Classic Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "12.3.1-dev.8",
+    "version": "13.0.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#f0f0f0",

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

@@ -3,7 +3,7 @@
     "name": "Classic Metro Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "12.3.1-dev.8",
+    "version": "13.0.0-dev.0",
     "previewColors": [
         "#000000",
         "#0e0e0e",

package/lib/swatches/classic-metro.json

@@ -3,7 +3,7 @@
     "name": "Classic Metro",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "12.3.1-dev.8",
+    "version": "13.0.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#f9f9f9",

package/lib/swatches/classic-moonlight.json

@@ -3,7 +3,7 @@
     "name": "Classic Moonlight",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "12.3.1-dev.8",
+    "version": "13.0.0-dev.0",
     "previewColors": [
         "#1f2a35",
         "#303742",

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

@@ -3,7 +3,7 @@
     "name": "Classic Opal Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "12.3.1-dev.8",
+    "version": "13.0.0-dev.0",
     "previewColors": [
         "#000000",
         "#272727",

package/lib/swatches/classic-opal.json

@@ -3,7 +3,7 @@
     "name": "Classic Opal",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "12.3.1-dev.8",
+    "version": "13.0.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#def4fd",

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

@@ -3,7 +3,7 @@
     "name": "Classic Silver Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "12.3.1-dev.8",
+    "version": "13.0.0-dev.0",
     "previewColors": [
         "#000000",
         "#131314",

package/lib/swatches/classic-silver.json

@@ -3,7 +3,7 @@
     "name": "Classic Silver",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "12.3.1-dev.8",
+    "version": "13.0.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#f3f3f4",

package/lib/swatches/classic-uniform.json

@@ -3,7 +3,7 @@
     "name": "Classic Uniform",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "12.3.1-dev.8",
+    "version": "13.0.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#f0f0f0",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-classic",
   "description": "Sass port of less based themes for Kendo UI theme",
-  "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 classic 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

@@ -1,10 +1,31 @@
 @use "../core/_index.scss" as *;
 // 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;
@@ -15,35 +36,28 @@ $kendo-avatar-font-size: var( --kendo-font-size, inherit ) !default;
 /// @group avatar
 $kendo-avatar-line-height: var( --kendo-line-height-xs, 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,49 +82,13 @@ $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,
@@ -126,7 +107,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(1) !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

@@ -3,6 +3,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;
@@ -191,37 +196,9 @@ $kendo-breadcrumb-current-item-text: null !default;
 /// @group breadcrumb
 $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,
@@ -278,5 +255,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,44 +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
@@ -298,8 +277,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,
@@ -346,5 +323,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

@@ -2,6 +2,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;
@@ -11,10 +16,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;
@@ -328,34 +333,8 @@ $kendo-calendar-lg-cell-padding-x: k-spacing(2) !default;
 /// @group calendar
 $kendo-calendar-lg-cell-padding-y: k-spacing(2) !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,
@@ -449,6 +428,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
 );