@progress/kendo-theme-bootstrap 13.1.1 → 13.2.0-dev.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-bootstrap",
   "description": "Bootstrap theme for Kendo UI",
-  "version": "13.1.1",
+  "version": "13.2.0-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -54,12 +54,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.8.0",
-    "@progress/kendo-theme-core": "13.1.1",
-    "@progress/kendo-theme-utils": "13.1.1"
+    "@progress/kendo-theme-core": "13.2.0-dev.0",
+    "@progress/kendo-theme-utils": "13.2.0-dev.0"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "c476cef223e305c6f403a0d9610bf838041639fe"
+  "gitHead": "066b81148c99e956c2809af1a3ba5eebe649f407"
 }

package/scss/action-sheet/_variables.scss

@@ -29,13 +29,13 @@ $kendo-actionsheet-border-radius: 0px !default;
 
 /// The font size of the ActionSheet.
 /// @group action-sheet
-$kendo-actionsheet-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-actionsheet-font-size: var(--kendo-font-size) !default;
 /// The font family of the ActionSheet.
 /// @group action-sheet
-$kendo-actionsheet-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-actionsheet-font-family: var(--kendo-font-family) !default;
 /// The line height of the ActionSheet.
 /// @group action-sheet
-$kendo-actionsheet-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-actionsheet-line-height: var(--kendo-line-height) !default;
 
 /// The background color of the ActionSheet.
 /// @group action-sheet
@@ -92,10 +92,10 @@ $kendo-actionsheet-titlebar-shadow: null !default;
 
 /// The font size of the ActionSheet subtitle.
 /// @group action-sheet
-$kendo-actionsheet-subtitle-font-size: var( --kendo-font-size-sm, inherit ) !default;
+$kendo-actionsheet-subtitle-font-size: var(--kendo-font-size-sm) !default;
 /// The line height of the ActionSheet subtitle.
 /// @group action-sheet
-$kendo-actionsheet-subtitle-line-height: var( --kendo-line-height-sm, normal ) !default;
+$kendo-actionsheet-subtitle-line-height: var(--kendo-line-height-sm) !default;
 /// The text color of the ActionSheet subtitle.
 /// @group action-sheet
 $kendo-actionsheet-subtitle-text: k-color(subtle) !default;
@@ -207,10 +207,10 @@ $kendo-actionsheet-item-disabled-shadow: null !default;
 // Adaptive Actionsheet
 /// The font size of the adaptive ActionSheet.
 /// @group action-sheet
-$kendo-adaptive-actionsheet-font-size: var( --kendo-font-size-lg, inherit ) !default;
+$kendo-adaptive-actionsheet-font-size: var(--kendo-font-size-lg) !default;
 /// The line height of the adaptive ActionSheet.
 /// @group action-sheet
-$kendo-adaptive-actionsheet-line-height: var( --kendo-line-height, inherit ) !default;
+$kendo-adaptive-actionsheet-line-height: var(--kendo-line-height) !default;
 /// The vertical padding of the adaptive ActionSheet titlebar.
 /// @group action-sheet
 $kendo-adaptive-actionsheet-titlebar-padding-y: k-spacing(4) !default;

package/scss/adaptive/_variables.scss

@@ -41,13 +41,13 @@ $kendo-adaptive-menu-title-text: k-color(on-app-surface) !default;
 $kendo-adaptive-border-width: 1px !default;
 /// The font family of the Adaptive component.
 /// @group adaptive
-$kendo-adaptive-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-adaptive-font-family: var(--kendo-font-family) !default;
 /// The font size of the Adaptive component.
 /// @group adaptive
-$kendo-adaptive-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-adaptive-font-size: var(--kendo-font-size) !default;
 /// The line height of the Adaptive component.
 /// @group adaptive
-$kendo-adaptive-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-adaptive-line-height: var(--kendo-line-height) !default;
 
 // Adaptive Grid
 /// The text color of the Adaptive Grid sort indicator.

package/scss/appbar/_variables.scss

@@ -29,13 +29,13 @@ $kendo-appbar-border-width: 0px !default;
 $kendo-appbar-zindex: k-z-index("banner") !default;
 /// The font family of the AppBar.
 /// @group appbar
-$kendo-appbar-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-appbar-font-family: var(--kendo-font-family) !default;
 /// The font size of the AppBar.
 /// @group appbar
-$kendo-appbar-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-appbar-font-size: var(--kendo-font-size) !default;
 /// The line height of the AppBar.
 /// @group appbar
-$kendo-appbar-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-appbar-line-height: var(--kendo-line-height) !default;
 
 /// The spacing between the AppBar sections.
 /// @group appbar

package/scss/avatar/_variables.scss

@@ -30,13 +30,13 @@ $kendo-avatar-border-radius: null !default;
 
 /// The font family of the Avatar.
 /// @group avatar
-$kendo-avatar-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-avatar-font-family: var(--kendo-font-family) !default;
 /// The font size of the Avatar.
 /// @group avatar
-$kendo-avatar-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-avatar-font-size: var(--kendo-font-size) !default;
 /// The line height of the Avatar.
 /// @group avatar
-$kendo-avatar-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-avatar-line-height: var(--kendo-line-height) !default;
 
 /// The small size of the Avatar.
 /// @group avatar

package/scss/badge/_variables.scss

@@ -45,7 +45,7 @@ $kendo-badge-lg-padding-y: calc( $kendo-badge-md-padding-y * 1.5 ) !default;
 
 /// The font sizes of the Badge.
 /// @group badge
-$kendo-badge-font-size: calc( $kendo-font-size * .75)  !default;
+$kendo-badge-font-size: calc( $kendo-font-size * .75) !default;
 /// The font size of the small Badge.
 /// @group badge
 $kendo-badge-sm-font-size: $kendo-badge-font-size !default;

package/scss/bottom-navigation/_variables.scss

@@ -26,13 +26,13 @@ $kendo-bottom-nav-gap: $kendo-bottom-nav-padding-x !default;
 $kendo-bottom-nav-border-width: 1px 0px 0px 0px !default;
 /// The font family of the BottomNavigation.
 /// @group bottom-navigation
-$kendo-bottom-nav-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-bottom-nav-font-family: var(--kendo-font-family) !default;
 /// The font size of the BottomNavigation.
 /// @group bottom-navigation
-$kendo-bottom-nav-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-bottom-nav-font-size: var(--kendo-font-size) !default;
 /// The line height of the BottomNavigation.
 /// @group bottom-navigation
-$kendo-bottom-nav-line-height: var( --kendo-line-height-xs, normal ) !default;
+$kendo-bottom-nav-line-height: var(--kendo-line-height-xs) !default;
 /// The letter spacing of the BottomNavigation.
 /// @group bottom-navigation
 $kendo-bottom-nav-letter-spacing: .2px !default;

package/scss/breadcrumb/_variables.scss

@@ -29,24 +29,24 @@ $kendo-breadcrumb-padding-y: null !default;
 
 /// The font family of the Breadcrumb.
 /// @group breadcrumb
-$kendo-breadcrumb-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-breadcrumb-font-family: var(--kendo-font-family) !default;
 
 /// The font size of the Breadcrumb.
 /// @group breadcrumb
-$kendo-breadcrumb-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-breadcrumb-font-size: var(--kendo-font-size) !default;
 /// The font size of the small Breadcrumb.
 /// @group breadcrumb
-$kendo-breadcrumb-sm-font-size: var( --kendo-font-size-sm, inherit ) !default;
+$kendo-breadcrumb-sm-font-size: var(--kendo-font-size-sm) !default;
 /// The font size of the medium Breadcrumb.
 /// @group breadcrumb
 $kendo-breadcrumb-md-font-size: $kendo-breadcrumb-font-size !default;
 /// The font size of the large Breadcrumb.
 /// @group breadcrumb
-$kendo-breadcrumb-lg-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-breadcrumb-lg-font-size: var(--kendo-font-size) !default;
 
 /// The line-height of the Breadcrumb.
 /// @group breadcrumb
-$kendo-breadcrumb-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-breadcrumb-line-height: var(--kendo-line-height) !default;
 /// The line-height of the small Breadcrumb.
 /// @group breadcrumb
 $kendo-breadcrumb-sm-line-height: math.div( 20, 14 ) !default;
@@ -55,7 +55,7 @@ $kendo-breadcrumb-sm-line-height: math.div( 20, 14 ) !default;
 $kendo-breadcrumb-md-line-height: $kendo-breadcrumb-line-height !default;
 /// The line-height of the height Breadcrumb.
 /// @group breadcrumb
-$kendo-breadcrumb-lg-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-breadcrumb-lg-line-height: var(--kendo-line-height) !default;
 
 /// The base background of the Breadcrumb.
 /// @group breadcrumb

package/scss/bubble/_variables.scss

@@ -21,7 +21,7 @@ $kendo-bubble-border-width: 1px !default;
 $kendo-bubble-border-style: solid !default;
 /// The line height of the Bubble.
 /// @group bubble
-$kendo-bubble-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-bubble-line-height: var(--kendo-line-height) !default;
 
 /// The text color of the Bubble.
 /// @group bubble

package/scss/button/_variables.scss

@@ -29,6 +29,9 @@ $kendo-button-border-width: 1px !default;
 /// @group button
 $kendo-button-border-radius: null !default;
 
+/// The horizontal padding of the xsmall Button.
+/// @group button
+$kendo-button-xs-padding-x: k-spacing(0.5) !default;
 /// The horizontal padding of the small Button.
 /// @group button
 $kendo-button-sm-padding-x: k-spacing(2) !default;
@@ -39,6 +42,9 @@ $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 xsmall Button.
+/// @group button
+$kendo-button-xs-padding-y: k-spacing(1px) !default;
 /// The vertical padding of the small Button.
 /// @group button
 $kendo-button-sm-padding-y: k-spacing(1) !default;
@@ -51,42 +57,50 @@ $kendo-button-lg-padding-y: k-spacing(2) !default;
 
 /// The font family of the Button.
 /// @group button
-$kendo-button-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-button-font-family: var(--kendo-font-family) !default;
 /// The font weight of the Button.
 /// @group button
-$kendo-button-font-weight: var( --kendo-font-weight-normal, normal ) !default;
+$kendo-button-font-weight: var(--kendo-font-weight-normal) !default;
 
 /// The font size of the Button.
 /// @group button
 $kendo-button-font-size: $kendo-font-size !default;
+/// The font size of the xsmall Button.
+/// @group button
+$kendo-button-xs-font-size: var(--kendo-font-size-sm) !default;
 /// The font size of the small Button.
 /// @group button
-$kendo-button-sm-font-size: var( --kendo-font-size-sm, inherit ) !default;
+$kendo-button-sm-font-size: var(--kendo-font-size-sm) !default;
 /// The font size of the medium Button.
 /// @group button
-$kendo-button-md-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-button-md-font-size: var(--kendo-font-size) !default;
 /// The font size of the large Button.
 /// @group button
-$kendo-button-lg-font-size: var( --kendo-font-size-lg, inherit ) !default;
+$kendo-button-lg-font-size: var(--kendo-font-size-lg) !default;
 
 /// The line height used along with the $kendo-font-size variable.
 /// @group button
 $kendo-button-line-height: $kendo-line-height !default;
+/// The line height used along with the $kendo-font-size variable of the xsmall Button.
+/// @group button
+$kendo-button-xs-line-height: math.div( 20, 14 ) !default;
 /// The line height used along with the $kendo-font-size variable of the small Button.
 /// @group button
 $kendo-button-sm-line-height: math.div( 20, 14 ) !default;
 /// The line height used along with the $kendo-font-size variable of the medium Button.
 /// @group button
-$kendo-button-md-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-button-md-line-height: var(--kendo-line-height) !default;
 /// The line height used along with the $kendo-font-size variable of the large Button.
 /// @group button
-$kendo-button-lg-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-button-lg-line-height: var(--kendo-line-height) !default;
 
+$kendo-button-xs-calc-size: calc( ( #{$kendo-button-xs-line-height} * 1em ) + ( #{$kendo-button-xs-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;
 
 $kendo-button-inner-calc-size: calc( ( #{$kendo-button-line-height} * 1em ) + ( #{$kendo-button-md-padding-y} * 2 ) ) !default;
+$kendo-button-xs-inner-calc-size: calc( ( #{$kendo-button-xs-line-height} * 1em ) + ( #{$kendo-button-xs-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;
@@ -252,26 +266,32 @@ $kendo-button-transition: color k-transition(rapid), background-color k-transiti
 @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-xs-padding-x: $kendo-button-xs-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-xs-padding-y: $kendo-button-xs-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,
     $kendo-button-font-family: $kendo-button-font-family,
     $kendo-button-font-weight: $kendo-button-font-weight,
     $kendo-button-font-size: $kendo-button-font-size,
+    $kendo-button-xs-font-size: $kendo-button-xs-font-size,
     $kendo-button-sm-font-size: $kendo-button-sm-font-size,
     $kendo-button-md-font-size: $kendo-button-md-font-size,
     $kendo-button-lg-font-size: $kendo-button-lg-font-size,
     $kendo-button-line-height: $kendo-button-line-height,
+    $kendo-button-xs-line-height: $kendo-button-xs-line-height,
     $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-xs-calc-size: $kendo-button-xs-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,
     $kendo-button-inner-calc-size: $kendo-button-inner-calc-size,
+    $kendo-button-xs-inner-calc-size: $kendo-button-xs-inner-calc-size,
     $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,

package/scss/calendar/_variables.scss

@@ -14,7 +14,7 @@ $kendo-calendar-default-size: "md" !default;
 $kendo-calendar-border-width: 1px !default;
 /// The font family of the Calendar.
 /// @group calendar
-$kendo-calendar-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-calendar-font-family: var(--kendo-font-family) !default;
 /// The font size of the Calendar.
 /// @group calendar
 $kendo-calendar-font-size: null !default;
@@ -97,10 +97,10 @@ $kendo-calendar-header-cell-width: $kendo-calendar-cell-size !default;
 $kendo-calendar-header-cell-height: $kendo-calendar-cell-size !default;
 /// The font size of the header cells in the Calendar.
 /// @group calendar
-$kendo-calendar-header-cell-font-size: var( --kendo-font-size-sm, inherit ) !default;
+$kendo-calendar-header-cell-font-size: var(--kendo-font-size-sm) !default;
 /// The line height of the header cells in the Calendar.
 /// @group calendar
-$kendo-calendar-header-cell-line-height: var( --kendo-line-height-md, normal ) !default;
+$kendo-calendar-header-cell-line-height: var(--kendo-line-height-md) !default;
 
 /// The text color of the header cells in the Calendar.
 /// @group calendar
@@ -130,7 +130,7 @@ $kendo-calendar-caption-font-weight: bold !default;
 
 /// The font size of the week number cells in the Calendar.
 /// @group calendar
-$kendo-calendar-week-number-font-size: var( --kendo-font-size-sm, inherit ) !default;
+$kendo-calendar-week-number-font-size: var(--kendo-font-size-sm) !default;
 /// The width of the Calendar view.
 /// @group calendar
 $kendo-calendar-view-width: ($kendo-calendar-cell-size * 8) !default;
@@ -157,7 +157,7 @@ $kendo-calendar-today-style: box !default;
 $kendo-calendar-today-color: k-color(primary-on-surface) !default;
 /// The font weight of the current day in the Calendar.
 /// @group calendar
-$kendo-calendar-today-font-weight: var( --kendo-font-weight-bold, normal ) !default;
+$kendo-calendar-today-font-weight: var(--kendo-font-weight-bold) !default;
 /// The box shadow of the current day in the Calendar.
 /// @group calendar
 $kendo-calendar-today-box-shadow: null !default;
@@ -282,10 +282,10 @@ $kendo-calendar-range-cell-border-radius: k-border-radius(lg) !default;
 
 /// The font size of the small Calendar.
 /// @group calendar
-$kendo-calendar-sm-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-calendar-sm-font-size: var(--kendo-font-size) !default;
 /// The line height of the small Calendar.
 /// @group calendar
-$kendo-calendar-sm-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-calendar-sm-line-height: var(--kendo-line-height) !default;
 /// The size of the cells in the small Calendar.
 /// @group calendar
 $kendo-calendar-sm-cell-size: 34px !default;
@@ -298,10 +298,10 @@ $kendo-calendar-sm-cell-padding-y: k-spacing(0.5) !default;
 
 /// The font size of the medium Calendar.
 /// @group calendar
-$kendo-calendar-md-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-calendar-md-font-size: var(--kendo-font-size) !default;
 /// The line height of the medium Calendar.
 /// @group calendar
-$kendo-calendar-md-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-calendar-md-line-height: var(--kendo-line-height) !default;
 /// The size of the cells in the medium Calendar.
 /// @group calendar
 $kendo-calendar-md-cell-size: 38px !default;
@@ -314,10 +314,10 @@ $kendo-calendar-md-cell-padding-y: k-spacing(1) !default;
 
 /// The font size of the large Calendar.
 /// @group calendar
-$kendo-calendar-lg-font-size: var( --kendo-font-size-lg, inherit ) !default;
+$kendo-calendar-lg-font-size: var(--kendo-font-size-lg) !default;
 /// The line height of the large Calendar.
 /// @group calendar
-$kendo-calendar-lg-line-height: var( --kendo-line-height-lg, normal ) !default;
+$kendo-calendar-lg-line-height: var(--kendo-line-height-lg) !default;
 /// The size of the cells in the large Calendar.
 /// @group calendar
 $kendo-calendar-lg-cell-size: 42px !default;

package/scss/captcha/_variables.scss

@@ -11,13 +11,13 @@ $kendo-captcha-spacer: k-spacing(2) !default;
 $kendo-captcha-width: 335px !default;
 /// The font family of the Captcha.
 /// @group captcha
-$kendo-captcha-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-captcha-font-family: var(--kendo-font-family) !default;
 /// The font size of the Captcha.
 /// @group captcha
-$kendo-captcha-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-captcha-font-size: var(--kendo-font-size) !default;
 /// The line height of the Captcha.
 /// @group captcha
-$kendo-captcha-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-captcha-line-height: var(--kendo-line-height) !default;
 /// The gap of the Captcha.
 /// @group captcha
 $kendo-captcha-gap: $kendo-captcha-spacer !default;
@@ -43,7 +43,7 @@ $kendo-captcha-image-controls-gap: $kendo-captcha-spacer !default;
 $kendo-captcha-validation-message-margin-top: calc( #{$kendo-captcha-spacer} / 2 ) !default;
 /// The font size of the Captcha validation message.
 /// @group captcha
-$kendo-captcha-validation-message-font-size: var( --kendo-font-size-sm, inherit ) !default;
+$kendo-captcha-validation-message-font-size: var(--kendo-font-size-sm) !default;
 /// The font style of the Captcha validation message.
 /// @group captcha
 $kendo-captcha-validation-message-font-style: italic !default;

package/scss/card/_variables.scss

@@ -27,13 +27,13 @@ $kendo-card-border-radius: k-border-radius(md) !default;
 $kendo-card-inner-border-radius: calc( #{$kendo-card-border-radius} - #{$kendo-card-border-width} ) !default;
 /// The font family of the Card.
 /// @group card
-$kendo-card-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-card-font-family: var(--kendo-font-family) !default;
 /// The font size of the Card.
 /// @group card
-$kendo-card-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-card-font-size: var(--kendo-font-size) !default;
 /// The line height of the Card.
 /// @group card
-$kendo-card-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-card-line-height: var(--kendo-line-height) !default;
 
 /// The spacing between the Cards in the Card deck.
 /// @group card
@@ -118,7 +118,7 @@ $kendo-card-footer-border: $kendo-card-header-border !default;
 $kendo-card-title-margin-bottom: k-spacing(3) !default;
 /// The font size of the Card title.
 /// @group card
-$kendo-card-title-font-size: var( --kendo-font-size-lg, inherit ) !default;
+$kendo-card-title-font-size: var(--kendo-font-size-lg) !default;
 /// The font family of the Card title.
 /// @group card
 $kendo-card-title-font-family: null !default;

package/scss/chat/_variables.scss

@@ -22,13 +22,13 @@ $kendo-chat-height: 320px !default;
 $kendo-chat-border-width: 1px !default;
 /// The font family of the Chat.
 /// @group chat
-$kendo-chat-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-chat-font-family: var(--kendo-font-family) !default;
 /// The font size of the Chat.
 /// @group chat
-$kendo-chat-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-chat-font-size: var(--kendo-font-size) !default;
 /// The line height of the Chat.
 /// @group chat
-$kendo-chat-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-chat-line-height: var(--kendo-line-height) !default;
 
 /// The vertical spacing between the items of the Chat.
 /// @group chat
@@ -70,10 +70,10 @@ $kendo-chat-message-status-gap: k-spacing(1) !default;
 
 /// The font size of the Chat timestamp.
 /// @group chat
-$kendo-chat-timestamp-font-size: var( --kendo-font-size-xs, inherit ) !default;
+$kendo-chat-timestamp-font-size: var(--kendo-font-size-xs) !default;
 /// The line height of the Chat timestamp.
 /// @group chat
-$kendo-chat-timestamp-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-chat-timestamp-line-height: var(--kendo-line-height) !default;
 /// The text transform of the Chat timestamp.
 /// @group chat
 $kendo-chat-timestamp-transform: none !default;
@@ -92,17 +92,17 @@ $kendo-chat-timestamp-separator-spacing: k-spacing(1) !default;
 
 /// The font size of the Chat message meta text.
 /// @group chat
-$kendo-chat-message-meta-font-size: var( --kendo-font-size-sm, inherit ) !default;
+$kendo-chat-message-meta-font-size: var(--kendo-font-size-sm) !default;
 /// The line height of the Chat message meta text.
 /// @group chat
-$kendo-chat-message-meta-line-height: var( --kendo-line-height-xs, normal ) !default;
+$kendo-chat-message-meta-line-height: var(--kendo-line-height-xs) !default;
 
 /// The font size of the Chat author text.
 /// @group chat
-$kendo-chat-author-font-size: var( --kendo-font-size-sm, inherit ) !default;
+$kendo-chat-author-font-size: var(--kendo-font-size-sm) !default;
 /// The line height of the Chat author text.
 /// @group chat
-$kendo-chat-author-line-height: var( --kendo-line-height-xs, normal ) !default;
+$kendo-chat-author-line-height: var(--kendo-line-height-xs) !default;
 
 /// The text color of the Chat status.
 /// @group chat

package/scss/chip/_variables.scss

@@ -51,20 +51,20 @@ $kendo-chip-lg-padding-y: k-spacing(1.5) !default;
 
 /// The font weight of the Chip.
 /// @group chip
-$kendo-chip-font-weight: var( --kendo-font-weight-normal, normal ) !default;
+$kendo-chip-font-weight: var(--kendo-font-weight-normal) !default;
 
 /// The font size of the Chip.
 /// @group chip
 $kendo-chip-font-size: null !default;
 /// The font size of the small Chip.
 /// @group chip
-$kendo-chip-sm-font-size: var( --kendo-font-size-sm, inherit ) !default;
+$kendo-chip-sm-font-size: var(--kendo-font-size-sm) !default;
 /// The font size of the medium Chip.
 /// @group chip
-$kendo-chip-md-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-chip-md-font-size: var(--kendo-font-size) !default;
 /// The font size of the large Chip.
 /// @group chip
-$kendo-chip-lg-font-size: var( --kendo-font-size, inherit )  !default;
+$kendo-chip-lg-font-size: var(--kendo-font-size) !default;
 
 /// The Chip's line height that is related to the $kendo-font-size.
 /// @group chip

package/scss/color-preview/_variables.scss

@@ -1,3 +1,4 @@
+@use "sass:map";
 @use "../core/_index.scss" as *;
 @use "../core/functions/index.scss" as *;
 
@@ -24,9 +25,10 @@ $kendo-color-preview-hover-border: k-color(border-alt) !default;
 /// The background color of the ColorPreview when no color is selected.
 /// @group color-preview
 $kendo-color-preview-no-color-bg: k-color(surface-alt) !default;
+// Do not use css variable for the $kendo-color-preview-no-color-text, as it is used in the SVG data URI for the no-color image, which does not support CSS variables.
 /// The text color of the ColorPreview when no color is selected.
 /// @group color-preview
-$kendo-color-preview-no-color-text: k-color(error) !default;
+$kendo-color-preview-no-color-text: map.get($kendo-colors, error) !default;
 /// The border color of the ColorPreview when no color is selected.
 /// @group color-preview
 $kendo-color-preview-no-color-border: null !default;

package/scss/coloreditor/_variables.scss

@@ -32,13 +32,13 @@ $kendo-color-editor-border-width: 1px !default;
 $kendo-color-editor-border-radius: k-border-radius(md) !default;
 /// The font family of the ColorEditor.
 /// @group color-editor
-$kendo-color-editor-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-color-editor-font-family: var(--kendo-font-family) !default;
 /// The font size of the ColorEditor.
 /// @group color-editor
-$kendo-color-editor-font-size: var( --kendo-font-size, inherit )  !default;
+$kendo-color-editor-font-size: var(--kendo-font-size) !default;
 /// The line height of the ColorEditor.
 /// @group color-editor
-$kendo-color-editor-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-color-editor-line-height: var(--kendo-line-height) !default;
 /// The text color of the ColorEditor.
 /// @group color-editor
 $kendo-color-editor-text: k-color(on-app-surface) !default;

package/scss/colorgradient/_variables.scss

@@ -26,13 +26,13 @@ $kendo-color-gradient-border-radius: k-border-radius(md) !default;
 $kendo-color-gradient-gap: null !default;
 /// The font family of the ColorGradient.
 /// @group color-gradient
-$kendo-color-gradient-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-color-gradient-font-family: var(--kendo-font-family) !default;
 /// The font size of the ColorGradient.
 /// @group color-gradient
-$kendo-color-gradient-font-size: var( --kendo-font-size, inherit )  !default;
+$kendo-color-gradient-font-size: var(--kendo-font-size) !default;
 /// The line height of the ColorGradient.
 /// @group color-gradient
-$kendo-color-gradient-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-color-gradient-line-height: var(--kendo-line-height) !default;
 /// The text color of the ColorGradient.
 /// @group color-gradient
 $kendo-color-gradient-text: k-color(on-app-surface) !default;
@@ -214,7 +214,7 @@ $kendo-color-gradient-lg-input-width: 62px !default;
 
 /// The font weight of the ColorGradient contrast ratio text.
 /// @group color-gradient
-$kendo-color-gradient-contrast-ratio-font-weight: var( --kendo-font-weight-bold, normal ) !default;
+$kendo-color-gradient-contrast-ratio-font-weight: var(--kendo-font-weight-bold) !default;
 /// The spacing between the items in the ColorGradient contrast tool.
 /// @group color-gradient
 $kendo-color-gradient-contrast-spacer: calc( #{$kendo-color-gradient-spacer} / 2 ) !default;

package/scss/colorpalette/_variables.scss

@@ -9,10 +9,10 @@ $kendo-color-palette-default-size: "md" !default;
 
 /// The font family of the ColorPalette.
 /// @group color-palette
-$kendo-color-palette-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-color-palette-font-family: var(--kendo-font-family) !default;
 /// The font size of the ColorPalette.
 /// @group color-palette
-$kendo-color-palette-font-size: var( --kendo-font-size, inherit )  !default;
+$kendo-color-palette-font-size: var(--kendo-font-size) !default;
 /// The line height of the ColorPalette.
 /// @group color-palette
 $kendo-color-palette-line-height: 0 !default;

package/scss/column-menu/_variables.scss

@@ -29,33 +29,33 @@ $kendo-column-menu-item-lg-padding-y: k-spacing(2) !default;
 
 /// The font size of the ColumnMenu.
 /// @group column-menu
-$kendo-column-menu-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-column-menu-font-size: var(--kendo-font-size) !default;
 /// The font size of the small ColumnMenu.
 /// @group column-menu
-$kendo-column-menu-sm-font-size: var( --kendo-font-size-sm, inherit ) !default;
+$kendo-column-menu-sm-font-size: var(--kendo-font-size-sm) !default;
 /// The font size of the medium ColumnMenu.
 /// @group column-menu
-$kendo-column-menu-md-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-column-menu-md-font-size: var(--kendo-font-size) !default;
 /// The font size of the large ColumnMenu.
 /// @group column-menu
-$kendo-column-menu-lg-font-size: var( --kendo-font-size-lg, inherit ) !default;
+$kendo-column-menu-lg-font-size: var(--kendo-font-size-lg) !default;
 
 /// The line height of the ColumnMenu.
 /// @group column-menu
-$kendo-column-menu-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-column-menu-line-height: var(--kendo-line-height) !default;
 /// The line height of the small ColumnMenu.
 /// @group column-menu
 $kendo-column-menu-sm-line-height: math.div( 20, 14 ) !default;
 /// The line height of the medium ColumnMenu.
 /// @group column-menu
-$kendo-column-menu-md-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-column-menu-md-line-height: var(--kendo-line-height) !default;
 /// The line height of the large ColumnMenu.
 /// @group column-menu
-$kendo-column-menu-lg-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-column-menu-lg-line-height: var(--kendo-line-height) !default;
 
 /// The font family of the ColumnMenu.
 /// @group column-menu
-$kendo-column-menu-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-column-menu-font-family: var(--kendo-font-family) !default;
 
 // Group Menu
 /// The background color of the hovered GroupMenu item action.