@progress/kendo-theme-fluent 13.1.1-dev.2 → 13.1.2-dev.0

package/lib/swatches/all.json

@@ -3,7 +3,7 @@
     "name": "All",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "13.1.1-dev.2",
+    "version": "13.1.2-dev.0",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/lib/swatches/fluent-1-dark.json

@@ -3,7 +3,7 @@
     "name": "Fluent 1 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "13.1.1-dev.2",
+    "version": "13.1.2-dev.0",
     "previewColors": [
         "#1b1a19",
         "#21201f",

package/lib/swatches/fluent-1.json

@@ -3,7 +3,7 @@
     "name": "Fluent 1",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "13.1.1-dev.2",
+    "version": "13.1.2-dev.0",
     "previewColors": [
         "#ffffff",
         "#faf9f8",

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

@@ -3,7 +3,7 @@
     "name": "Fluent Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "13.1.1-dev.2",
+    "version": "13.1.2-dev.0",
     "previewColors": [
         "#1F1F1F",
         "#292929",

package/lib/swatches/fluent-main.json

@@ -3,7 +3,7 @@
     "name": "Fluent Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "13.1.1-dev.2",
+    "version": "13.1.2-dev.0",
     "previewColors": [
         "#fafafa",
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-fluent",
   "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
-  "version": "13.1.1-dev.2",
+  "version": "13.1.2-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -55,12 +55,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.8.0",
-    "@progress/kendo-theme-core": "13.1.1-dev.2",
-    "@progress/kendo-theme-utils": "13.1.1-dev.2"
+    "@progress/kendo-theme-core": "13.1.2-dev.0",
+    "@progress/kendo-theme-utils": "13.1.2-dev.0"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "68f5b9260159ed453c22d7d7516682baf25fc30a"
+  "gitHead": "b471175dd67fd1bb357612d351c0d366a832dd0e"
 }

package/scss/action-sheet/_variables.scss

@@ -29,13 +29,13 @@ $kendo-actionsheet-border-radius: var( --kendo-actionsheet-border-radius, 0px )
 
 /// Font size of the action sheet.
 /// @group action-sheet
-$kendo-actionsheet-font-size: var( --kendo-actionsheet-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-actionsheet-font-size: var( --kendo-actionsheet-font-size, var(--kendo-font-size) ) !default;
 /// Font family of the action sheet.
 /// @group action-sheet
-$kendo-actionsheet-font-family: var( --kendo-actionsheet-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-actionsheet-font-family: var( --kendo-actionsheet-font-family, var(--kendo-font-family) ) !default;
 /// Line height of the action sheet.
 /// @group action-sheet
-$kendo-actionsheet-line-height: var( --kendo-actionsheet-line-height, var( --kendo-line-height, inherit ) ) !default;
+$kendo-actionsheet-line-height: var( --kendo-actionsheet-line-height, var(--kendo-line-height) ) !default;
 
 /// Background color of the action sheet.
 /// @group action-sheet
@@ -88,10 +88,10 @@ $kendo-actionsheet-header-shadow: var( --kendo-actionsheet-header-shadow, none )
 
 /// Font size of the action sheet subtitle.
 /// @group action-sheet
-$kendo-actionsheet-subtitle-font-size: var( --kendo-actionsheet-subtitle-font-size, var( --kendo-font-size-sm, inherit ) ) !default;
+$kendo-actionsheet-subtitle-font-size: var( --kendo-actionsheet-subtitle-font-size, var(--kendo-font-size-sm) ) !default;
 /// Line height of the action sheet subtitle.
 /// @group action-sheet
-$kendo-actionsheet-subtitle-line-height: var( --kendo-actionsheet-subtitle-line-height, var( --kendo-line-height-sm, inherit ) ) !default;
+$kendo-actionsheet-subtitle-line-height: var( --kendo-actionsheet-subtitle-line-height, var(--kendo-line-height-sm) ) !default;
 /// Text color of the action sheet subtitle.
 /// @group action-sheet
 $kendo-actionsheet-subtitle-text: var( --kendo-actionsheet-subtitle-text, #{k-color(subtle)} ) !default;
@@ -138,13 +138,13 @@ $kendo-actionsheet-item-title-text-transform: var( --kendo-actionsheet-item-titl
 
 /// Font size of the action sheet item description.
 /// @group action-sheet
-$kendo-actionsheet-item-description-font-size: var( --kendo-actionsheet-item-description-font-size, var( --kendo-font-size-sm, inherit ) ) !default;
+$kendo-actionsheet-item-description-font-size: var( --kendo-actionsheet-item-description-font-size, var(--kendo-font-size-sm) ) !default;
 /// Color of the action sheet item description.
 /// @group action-sheet
 $kendo-actionsheet-item-description-text: var( --kendo-actionsheet-item-description-text, #{k-color(subtle)} ) !default;
 /// Line height of the action sheet item description.
 /// @group action-sheet
-$kendo-actionsheet-item-description-line-height: var( --kendo-actionsheet-item-description-line-height, var( --kendo-line-height-lg, inherit ) ) !default;
+$kendo-actionsheet-item-description-line-height: var( --kendo-actionsheet-item-description-line-height, var(--kendo-line-height-lg) ) !default;
 
 /// Hover background color of the action sheet item.
 /// @group action-sheet
@@ -200,7 +200,7 @@ $kendo-actionsheet-item-disabled-border: var( --kendo-actionsheet-item-disabled-
 $kendo-adaptive-actionsheet-font-size: var( --kendo-adaptive-actionsheet-font-size, #{$kendo-font-size-lg} ) !default;
 /// The line height of the adaptive action sheet.
 /// @group action-sheet
-$kendo-adaptive-actionsheet-line-height: var( --kendo-adaptive-actionsheet-line-height, var( --kendo-line-height, inherit ) ) !default;
+$kendo-adaptive-actionsheet-line-height: var( --kendo-adaptive-actionsheet-line-height, var(--kendo-line-height) ) !default;
 
 /// Vertical padding of the adaptive action sheet titlebar.
 /// @group action-sheet

package/scss/adaptive/_variables.scss

@@ -42,13 +42,13 @@ $kendo-adaptive-menu-title-text: var( --kendo-adaptive-menu-title-text, #{k-colo
 $kendo-adaptive-border-width: var( --kendo-adaptive-border-width, 1px ) !default;
 /// The font family of the Adaptive component.
 /// @group adaptive
-$kendo-adaptive-font-family: var( --kendo-adaptive-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-adaptive-font-family: var( --kendo-adaptive-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the Adaptive component.
 /// @group adaptive
-$kendo-adaptive-font-size: var( --kendo-adaptive-font-size, var( --kendo-font-size, 1rem ) ) !default;
+$kendo-adaptive-font-size: var( --kendo-adaptive-font-size, var(--kendo-font-size) ) !default;
 /// The line height of the Adaptive component.
 /// @group adaptive
-$kendo-adaptive-line-height: var( --kendo-adaptive-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-adaptive-line-height: var( --kendo-adaptive-line-height, var(--kendo-line-height) ) !default;
 
 
 // Adaptive Grid

package/scss/appbar/_variables.scss

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

package/scss/avatar/_variables.scss

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

package/scss/badge/_variables.scss

@@ -34,7 +34,7 @@ $kendo-badge-border-width: var( --kendo-badge-border-width, 1px ) !default;
 
 /// The font weight of the Badge.
 /// @group badge
-$kendo-badge-font-weight: var( --kendo-badge-font-weight, var( --kendo-font-weight-semibold, normal ) ) !default;
+$kendo-badge-font-weight: var( --kendo-badge-font-weight, var(--kendo-font-weight-semibold) ) !default;
 
 /// Horizontal padding of the small Badge.
 /// @group badge
@@ -58,23 +58,23 @@ $kendo-badge-lg-padding-y: k-spacing(1.5) !default;
 
 /// The font size of the small Badge.
 /// @group badge
-$kendo-badge-sm-font-size: var( --kendo-font-size-xs, inherit ) !default;
+$kendo-badge-sm-font-size: var(--kendo-font-size-xs) !default;
 /// The font size of the medium Badge.
 /// @group badge
-$kendo-badge-md-font-size: var( --kendo-badge-font-size, var( --kendo-font-size-xs, inherit ) ) !default;
+$kendo-badge-md-font-size: var( --kendo-badge-font-size, var(--kendo-font-size-xs) ) !default;
 /// The font size of the large Badge.
 /// @group badge
-$kendo-badge-lg-font-size: var( --kendo-font-size-sm, inherit ) !default;
+$kendo-badge-lg-font-size: var(--kendo-font-size-sm) !default;
 
 /// The line height used along with the $kendo-font-size variable of the small Badge.
 /// @group badge
-$kendo-badge-sm-line-height: var( --kendo-line-height-xs, normal ) !default;
+$kendo-badge-sm-line-height: var(--kendo-line-height-xs) !default;
 /// The line height used along with the $kendo-font-size variable of the medium Badge.
 /// @group badge
-$kendo-badge-md-line-height: var( --kendo-badge-line-height, var( --kendo-line-height-xs, normal ) ) !default;
+$kendo-badge-md-line-height: var( --kendo-badge-line-height, var(--kendo-line-height-xs) ) !default;
 /// The line height used along with the $kendo-font-size variable of the large Badge.
 /// @group badge
-$kendo-badge-lg-line-height: var( --kendo-line-height-lg, normal ) !default;
+$kendo-badge-lg-line-height: var(--kendo-line-height-lg) !default;
 
 /// The calculated minimum width of the small circular Badge.
 /// @group badge

package/scss/bottom-navigation/_variables.scss

@@ -24,13 +24,13 @@ $kendo-bottom-nav-gap: var( --kendo-bottom-nav-gap, $kendo-bottom-nav-padding-x
 $kendo-bottom-nav-border-width: var( --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, 1rem ) !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: var( --kendo-bottom-nav-letter-spacing, .2px ) !default;

package/scss/breadcrumb/_variables.scss

@@ -26,33 +26,33 @@ $kendo-breadcrumb-border-width: var( --kendo-breadcrumb-border-width, 0px ) !def
 
 /// 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, inherit ) !default;
+$kendo-breadcrumb-sm-font-size: var(--kendo-font-size) !default;
 /// The font size of the medium breadcrumb.
 /// @group breadcrumb
-$kendo-breadcrumb-md-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-breadcrumb-md-font-size: var(--kendo-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 used along with the $kendo-font-size variable 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 used along with the $kendo-font-size variable of the small breadcrumb.
 /// @group breadcrumb
-$kendo-breadcrumb-sm-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-breadcrumb-sm-line-height: var(--kendo-line-height) !default;
 /// The line height used along with the $kendo-font-size variable of the medium breadcrumb.
 /// @group breadcrumb
-$kendo-breadcrumb-md-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-breadcrumb-md-line-height: var(--kendo-line-height) !default;
 /// The line height used along with the $kendo-font-size variable of the large 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 background color of the Breadcrumb
 /// @group breadcrumb
@@ -80,7 +80,7 @@ $kendo-breadcrumb-lg-link-padding-x: var( --kendo-breadcrumb-link-padding-x, k-s
 
 /// The vertical padding of the small Breadcrumb link.
 /// @group breadcrumb
-$kendo-breadcrumb-sm-link-padding-y: var( --kendo-breadcrumb-link-padding-y, k-spacing(0.5) )  !default;
+$kendo-breadcrumb-sm-link-padding-y: var( --kendo-breadcrumb-link-padding-y, k-spacing(0.5) ) !default;
 /// The vertical padding of the medium Breadcrumb link.
 /// @group breadcrumb
 $kendo-breadcrumb-md-link-padding-y: var( --kendo-breadcrumb-link-padding-y, k-spacing(1.5) ) !default;
@@ -154,7 +154,7 @@ $kendo-breadcrumb-link-selected-text: var( --kendo-breadcrumb-link-selected-text
 $kendo-breadcrumb-link-selected-border: var( --kendo-breadcrumb-link-selected-border, transparent ) !default;
 /// The font weight of the selected breadcrumb link
 /// @group breadcrumb
-$kendo-breadcrumb-link-selected-font-weight: var( --kendo-font-weight-semibold, 600 ) !default;
+$kendo-breadcrumb-link-selected-font-weight: var(--kendo-font-weight-semibold) !default;
 
 /// The background color of the Breadcrumb root link
 /// @group breadcrumb
@@ -167,7 +167,7 @@ $kendo-breadcrumb-root-link-text: var( --kendo-breadcrumb-root-link-text, $kendo
 $kendo-breadcrumb-root-link-border: var( --kendo-breadcrumb-root-link-border, $kendo-breadcrumb-link-border ) !default;
 /// The background color of the hovered breadcrumb root link
 /// @group breadcrumb
-$kendo-breadcrumb-root-link-hover-bg: var( --kendo-breadcrumb-root-link-hover-bg, $kendo-breadcrumb-link-hover-bg )!default;
+$kendo-breadcrumb-root-link-hover-bg: var( --kendo-breadcrumb-root-link-hover-bg, $kendo-breadcrumb-link-hover-bg ) !default;
 /// The text color of the hovered breadcrumb root link
 /// @group breadcrumb
 $kendo-breadcrumb-root-link-hover-text: var( --kendo-breadcrumb-root-link-hover-text, $kendo-breadcrumb-link-hover-text ) !default;
@@ -210,10 +210,10 @@ $kendo-breadcrumb-root-link-disabled-border: var( --kendo-breadcrumb-root-link-d
 $kendo-breadcrumb-current-item-bg: null !default;
 /// The text color of the current Breadcrumb root link.
 /// @group breadcrumb
-$kendo-breadcrumb-current-item-text: null  !default;
+$kendo-breadcrumb-current-item-text: null !default;
 /// The border color of the current Breadcrumb root link.
 /// @group breadcrumb
-$kendo-breadcrumb-current-item-border: null  !default;
+$kendo-breadcrumb-current-item-border: null !default;
 
 /// The vertical padding of the small Breadcrumb link icon.
 /// @group breadcrumb

package/scss/bubble/_variables.scss

@@ -20,7 +20,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

@@ -50,31 +50,31 @@ $kendo-button-lg-padding-y: calc(var( --kendo-button-lg-padding-y, #{k-spacing(2
 
 /// 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 of the small Button.
 /// @group button
-$kendo-button-sm-line-height: var( --kendo-line-height-lg, normal ) !default;
+$kendo-button-sm-line-height: var(--kendo-line-height-lg) !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-sm, normal ) !default;
+$kendo-button-lg-line-height: var(--kendo-line-height-sm) !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-semibold, normal ) !default;
+$kendo-button-font-weight: var(--kendo-font-weight-semibold) !default;
 
 $kendo-button-calc-size: calc( ( #{$kendo-button-md-line-height} * 1em ) + ( #{$kendo-button-md-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;

package/scss/calendar/_variables.scss

@@ -11,7 +11,7 @@ $kendo-calendar-default-size: "md" !default;
 $kendo-calendar-border-width: var( --kendo-calendar-border-width, 1px ) !default;
 /// The font family of the Calendar.
 /// @group calendar
-$kendo-calendar-font-family: var( --kendo-calendar-font-family, var(--kendo-font-family, inherit) ) !default;
+$kendo-calendar-font-family: var( --kendo-calendar-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the Calendar.
 /// @group calendar
 $kendo-calendar-font-size: null !default;
@@ -50,7 +50,7 @@ $kendo-calendar-header-padding-y: var( --kendo-calendar-header-padding-y, k-spac
 $kendo-calendar-header-border-width: var( --kendo-calendar-header-border-width, 1px ) !default;
 /// The width of the Calendar header.
 /// @group calendar
-$kendo-calendar-header-min-width: calc(#{$kendo-calendar-cell-size} * 8)  !default;
+$kendo-calendar-header-min-width: calc(#{$kendo-calendar-cell-size} * 8) !default;
 
 /// The background color of the calendar header.
 /// @group calendar
@@ -94,7 +94,7 @@ $kendo-calendar-header-cell-width: var( --kendo-calendar-header-cell-width, #{$k
 $kendo-calendar-header-cell-height: var( --kendo-calendar-header-cell-height, #{$kendo-calendar-cell-size} ) !default;
 /// The font size of the calendar header cell.
 /// @group calendar
-$kendo-calendar-header-cell-font-size: var( --kendo-calendar-header-cell-font-size, var( --kendo-calendar-font-size-sm, var( --kendo-font-size-sm, inherit ) ) ) !default;
+$kendo-calendar-header-cell-font-size: var( --kendo-calendar-header-cell-font-size, var( --kendo-calendar-font-size-sm, var(--kendo-font-size-sm) ) ) !default;
 /// The line height of the calendar header cell.
 /// @group calendar
 $kendo-calendar-header-cell-line-height: var( --kendo-calendar-header-cell-line-height, 2 ) !default;
@@ -113,7 +113,7 @@ $kendo-calendar-caption-padding-y: var( --kendo-calendar-caption-padding-y, k-sp
 $kendo-calendar-caption-height: var( --kendo-calendar-caption-height, #{$kendo-calendar-cell-size} ) !default;
 /// The font size of the calendar captions.
 /// @group calendar
-$kendo-calendar-caption-font-size: var( --kendo-calendar-caption-font-size, var( --kendo-calendar-font-size-sm, var( --kendo-font-size-sm, inherit ) ) ) !default;
+$kendo-calendar-caption-font-size: var( --kendo-calendar-caption-font-size, var( --kendo-calendar-font-size-sm, var(--kendo-font-size-sm) ) ) !default;
 /// The line height of the calendar captions.
 /// @group calendar
 $kendo-calendar-caption-line-height: var( --kendo-calendar-caption-line-height, normal ) !default;
@@ -162,7 +162,7 @@ $kendo-calendar-today-hover-bg: var( --kendo-calendar-today-hover-bg, $kendo-cal
 $kendo-calendar-today-border-radius: var( --kendo-calendar-today-border-radius, 9999px ) !default;
 /// The font weight of the current day in the Calendar.
 /// @group calendar
-$kendo-calendar-today-font-weight: var( --kendo-calendar-today-font-weight, var( --kendo-calendar-font-weight-normal, var( --kendo-font-weight-normal, normal ) ) ) !default;
+$kendo-calendar-today-font-weight: var( --kendo-calendar-today-font-weight, var( --kendo-calendar-font-weight-normal, var(--kendo-font-weight-normal) ) ) !default;
 /// The box shadow of the current day in the Calendar.
 /// @group calendar
 $kendo-calendar-today-box-shadow: var( --kendo-calendar-today-box-shadow, null ) !default;
@@ -279,10 +279,10 @@ $kendo-calendar-range-cell-border-radius: k-border-radius(md) !default;
 
 /// The font size of the small Calendar.
 /// @group calendar
-$kendo-calendar-sm-font-size: var( --kendo-calendar-sm-font-size, var( --kendo-calendar-font-size-sm, var( --kendo-font-size-sm, inherit ) ) ) !default;
+$kendo-calendar-sm-font-size: var( --kendo-calendar-sm-font-size, var( --kendo-calendar-font-size-sm, var(--kendo-font-size-sm) ) ) !default;
 /// The line height of the small Calendar.
 /// @group calendar
-$kendo-calendar-sm-line-height: var( --kendo-calendar-sm-line-height, var( --kendo-calendar-line-height-sm, var( --kendo-line-height-sm, normal ) ) ) !default;
+$kendo-calendar-sm-line-height: var( --kendo-calendar-sm-line-height, var( --kendo-calendar-line-height-sm, var(--kendo-line-height-sm) ) ) !default;
 /// The size of the cells in the small Calendar.
 /// @group calendar
 $kendo-calendar-sm-cell-size: var( --kendo-calendar-sm-cell-size, 24px ) !default;
@@ -294,14 +294,14 @@ $kendo-calendar-sm-cell-padding-x: var( --kendo-calendar-sm-cell-padding-x, k-sp
 $kendo-calendar-sm-cell-padding-y: var( --kendo-calendar-sm-cell-padding-y, k-spacing(0.5) ) !default;
 /// The font size of the cells in the small Calendar.
 /// @group calendar
-$kendo-calendar-sm-cell-font-size: var( --kendo-calendar-sm-cell-font-size, var( --kendo-calendar-font-size-sm, var( --kendo-font-size-sm, inherit ) ) ) !default;
+$kendo-calendar-sm-cell-font-size: var( --kendo-calendar-sm-cell-font-size, var( --kendo-calendar-font-size-sm, var(--kendo-font-size-sm) ) ) !default;
 
 /// The font size of the medium Calendar.
 /// @group calendar
-$kendo-calendar-md-font-size: var( --kendo-calendar-md-font-size, var( --kendo-calendar-font-size, var( --kendo-font-size, inherit ) ) ) !default;
+$kendo-calendar-md-font-size: var( --kendo-calendar-md-font-size, var( --kendo-calendar-font-size, var(--kendo-font-size) ) ) !default;
 /// The line height of the medium Calendar.
 /// @group calendar
-$kendo-calendar-md-line-height: var( --kendo-calendar-md-line-height, var( --kendo-calendar-line-height, var( --kendo-line-height, normal ) ) ) !default;
+$kendo-calendar-md-line-height: var( --kendo-calendar-md-line-height, var( --kendo-calendar-line-height, var(--kendo-line-height) ) ) !default;
 /// The size of the cells in the medium Calendar.
 /// @group calendar
 $kendo-calendar-md-cell-size: var( --kendo-calendar-md-cell-size, $kendo-calendar-cell-size ) !default;
@@ -313,14 +313,14 @@ $kendo-calendar-md-cell-padding-x: var( --kendo-calendar-md-cell-padding-x, k-sp
 $kendo-calendar-md-cell-padding-y: var( --kendo-calendar-md-cell-padding-y, k-spacing(1) ) !default;
 /// The font size of the cells in the medium Calendar.
 /// @group calendar
-$kendo-calendar-md-cell-font-size: var( --kendo-calendar-md-cell-font-size, var( --kendo-calendar-font-size-sm, var( --kendo-font-size-sm, inherit ) ) ) !default;
+$kendo-calendar-md-cell-font-size: var( --kendo-calendar-md-cell-font-size, var( --kendo-calendar-font-size-sm, var(--kendo-font-size-sm) ) ) !default;
 
 /// The font size of the large Calendar.
 /// @group calendar
-$kendo-calendar-lg-font-size: var( --kendo-calendar-lg-font-size, var( --kendo-calendar-font-size, var( --kendo-font-size, inherit ) ) ) !default;
+$kendo-calendar-lg-font-size: var( --kendo-calendar-lg-font-size, var( --kendo-calendar-font-size, var(--kendo-font-size) ) ) !default;
 /// The line height of the large Calendar.
 /// @group calendar
-$kendo-calendar-lg-line-height: var( --kendo-calendar-lg-line-height, var( --kendo-calendar-line-height, var( --kendo-line-height, normal ) ) ) !default;
+$kendo-calendar-lg-line-height: var( --kendo-calendar-lg-line-height, var( --kendo-calendar-line-height, var(--kendo-line-height) ) ) !default;
 /// The size of the cells in the large Calendar.
 /// @group calendar
 $kendo-calendar-lg-cell-size: var( --kendo-calendar-lg-cell-size, 36px ) !default;
@@ -332,7 +332,7 @@ $kendo-calendar-lg-cell-padding-x: var( --kendo-calendar-lg-cell-padding-x, k-sp
 $kendo-calendar-lg-cell-padding-y: var( --kendo-calendar-lg-cell-padding-y, k-spacing(1) ) !default;
 /// The font size of the cells in the large Calendar.
 /// @group calendar
-$kendo-calendar-lg-cell-font-size: var( --kendo-calendar-lg-cell-font-size, var( --kendo-calendar-font-size, var( --kendo-font-size, inherit ) ) ) !default;
+$kendo-calendar-lg-cell-font-size: var( --kendo-calendar-lg-cell-font-size, var( --kendo-calendar-font-size, var(--kendo-font-size) ) ) !default;
 
 /// The sizes Map of the Calendar.
 /// @group calendar

package/scss/captcha/_variables.scss

@@ -11,13 +11,13 @@ $kendo-captcha-spacer: var( --kendo-captcha-spacer, k-spacing(2) ) !default;
 $kendo-captcha-width: var( --kendo-captcha-width, 280px ) !default;
 /// The font family of the Captcha.
 /// @group captcha
-$kendo-captcha-font-family: var( --kendo-captcha-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-captcha-font-family: var( --kendo-captcha-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the Captcha.
 /// @group captcha
-$kendo-captcha-font-size: var( --kendo-captcha-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-captcha-font-size: var( --kendo-captcha-font-size, var(--kendo-font-size) ) !default;
 /// The line height of the Captcha.
 /// @group captcha
-$kendo-captcha-line-height: var( --kendo-captcha-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-captcha-line-height: var( --kendo-captcha-line-height, var(--kendo-line-height) ) !default;
 /// The spacing of the Captcha.
 /// @group captcha
 $kendo-captcha-spacing: $kendo-captcha-spacer !default;
@@ -43,7 +43,7 @@ $kendo-captcha-image-controls-spacing: calc( #{$kendo-captcha-spacer} / 2 ) !def
 $kendo-captcha-validation-offset-y: calc( #{$kendo-captcha-spacer} / 2 ) !default;
 /// The font size of the Captcha validation message.
 /// @group captcha
-$kendo-captcha-validation-font-size: var( --kendo-captcha-validation-font-size, var( --kendo-font-size-sm, inherit ) ) !default;
+$kendo-captcha-validation-font-size: var( --kendo-captcha-validation-font-size, var(--kendo-font-size-sm) ) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/captcha/_variables.scss" with (
     $kendo-captcha-spacer: $kendo-captcha-spacer,

package/scss/card/_variables.scss

@@ -24,13 +24,13 @@ $kendo-card-border-radius: var( --kendo-card-border-radius, k-border-radius(md)
 $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-card-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-card-font-family: var( --kendo-card-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the Card.
 /// @group card
-$kendo-card-font-size: var( --kendo-card-font-size, var( --kendo-font-size-sm, inherit ) ) !default;
+$kendo-card-font-size: var( --kendo-card-font-size, var(--kendo-font-size-sm) ) !default;
 /// The line height of the Card.
 /// @group card
-$kendo-card-line-height: var( --kendo-card-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-card-line-height: var( --kendo-card-line-height, var(--kendo-line-height) ) !default;
 
 /// The spacing between the Cards in the Card deck.
 /// @group card
@@ -64,13 +64,13 @@ $kendo-card-focus-shadow: var( --kendo-elevation-3, none ) !default;
 
 /// The font size of the Card header.
 /// @group card
-$kendo-card-header-font-size: var( --kendo-card-header-font-size, var( --kendo-font-size-md, inherit ) ) !default;
+$kendo-card-header-font-size: var( --kendo-card-header-font-size, var(--kendo-font-size-md) ) !default;
 /// Тhe font family of the Card header.
 /// @group card
-$kendo-card-header-font-family: var( --kendo-card-header-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-card-header-font-family: var( --kendo-card-header-font-family, var(--kendo-font-family) ) !default;
 /// The line height of the Card header.
 /// @group card
-$kendo-card-header-line-height: var( --kendo-card-header-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-card-header-line-height: var( --kendo-card-header-line-height, var(--kendo-line-height) ) !default;
 /// The horizontal padding of the Card header.
 /// @group card
 $kendo-card-header-padding-x: var( --kendo-card-header-padding-x, k-spacing(3) ) !default;
@@ -118,28 +118,28 @@ $kendo-card-footer-border: var( --kendo-card-footer-border, inherit ) !default;
 
 /// The font size of the Card title.
 /// @group card
-$kendo-card-title-font-size: var( --kendo-card-title-font-size, var( --kendo-font-size-md, inherit ) ) !default;
+$kendo-card-title-font-size: var( --kendo-card-title-font-size, var(--kendo-font-size-md) ) !default;
 /// The font family of the Card title.
 /// @group card
-$kendo-card-title-font-family: var( --kendo-card-title-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-card-title-font-family: var( --kendo-card-title-font-family, var(--kendo-font-family) ) !default;
 /// The font weight of the Card title.
 /// @group card
-$kendo-card-title-font-weight: var( --kendo-card-title-font-weight, var( --kendo-font-weight-semibold, 600 ) ) !default;
+$kendo-card-title-font-weight: var( --kendo-card-title-font-weight, var(--kendo-font-weight-semibold) ) !default;
 /// The line height of the Card title.
 /// @group card
-$kendo-card-title-line-height: var( --kendo-card-title-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-card-title-line-height: var( --kendo-card-title-line-height, var(--kendo-line-height) ) !default;
 /// The bottom margin of the Card title.
 /// @group card
 $kendo-card-title-margin-bottom: var( --kendo-card-title-margin-bottom, k-spacing(3) ) !default;
 /// The font size of the Card subtitle.
 /// @group card
-$kendo-card-subtitle-font-size: var( --kendo-card-subtitle-font-size, var( --kendo-font-size-sm, inherit ) ) !default;
+$kendo-card-subtitle-font-size: var( --kendo-card-subtitle-font-size, var(--kendo-font-size-sm) ) !default;
 /// The font family of the Card subtitle.
 /// @group card
-$kendo-card-subtitle-font-family: var( --kendo-card-subtitle-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-card-subtitle-font-family: var( --kendo-card-subtitle-font-family, var(--kendo-font-family) ) !default;
 /// The line height of the Card subtitle.
 /// @group card
-$kendo-card-subtitle-line-height: var( --kendo-card-subtitle-line-height, var( --kendo-line-height-lg, normal ) ) !default;
+$kendo-card-subtitle-line-height: var( --kendo-card-subtitle-line-height, var(--kendo-line-height-lg) ) !default;
 /// The bottom margin of the Card subtitle.
 /// @group card
 $kendo-card-subtitle-margin-bottom: var( --kendo-card-subtitle-margin-bottom, k-spacing(3) ) !default;

package/scss/chat/_layout.scss

@@ -8,7 +8,7 @@
     @include kendo-chat--layout-base();
 
     .k-chat .k-chat-file-name {
-        font-weight: var( --kendo-font-weight-semibold, inherit);;
+        font-weight: var(--kendo-font-weight-semibold);;
     }
 
     // Message group