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

package/scss/list/_variables.scss

@@ -8,7 +8,7 @@ $kendo-list-default-size: "md" !default;
 
 /// The font family of the List components.
 /// @group list
-$kendo-list-font-family: var( --kendo-list-font-family, var(--kendo-font-family, inherit) ) !default;
+$kendo-list-font-family: var( --kendo-list-font-family, var(--kendo-font-family) ) !default;
 
 /// The horizontal padding of the List container.
 /// @group list
@@ -19,23 +19,23 @@ $kendo-list-container-padding-block: var( --kendo-list-container-padding-block,
 
 /// The font size of the small List.
 /// @group list
-$kendo-list-sm-font-size: var( --kendo-list-sm-font-size, var(--kendo-font-size, inherit) ) !default;
+$kendo-list-sm-font-size: var( --kendo-list-sm-font-size, var(--kendo-font-size) ) !default;
 /// The font size of the medium List.
 /// @group list
-$kendo-list-md-font-size: var( --kendo-list-md-font-size, var(--kendo-font-size, inherit) ) !default;
+$kendo-list-md-font-size: var( --kendo-list-md-font-size, var(--kendo-font-size) ) !default;
 /// The font size of the large List.
 /// @group list
-$kendo-list-lg-font-size: var( --kendo-list-lg-font-size, var(--kendo-font-size, inherit) ) !default;
+$kendo-list-lg-font-size: var( --kendo-list-lg-font-size, var(--kendo-font-size) ) !default;
 
 /// The line height of the small List.
 /// @group list
-$kendo-list-sm-line-height: var( --kendo-list-sm-line-height, var(--kendo-line-height, normal) ) !default;
+$kendo-list-sm-line-height: var( --kendo-list-sm-line-height, var(--kendo-line-height) ) !default;
 /// The line height of the medium List.
 /// @group list
-$kendo-list-md-line-height: var( --kendo-list-md-line-height, var(--kendo-line-height, normal) ) !default;
+$kendo-list-md-line-height: var( --kendo-list-md-line-height, var(--kendo-line-height) ) !default;
 /// The line height of the large List.
 /// @group list
-$kendo-list-lg-line-height: var( --kendo-list-lg-line-height, var(--kendo-line-height, normal) ) !default;
+$kendo-list-lg-line-height: var( --kendo-list-lg-line-height, var(--kendo-line-height) ) !default;
 
 /// The horizontal padding of the small List header.
 /// @group list
@@ -63,27 +63,27 @@ $kendo-list-header-border-width: var( --kendo-list-header-border-width, 0 ) !def
 
 /// The font size of the small List header.
 /// @group list
-$kendo-list-sm-header-font-size: var( --kendo-list-sm-header-font-size, var(--kendo-font-size-sm, inherit) ) !default;
+$kendo-list-sm-header-font-size: var( --kendo-list-sm-header-font-size, var(--kendo-font-size-sm) ) !default;
 /// The font size of the medium List header.
 /// @group list
-$kendo-list-md-header-font-size: var( --kendo-list-md-header-font-size, var(--kendo-font-size-sm, inherit) ) !default;
+$kendo-list-md-header-font-size: var( --kendo-list-md-header-font-size, var(--kendo-font-size-sm) ) !default;
 /// The font size of the large List header.
 /// @group list
-$kendo-list-lg-header-font-size: var( --kendo-list-lg-header-font-size, var(--kendo-font-size-sm, inherit) ) !default;
+$kendo-list-lg-header-font-size: var( --kendo-list-lg-header-font-size, var(--kendo-font-size-sm) ) !default;
 
 /// The line height of the small List header.
 /// @group list
-$kendo-list-sm-header-line-height: var( --kendo-list-sm-header-line-height, var(--kendo-line-height-lg, normal) ) !default;
+$kendo-list-sm-header-line-height: var( --kendo-list-sm-header-line-height, var(--kendo-line-height-lg) ) !default;
 /// The line height of the medium List header.
 /// @group list
-$kendo-list-md-header-line-height: var( --kendo-list-md-header-line-height, var(--kendo-line-height-lg, normal) ) !default;
+$kendo-list-md-header-line-height: var( --kendo-list-md-header-line-height, var(--kendo-line-height-lg) ) !default;
 /// The line height of the large List header.
 /// @group list
-$kendo-list-lg-header-line-height: var( --kendo-list-lg-header-line-height, var(--kendo-line-height-lg, normal) ) !default;
+$kendo-list-lg-header-line-height: var( --kendo-list-lg-header-line-height, var(--kendo-line-height-lg) ) !default;
 
 /// The font weight of the List header.
 /// @group list
-$kendo-list-header-font-weight: var( --kendo-list-header-font-weight, var(--kendo-font-weight-semibold, 600) ) !default;
+$kendo-list-header-font-weight: var( --kendo-list-header-font-weight, var(--kendo-font-weight-semibold) ) !default;
 /// The horizontal padding of the small List filter.
 /// @group list
 $kendo-list-sm-filter-padding-x: var( --kendo-list-sm-filter-padding-x, #{k-spacing(1)} ) !default;
@@ -126,23 +126,23 @@ $kendo-list-lg-item-padding-y: var( --kendo-list-lg-item-padding-y, #{k-spacing(
 
 /// The font size of the small List item.
 /// @group list
-$kendo-list-sm-item-font-size: var( --kendo-list-sm-item-font-size, var(--kendo-font-size, inherit) ) !default;
+$kendo-list-sm-item-font-size: var( --kendo-list-sm-item-font-size, var(--kendo-font-size) ) !default;
 /// The font size of the medium List item.
 /// @group list
-$kendo-list-md-item-font-size: var( --kendo-list-md-item-font-size, var(--kendo-font-size, inherit) ) !default;
+$kendo-list-md-item-font-size: var( --kendo-list-md-item-font-size, var(--kendo-font-size) ) !default;
 /// The font size of the large List item.
 /// @group list
-$kendo-list-lg-item-font-size: var( --kendo-list-lg-item-font-size, var(--kendo-font-size, inherit) ) !default;
+$kendo-list-lg-item-font-size: var( --kendo-list-lg-item-font-size, var(--kendo-font-size) ) !default;
 
 /// The line height of the small List item.
 /// @group list
-$kendo-list-sm-item-line-height: var( --kendo-list-sm-item-line-height, var(--kendo-line-height, normal) ) !default;
+$kendo-list-sm-item-line-height: var( --kendo-list-sm-item-line-height, var(--kendo-line-height) ) !default;
 /// The line height of the medium List item.
 /// @group list
-$kendo-list-md-item-line-height: var( --kendo-list-md-item-line-height, var(--kendo-line-height, normal) ) !default;
+$kendo-list-md-item-line-height: var( --kendo-list-md-item-line-height, var(--kendo-line-height) ) !default;
 /// The line height of the large List item.
 /// @group list
-$kendo-list-lg-item-line-height: var( --kendo-list-lg-item-line-height, var(--kendo-line-height, normal) ) !default;
+$kendo-list-lg-item-line-height: var( --kendo-list-lg-item-line-height, var(--kendo-line-height) ) !default;
 
 /// The gap of the List item components.
 /// @group list
@@ -150,13 +150,13 @@ $kendo-list-item-gap: var( --kendo-list-item-gap, k-spacing(2) ) !default;
 
 /// The font size of the small List item group label.
 /// @group list
-$kendo-list-item-group-label-sm-font-size: var( --kendo-list-item-group-label-sm-font-size, var(--kendo-font-size-xs, inherit) ) !default;
+$kendo-list-item-group-label-sm-font-size: var( --kendo-list-item-group-label-sm-font-size, var(--kendo-font-size-xs) ) !default;
 /// The font size of the medium List item group label.
 /// @group list
-$kendo-list-item-group-label-md-font-size: var( --kendo-list-item-group-label-md-font-size, var(--kendo-font-size-xs, inherit) ) !default;
+$kendo-list-item-group-label-md-font-size: var( --kendo-list-item-group-label-md-font-size, var(--kendo-font-size-xs) ) !default;
 /// The font size of the large List item group label.
 /// @group list
-$kendo-list-item-group-label-lg-font-size: var( --kendo-list-item-group-label-lg-font-size, var(--kendo-font-size-xs, inherit) ) !default;
+$kendo-list-item-group-label-lg-font-size: var( --kendo-list-item-group-label-lg-font-size, var(--kendo-font-size-xs) ) !default;
 
 /// The horizontal padding of the small List group item.
 /// @group list
@@ -204,27 +204,27 @@ $kendo-list-group-item-border-width: var( --kendo-list-group-item-border-width,
 
 /// The font size of the small List group item.
 /// @group list
-$kendo-list-sm-group-item-font-size: var( --kendo-list-sm-group-item-font-size, var(--kendo-font-size-sm, inherit) ) !default;
+$kendo-list-sm-group-item-font-size: var( --kendo-list-sm-group-item-font-size, var(--kendo-font-size-sm) ) !default;
 /// The font size of the medium List group item.
 /// @group list
-$kendo-list-md-group-item-font-size: var( --kendo-list-md-group-item-font-size, var(--kendo-font-size-sm, inherit) ) !default;
+$kendo-list-md-group-item-font-size: var( --kendo-list-md-group-item-font-size, var(--kendo-font-size-sm) ) !default;
 /// The font size of the large List group item.
 /// @group list
-$kendo-list-lg-group-item-font-size: var( --kendo-list-lg-group-item-font-size, var(--kendo-font-size-sm, inherit) ) !default;
+$kendo-list-lg-group-item-font-size: var( --kendo-list-lg-group-item-font-size, var(--kendo-font-size-sm) ) !default;
 
 /// The line height of the small List group item.
 /// @group list
-$kendo-list-sm-group-item-line-height: var( --kendo-list-sm-group-item-line-height, var(--kendo-line-height-lg, normal) ) !default;
+$kendo-list-sm-group-item-line-height: var( --kendo-list-sm-group-item-line-height, var(--kendo-line-height-lg) ) !default;
 /// The line height of the medium List group item.
 /// @group list
-$kendo-list-md-group-item-line-height: var( --kendo-list-md-group-item-line-height, var(--kendo-line-height-lg, normal) ) !default;
+$kendo-list-md-group-item-line-height: var( --kendo-list-md-group-item-line-height, var(--kendo-line-height-lg) ) !default;
 /// The line height of the large List group item.
 /// @group list
-$kendo-list-lg-group-item-line-height: var( --kendo-list-lg-group-item-line-height, var(--kendo-line-height-lg, normal) ) !default;
+$kendo-list-lg-group-item-line-height: var( --kendo-list-lg-group-item-line-height, var(--kendo-line-height-lg) ) !default;
 
 /// The font weight of the List group item.
 /// @group list
-$kendo-list-group-item-font-weight: var( --kendo-list-group-item-font-weight, var(--kendo-font-weight-semibold, 600) ) !default;
+$kendo-list-group-item-font-weight: var( --kendo-list-group-item-font-weight, var(--kendo-font-weight-semibold) ) !default;
 
 /// The text color of the List item icon
 /// @group list
@@ -330,10 +330,10 @@ $kendo-list-option-label-disabled-text: var( --kendo-list-option-label-disabled-
 
 /// The font size of the List item description.
 /// @group list
-$kendo-list-item-description-font-size: var( --kendo-list-item-description-font-size, var( --kendo-font-size-sm, inherit ) ) !default;
+$kendo-list-item-description-font-size: var( --kendo-list-item-description-font-size, var(--kendo-font-size-sm) ) !default;
 /// The line height of the list item description.
 /// @group list
-$kendo-list-item-description-line-height: var( --kendo-list-item-description-line-height, var( --kendo-line-height-lg, normal ) ) !default;
+$kendo-list-item-description-line-height: var( --kendo-list-item-description-line-height, var(--kendo-line-height-lg) ) !default;
 /// The text color of the list item description.
 /// @group list
 $kendo-list-item-description-text: var( --kendo-list-item-description-text, #{k-color(subtle)} ) !default;

package/scss/listbox/_variables.scss

@@ -18,13 +18,13 @@ $kendo-listbox-height: var( --kendo-listbox-height, 200px ) !default;
 $kendo-listbox-border-width: var( --kendo-listbox-border-width, 1px ) !default;
 /// The font family of the ListBox.
 /// @group listbox
-$kendo-listbox-font-family: var( --kendo-listbox-font-family, var( --kendo-font-family, normal ) ) !default;
+$kendo-listbox-font-family: var( --kendo-listbox-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the ListBox.
 /// @group listbox
-$kendo-listbox-font-size: var( --kendo-listbox-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-listbox-font-size: var( --kendo-listbox-font-size, var(--kendo-font-size) ) !default;
 /// The line height of the ListBox.
 /// @group listbox
-$kendo-listbox-line-height: var( --kendo-listbox-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-listbox-line-height: var( --kendo-listbox-line-height, var(--kendo-line-height) ) !default;
 
 /// The text color of the ListBox.
 /// @group listbox

package/scss/listgroup/_variables.scss

@@ -11,10 +11,10 @@ $kendo-listgroup-border-radius: var( --kendo-listgroup-border-radius, #{k-border
 
 /// Font size of the listgroup.
 /// @group listgroup
-$kendo-listgroup-font-size: var( --kendo-listgroup-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-listgroup-font-size: var( --kendo-listgroup-font-size, var(--kendo-font-size) ) !default;
 /// Line height of the listgroup.
 /// @group listgroup
-$kendo-listgroup-line-height: var( --kendo-listgroup-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-listgroup-line-height: var( --kendo-listgroup-line-height, var(--kendo-line-height) ) !default;
 
 /// Background color of the listgroup component.
 /// @group listgroup

package/scss/listview/_variables.scss

@@ -21,13 +21,13 @@ $kendo-listview-item-padding-y: var( --kendo-listview-item-padding-y, k-spacing(
 
 /// The font family of the ListView.
 /// @group listview
-$kendo-listview-font-family: var( --kendo-listview-font-family, var( --kendo-font-family, initial ) ) !default;
+$kendo-listview-font-family: var( --kendo-listview-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the ListView.
 /// @group listview
-$kendo-listview-font-size: var( --kendo-listview-font-size, var( --kendo-font-size, initial ) ) !default;
+$kendo-listview-font-size: var( --kendo-listview-font-size, var(--kendo-font-size) ) !default;
 /// The line height of the ListView.
 /// @group listview
-$kendo-listview-line-height: var( --kendo-listview-line-height, var( --kendo-line-height, initial ) ) !default;
+$kendo-listview-line-height: var( --kendo-listview-line-height, var(--kendo-line-height) ) !default;
 
 /// The text color of the ListView.
 /// @group listview

package/scss/loader/_layout.scss

@@ -39,7 +39,7 @@
     }
 
     .k-loader-container-label {
-        font-weight: var( --kendo-font-weight-semibold, 600 );
+        font-weight: var(--kendo-font-weight-semibold);
     }
 }
 

package/scss/loader/_variables.scss

@@ -138,13 +138,13 @@ $kendo-loader-lg-container-gap: var( --kendo-loader-lg-container-gap, #{k-spacin
 
 /// The font size of the small Loader container.
 /// @group loader
-$kendo-loader-sm-container-font-size: var( --kendo-loader-sm-container-font-size, var( --kendo-font-size-md, inherit ) ) !default;
+$kendo-loader-sm-container-font-size: var( --kendo-loader-sm-container-font-size, var(--kendo-font-size-md) ) !default;
 /// The font size of the medium Loader container.
 /// @group loader
-$kendo-loader-md-container-font-size: var( --kendo-loader-md-container-font-size, var( --kendo-font-size-lg, inherit ) ) !default;
+$kendo-loader-md-container-font-size: var( --kendo-loader-md-container-font-size, var(--kendo-font-size-lg) ) !default;
 /// The font size of the large Loader container.
 /// @group loader
-$kendo-loader-lg-container-font-size: var( --kendo-loader-lg-container-font-size, var( --kendo-font-size-xl, inherit ) ) !default;
+$kendo-loader-lg-container-font-size: var( --kendo-loader-lg-container-font-size, var(--kendo-font-size-xl) ) !default;
 
 // Loading indicator
 /// The background color of the Loading indicator.

package/scss/map/_variables.scss

@@ -5,13 +5,13 @@
 
 /// The font size of the Map.
 /// @group map
-$kendo-map-font-size: var( --kendo-map-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-map-font-size: var( --kendo-map-font-size, var(--kendo-font-size) ) !default;
 /// The line height of the Map.
 /// @group map
-$kendo-map-line-height: var( --kendo-map-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-map-line-height: var( --kendo-map-line-height, var(--kendo-line-height) ) !default;
 /// The font family of the Map.
 /// @group map
-$kendo-map-font-family: var( --kendo-map-font-family, var( --kendo-font-family, normal ) ) !default;
+$kendo-map-font-family: var( --kendo-map-font-family, var(--kendo-font-family) ) !default;
 
 /// The background color of the Map.
 /// @group map

package/scss/mediaplayer/_variables.scss

@@ -6,13 +6,13 @@
 $kendo-media-player-border-width: var( --kendo-media-player-border-width, 1px ) !default;
 /// The font family of the MediaPlayer.
 /// @group mediaplayer
-$kendo-media-player-font-family: var( --kendo-media-player-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-media-player-font-family: var( --kendo-media-player-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the MediaPlayer.
 /// @group mediaplayer
-$kendo-media-player-font-size: var( --kendo-media-player-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-media-player-font-size: var( --kendo-media-player-font-size, var(--kendo-font-size) ) !default;
 /// The line height of the MediaPlayer.
 /// @group mediaplayer
-$kendo-media-player-line-height: var( --kendo-media-player-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-media-player-line-height: var( --kendo-media-player-line-height, var(--kendo-line-height) ) !default;
 
 /// The background color of the MediaPlayer.
 /// @group mediaplayer
@@ -34,7 +34,7 @@ $kendo-media-player-quality-border: var( --kendo-media-player-quality-border, k-
 
 /// The font size of the MediaPlayer title.
 /// @group mediaplayer
-$kendo-media-player-title-font-size: var( --kendo-media-player-title-font-size, var( --kendo-font-size-xl, inherit ) ) !default;
+$kendo-media-player-title-font-size: var( --kendo-media-player-title-font-size, var(--kendo-font-size-xl) ) !default;
 /// The horizontal padding of the MediaPlayer title.
 /// @group mediaplayer
 $kendo-media-player-titlebar-padding-x: var( --kendo-media-player-titlebar-padding-x, k-spacing(2) ) !default;

package/scss/menu/_variables.scss

@@ -14,13 +14,13 @@ $kendo-menu-border-width: var( --kendo-menu-border-width, #{k-spacing(0)} ) !def
 
 /// The font family of the Menu.
 /// @group menu
-$kendo-menu-font-family: var( --kendo-menu-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-menu-font-family: var( --kendo-menu-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the Menu.
 /// @group menu
-$kendo-menu-font-size: var( --kendo-menu-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-menu-font-size: var( --kendo-menu-font-size, var(--kendo-font-size) ) !default;
 /// The line heights of the Menu used along with $kendo-font-size.
 /// @group menu
-$kendo-menu-line-height: var( --kendo-menu-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-menu-line-height: var( --kendo-menu-line-height, var(--kendo-line-height) ) !default;
 
 /// The background color of the Menu.
 /// @group menu
@@ -54,7 +54,7 @@ $kendo-menu-item-icon-spacing: var( --kendo-menu-item-icon-spacing, var( --kendo
 
 /// The font weight of the selected Menu item.
 /// @group menu
-$kendo-menu-item-selected-font-weight: var( --kendo-menu-item-selected-font-weight, var( --kendo-font-weight-bold, normal ) ) !default;
+$kendo-menu-item-selected-font-weight: var( --kendo-menu-item-selected-font-weight, var(--kendo-font-weight-bold) ) !default;
 
 /// The text color of Menu item.
 /// @group menu
@@ -143,23 +143,23 @@ $kendo-menu-popup-border-width: var( --kendo-menu-popup-border-width, #{$kendo-p
 
 /// The font size of the small Menu popup.
 /// @group menu
-$kendo-menu-popup-sm-font-size: var( --kendo-menu-popup-sm-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-menu-popup-sm-font-size: var( --kendo-menu-popup-sm-font-size, var(--kendo-font-size) ) !default;
 /// The font size of the medium Menu popup.
 /// @group menu
-$kendo-menu-popup-md-font-size: var( --kendo-menu-popup-md-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-menu-popup-md-font-size: var( --kendo-menu-popup-md-font-size, var(--kendo-font-size) ) !default;
 /// The font size of the large Menu popup.
 /// @group menu
-$kendo-menu-popup-lg-font-size: var( --kendo-menu-popup-lg-font-size, var( --kendo-font-size-lg, inherit ) ) !default;
+$kendo-menu-popup-lg-font-size: var( --kendo-menu-popup-lg-font-size, var(--kendo-font-size-lg) ) !default;
 
 /// The line height of the small Menu popup.
 /// @group menu
-$kendo-menu-popup-sm-line-height: var( --kendo-menu-popup-sm-line-height, var(--kendo-line-height, normal) ) !default;
+$kendo-menu-popup-sm-line-height: var( --kendo-menu-popup-sm-line-height, var(--kendo-line-height) ) !default;
 /// The line height of the medium Menu popup.
 /// @group menu
-$kendo-menu-popup-md-line-height: var( --kendo-menu-popup-md-line-height, var(--kendo-line-height, normal) ) !default;
+$kendo-menu-popup-md-line-height: var( --kendo-menu-popup-md-line-height, var(--kendo-line-height) ) !default;
 /// The line height of the large Menu popup.
 /// @group menu
-$kendo-menu-popup-lg-line-height: var( --kendo-menu-popup-lg-line-height, var(--kendo-line-height, normal) ) !default;
+$kendo-menu-popup-lg-line-height: var( --kendo-menu-popup-lg-line-height, var(--kendo-line-height) ) !default;
 
 /// The background color of the Menu popup.
 /// @group menu

package/scss/messagebox/_variables.scss

@@ -26,13 +26,13 @@ $kendo-message-box-border-style: var( --kendo-message-box-border-style, solid )
 $kendo-message-box-border-radius: k-border-radius(md) !default;
 /// Font family of the message box.
 /// @group messagebox
-$kendo-message-box-font-family: var( --kendo-message-box-font-family, var(--kendo-font-family, inherit) ) !default;
+$kendo-message-box-font-family: var( --kendo-message-box-font-family, var(--kendo-font-family) ) !default;
 /// Font size of the message box.
 /// @group messagebox
-$kendo-message-box-font-size: var( --kendo-message-box-font-size, var(--kendo-font-size-sm, inherit) ) !default;
+$kendo-message-box-font-size: var( --kendo-message-box-font-size, var(--kendo-font-size-sm) ) !default;
 /// Line height of the message box.
 /// @group messagebox
-$kendo-message-box-line-height: var( --kendo-message-box-line-height, var(--kendo-line-height-lg, normal) ) !default;
+$kendo-message-box-line-height: var( --kendo-message-box-line-height, var(--kendo-line-height-lg) ) !default;
 
 /// Font style of the message box links.
 /// @group messagebox

package/scss/notification/_variables.scss

@@ -25,13 +25,13 @@ $kendo-notification-border-width: var( --kendo-notification-border-width, 1px )
 $kendo-notification-border-radius: var( --kendo-notification-border-radius, #{k-border-radius(md)} ) !default;
 /// The font family of the Notification.
 /// @group notification
-$kendo-notification-font-family: var( --kendo-notification-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-notification-font-family: var( --kendo-notification-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the Notification.
 /// @group notification
-$kendo-notification-font-size: var( --kendo-notification-font-size, var( --kendo-font-size-sm, inherit ) ) !default;
+$kendo-notification-font-size: var( --kendo-notification-font-size, var(--kendo-font-size-sm) ) !default;
 /// The height of the Notification.
 /// @group notification
-$kendo-notification-line-height: var( --kendo-notification-line-height, var( --kendo-line-height-lg, normal ) ) !default;
+$kendo-notification-line-height: var( --kendo-notification-line-height, var(--kendo-line-height-lg) ) !default;
 /// The horizontal padding of the Notification actions.
 /// @group notification
 $kendo-notification-actions-padding-x: var( --kendo-notification-actions-padding-x, null ) !default;

package/scss/orgchart/_variables.scss

@@ -13,13 +13,13 @@ $kendo-orgchart-padding-y: var( --kendo-orgchart-padding-y, #{$kendo-orgchart-sp
 $kendo-orgchart-padding-x: var( --kendo-orgchart-padding-x, #{$kendo-orgchart-padding-y} ) !default;
 /// The font family of the OrgChart.
 /// @group orgchart
-$kendo-orgchart-font-family: var( --kendo-orgchart-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-orgchart-font-family: var( --kendo-orgchart-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the OrgChart.
 /// @group orgchart
-$kendo-orgchart-font-size: var( --kendo-orgchart-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-orgchart-font-size: var( --kendo-orgchart-font-size, var(--kendo-font-size) ) !default;
 /// The line height of the OrgChart.
 /// @group orgchart
-$kendo-orgchart-line-height: var( --kendo-orgchart-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-orgchart-line-height: var( --kendo-orgchart-line-height, var(--kendo-line-height) ) !default;
 /// The background color of the OrgChart.
 /// @group orgchart
 $kendo-orgchart-bg: var( --kendo-orgchart-bg, #{k-color(surface-alt)} ) !default;
@@ -70,17 +70,17 @@ $kendo-orgchart-node-group-focus-shadow: var( --kendo-orgchart-node-group-focus-
 $kendo-orgchart-node-group-title-margin-y: var( --kendo-orgchart-node-group-title-margin-y, #{k-spacing(0)} ) !default;
 /// The font size of the OrgChart node group title.
 /// @group orgchart
-$kendo-orgchart-node-group-title-font-size: var( --kendo-orgchart-node-group-title-font-size, var( --kendo-font-size-xl, inherit ) ) !default;
+$kendo-orgchart-node-group-title-font-size: var( --kendo-orgchart-node-group-title-font-size, var(--kendo-font-size-xl) ) !default;
 /// The line height of the OrgChart node group title.
 /// @group orgchart
-$kendo-orgchart-node-group-title-line-height: var( --kendo-orgchart-node-group-title-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-orgchart-node-group-title-line-height: var( --kendo-orgchart-node-group-title-line-height, var(--kendo-line-height) ) !default;
 
 /// The vertical margin of the OrgChart node group subtitle.
 /// @group orgchart
 $kendo-orgchart-node-group-subtitle-margin-y: var( --kendo-orgchart-node-group-subtitle-margin-y, calc( #{$kendo-orgchart-spacer} - #{k-spacing(1)} ) ) !default;
 /// The font size of the OrgChart node group subtitle.
 /// @group orgchart
-$kendo-orgchart-node-group-subtitle-font-size: var( --kendo-orgchart-node-group-subtitle-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-orgchart-node-group-subtitle-font-size: var( --kendo-orgchart-node-group-subtitle-font-size, var(--kendo-font-size) ) !default;
 /// The line height of the OrgChart node group subtitle.
 /// @group orgchart
 $kendo-orgchart-node-group-subtitle-text: var( --kendo-orgchart-node-group-subtitle-text, #{k-color(subtle)} ) !default;
@@ -106,17 +106,17 @@ $kendo-orgchart-card-title-margin-y: var( --kendo-orgchart-card-title-margin-y,
 $kendo-orgchart-card-title-font-size: var( --kendo-orgchart-card-title-font-size, #{$kendo-card-title-font-size} ) !default;
 /// The line height of the OrgChart Card title.
 /// @group orgchart
-$kendo-orgchart-card-title-line-height: var( --kendo-orgchart-card-title-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-orgchart-card-title-line-height: var( --kendo-orgchart-card-title-line-height, var(--kendo-line-height) ) !default;
 
 /// The vertical margin of the OrgChart Card subtitle.
 /// @group orgchart
 $kendo-orgchart-card-subtitle-margin-y: var( --kendo-orgchart-card-subtitle-margin-y, #{k-spacing(0)} ) !default;
 /// The font size of the OrgChart Card subtitle.
 /// @group orgchart
-$kendo-orgchart-card-subtitle-font-size: var( --kendo-orgchart-card-subtitle-font-size, var( --kendo-font-size-sm, inherit ) ) !default;
+$kendo-orgchart-card-subtitle-font-size: var( --kendo-orgchart-card-subtitle-font-size, var(--kendo-font-size-sm) ) !default;
 /// The line height of the OrgChart Card subtitle.
 /// @group orgchart
-$kendo-orgchart-card-subtitle-line-height: var( --kendo-orgchart-card-subtitle-line-height, var( --kendo-line-height, inherit ) ) !default;
+$kendo-orgchart-card-subtitle-line-height: var( --kendo-orgchart-card-subtitle-line-height, var(--kendo-line-height) ) !default;
 
 /// The vertical padding of the OrgChart Card body.
 /// @group orgchart

package/scss/pager/_variables.scss

@@ -35,13 +35,13 @@ $kendo-pager-border-width: var( --kendo-pager-border-width, 1px ) !default;
 
 /// The font family of the Pager.
 /// @group pager
-$kendo-pager-font-family: var( --kendo-pager-font-family, var( --kendo-font-family, normal ) ) !default;
+$kendo-pager-font-family: var( --kendo-pager-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the Pager.
 /// @group pager
-$kendo-pager-font-size: var( --kendo-pager-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-pager-font-size: var( --kendo-pager-font-size, var(--kendo-font-size) ) !default;
 /// The line height of the Pager.
 /// @group pager
-$kendo-pager-line-height: var( --kendo-pager-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-pager-line-height: var( --kendo-pager-line-height, var(--kendo-line-height) ) !default;
 
 /// The background color of the Pager.
 /// @group pager

package/scss/panelbar/_layout.scss

@@ -16,7 +16,7 @@
                 font-weight: normal;
 
                 &.k-selected {
-                    font-weight: var(--kendo-font-weight-semibold, 600 );
+                    font-weight: var(--kendo-font-weight-semibold);
                 }
 
                 &:focus,
@@ -43,7 +43,7 @@
                 padding-block: $kendo-panelbar-item-padding-y;
 
                 &.k-selected {
-                    font-weight: var(--kendo-font-weight-semibold, 600 );
+                    font-weight: var(--kendo-font-weight-semibold);
                 }
 
                 &:focus,

package/scss/panelbar/_variables.scss

@@ -4,13 +4,13 @@
 
 /// The font family of the PanelBar.
 /// @group panelbar
-$kendo-panelbar-font-family: var( --kendo-panelbar-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-panelbar-font-family: var( --kendo-panelbar-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the PanelBar.
 /// @group panelbar
-$kendo-panelbar-font-size: var( --kendo-panelbar-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-panelbar-font-size: var( --kendo-panelbar-font-size, var(--kendo-font-size) ) !default;
 /// The line height of the PanelBar.
 /// @group panelbar
-$kendo-panelbar-line-height: var( --kendo-panelbar-line-height, var( --kendo-line-height, inherit ) ) !default;
+$kendo-panelbar-line-height: var( --kendo-panelbar-line-height, var(--kendo-line-height) ) !default;
 /// The width of the border around the PanelBar.
 /// @group panelbar
 $kendo-panelbar-border-width: var( --kendo-panelbar-border-width, 1px ) !default;

package/scss/pdf-viewer/_variables.scss

@@ -8,13 +8,13 @@
 $kendo-pdf-viewer-border-width: var( --kendo-pdf-viewer-border-width, 1px ) !default;
 /// The font family of the PDFViewer.
 /// @group pdf-viewer
-$kendo-pdf-viewer-font-family: var( --kendo-pdf-viewer-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-pdf-viewer-font-family: var( --kendo-pdf-viewer-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the PDFViewer.
 /// @group pdf-viewer
-$kendo-pdf-viewer-font-size: var( --kendo-pdf-viewer-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-pdf-viewer-font-size: var( --kendo-pdf-viewer-font-size, var(--kendo-font-size) ) !default;
 /// The line height of the PDFViewer.
 /// @group pdf-viewer
-$kendo-pdf-viewer-line-height: var( --kendo-pdf-viewer-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-pdf-viewer-line-height: var( --kendo-pdf-viewer-line-height, var(--kendo-line-height) ) !default;
 /// The background color of the PDFViewer.
 /// @group pdf-viewer
 $kendo-pdf-viewer-bg: var( --kendo-pdf-viewer-bg, #{k-color(surface-alt)} ) !default;
@@ -87,7 +87,7 @@ $kendo-pdf-viewer-search-panel-margin-y: var( --kendo-pdf-viewer-search-panel-ma
 
 /// The line height of the PDFViewer selection.
 /// @group pdf-viewer
-$kendo-pdf-viewer-selection-line-height: var( --kendo-pdf-viewer-selection-line-height, var( --kendo-line-height-sm, normal ) ) !default;
+$kendo-pdf-viewer-selection-line-height: var( --kendo-pdf-viewer-selection-line-height, var(--kendo-line-height-sm) ) !default;
 
 /// The background color of the PDFViewer highlight.
 /// @group pdf-viewer

package/scss/pivotgrid/_variables.scss

@@ -17,13 +17,13 @@ $kendo-pivotgrid-padding-x: var( --kendo-pivotgrid-padding-x, #{k-spacing(0)} )
 $kendo-pivotgrid-padding-y: var( --kendo-pivotgrid-padding-y, #{k-spacing(0)} ) !default;
 /// The font family of the PivotGrid.
 /// @group pivotgrid
-$kendo-pivotgrid-font-family: var( --kendo-pivotgrid-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-pivotgrid-font-family: var( --kendo-pivotgrid-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the PivotGrid.
 /// @group pivotgrid
-$kendo-pivotgrid-font-size: var( --kendo-pivotgrid-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-pivotgrid-font-size: var( --kendo-pivotgrid-font-size, var(--kendo-font-size) ) !default;
 /// The line height of the PivotGrid.
 /// @group pivotgrid
-$kendo-pivotgrid-line-height: var( --kendo-pivotgrid-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-pivotgrid-line-height: var( --kendo-pivotgrid-line-height, var(--kendo-line-height) ) !default;
 /// The border width of the PivotGrid.
 /// @group pivotgrid
 $kendo-pivotgrid-border-width: var( --kendo-pivotgrid-border-width, 1px ) !default;
@@ -123,10 +123,10 @@ $kendo-pivotgrid-configurator-header-padding-x: var( --kendo-pivotgrid-configura
 $kendo-pivotgrid-configurator-header-padding-y: var( --kendo-pivotgrid-configurator-header-padding-y, #{$kendo-pivotgrid-configurator-header-padding-x} ) !default;
 /// The font size of the PivotGrid configurator header.
 /// @group pivotgrid
-$kendo-pivotgrid-configurator-header-font-size: var( --kendo-pivotgrid-configurator-header-font-size, calc( var( --kendo-font-size-xl, 2rem ) * .9 ) ) !default;
+$kendo-pivotgrid-configurator-header-font-size: var( --kendo-pivotgrid-configurator-header-font-size, calc( var(--kendo-font-size-xl) * .9 ) ) !default;
 /// The font weight of the PivotGrid configurator header.
 /// @group pivotgrid
-$kendo-pivotgrid-configurator-header-font-weight: var( --kendo-pivotgrid-configurator-header-font-weight, var( --kendo-font-weight-bold, bold ) ) !default;
+$kendo-pivotgrid-configurator-header-font-weight: var( --kendo-pivotgrid-configurator-header-font-weight, var(--kendo-font-weight-bold) ) !default;
 
 /// The horizontal padding of the PivotGrid configurator content.
 /// @group pivotgrid

package/scss/popover/_layout.scss

@@ -10,8 +10,8 @@
         @extend .k-card-title !optional;
         padding-block-end: 0;
         margin-block-end: 0;
-        font-size: var(--kendo-font-size-lg, inherit);
-        line-height: var(--kendo-line-height-sm, normal);
+        font-size: var(--kendo-font-size-lg);
+        line-height: var(--kendo-line-height-sm);
     }
 
     // Actions

package/scss/popup/_variables.scss

@@ -16,10 +16,10 @@ $kendo-popup-border-radius: var( --kendo-popup-border-radius, #{k-border-radius(
 
 /// Font size of the popup.
 /// @group popup
-$kendo-popup-font-size: var( --kendo-popup-font-size, var( --kendo-font-size, inherit) ) !default;
+$kendo-popup-font-size: var( --kendo-popup-font-size, var(--kendo-font-size) ) !default;
 /// Line height of the popup.
 /// @group popup
-$kendo-popup-line-height: var( --kendo-popup-line-height, var( --kendo-line-height, normal) ) !default;
+$kendo-popup-line-height: var( --kendo-popup-line-height, var(--kendo-line-height) ) !default;
 
 /// Horizontal padding of the content inside the popup.
 /// @group popup

package/scss/progressbar/_variables.scss

@@ -18,13 +18,13 @@ $kendo-progressbar-border-width: var( --kendo-progressbar-border-width, 0px ) !d
 $kendo-progressbar-border-radius: var( --kendo-progressbar-border-radius, var( --kendo-border-radius-sm, initial ) ) !default;
 /// The font family of the ProgressBar.
 /// @group progressbar
-$kendo-progressbar-font-family: var( --kendo-progressbar-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-progressbar-font-family: var( --kendo-progressbar-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the ProgressBar.
 /// @group progressbar
-$kendo-progressbar-font-size: var( --kendo-progressbar-font-size, var( --kendo-font-size-sm, inherit ) ) !default;
+$kendo-progressbar-font-size: var( --kendo-progressbar-font-size, var(--kendo-font-size-sm) ) !default;
 /// The line height of the ProgressBar.
 /// @group progressbar
-$kendo-progressbar-line-height: var( --kendo-progressbar-line-height, var( --kendo-line-height-lg, inherit ) ) !default;
+$kendo-progressbar-line-height: var( --kendo-progressbar-line-height, var(--kendo-line-height-lg) ) !default;
 /// The horizontal padding of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-padding-x: var( --kendo-progressbar-padding-x, #{k-spacing(0)} ) !default;

package/scss/rating/_variables.scss

@@ -3,13 +3,13 @@
 
 /// The font family of the Rating.
 /// @group rating
-$kendo-rating-font-family: var( --kendo-rating-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-rating-font-family: var( --kendo-rating-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the Rating.
 /// @group rating
-$kendo-rating-font-size: var( --kendo-rating-font-size, var( --kendo-font-size-sm, inherit ) ) !default;
+$kendo-rating-font-size: var( --kendo-rating-font-size, var(--kendo-font-size-sm) ) !default;
 /// The line height of the Rating.
 /// @group rating
-$kendo-rating-line-height: var( --kendo-rating-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-rating-line-height: var( --kendo-rating-line-height, var(--kendo-line-height) ) !default;
 
 /// The content spacing of the Rating.
 /// @group rating