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

package/scss/scheduler/_variables.scss

@@ -8,13 +8,13 @@
 $kendo-scheduler-border-width: var( --kendo-scheduler-border-width, 1px ) !default;
 /// The font family of the Scheduler.
 /// @group scheduler
-$kendo-scheduler-font-family: var( --kendo-scheduler-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-scheduler-font-family: var( --kendo-scheduler-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the Scheduler.
 /// @group scheduler
-$kendo-scheduler-font-size: var( --kendo-scheduler-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-scheduler-font-size: var( --kendo-scheduler-font-size, var(--kendo-font-size) ) !default;
 /// The line height of the Scheduler.
 /// @group scheduler
-$kendo-scheduler-line-height: var( --kendo-scheduler-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-scheduler-line-height: var( --kendo-scheduler-line-height, var(--kendo-line-height) ) !default;
 
 /// The background color of the Scheduler.
 /// @group scheduler
@@ -217,10 +217,10 @@ $kendo-scheduler-tooltip-shadow: var( --kendo-scheduler-tooltip-shadow, k-elevat
 $kendo-scheduler-tooltip-title-margin-y: var( --kendo-scheduler-tooltip-title-margin-y, k-spacing(3) ) !default;
 /// The font size of the month inside the Scheduler Tooltip.
 /// @group scheduler
-$kendo-scheduler-tooltip-month-font-size: var( --kendo-scheduler-tooltip-month-font-size, var( --kendo-font-size-sm, inherit ) ) !default;
+$kendo-scheduler-tooltip-month-font-size: var( --kendo-scheduler-tooltip-month-font-size, var(--kendo-font-size-sm) ) !default;
 /// The font size of the day inside the Scheduler Tooltip.
 /// @group scheduler
-$kendo-scheduler-tooltip-day-font-size: var( --kendo-scheduler-tooltip-day-font-size, calc( var( --kendo-font-size-sm, .75rem ) * 2 ) ) !default;
+$kendo-scheduler-tooltip-day-font-size: var( --kendo-scheduler-tooltip-day-font-size, calc( var(--kendo-font-size-sm) * 2 ) ) !default;
 
 /// The max height of the events inside the Scheduler Tooltip.
 /// @group scheduler

package/scss/scrollview/_variables.scss

@@ -6,13 +6,13 @@
 $kendo-scrollview-border-width: var( --kendo-scrollview-border-width, 0px ) !default;
 /// The font family of the ScrollView.
 /// @group scrollview
-$kendo-scrollview-font-family: var( --kendo-scrollview-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-scrollview-font-family: var( --kendo-scrollview-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the ScrollView.
 /// @group scrollview
-$kendo-scrollview-font-size: var( --kendo-scrollview-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-scrollview-font-size: var( --kendo-scrollview-font-size, var(--kendo-font-size) ) !default;
 /// The line height of the ScrollView.
 /// @group scrollview
-$kendo-scrollview-line-height: var( --kendo-scrollview-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-scrollview-line-height: var( --kendo-scrollview-line-height, var(--kendo-line-height) ) !default;
 
 /// The text color of the ScrollView.
 /// @group scrollview

package/scss/segmented-control/_variables.scss

@@ -28,27 +28,27 @@ $kendo-segmented-control-text: var( --kendo-segmented-control-text, #{k-color(on
 
 /// The font size of the small Segmented Control.
 /// @group segmented-control
-$kendo-segmented-control-sm-font-size: var( --kendo-segmented-control-sm-font-size, var( --kendo-font-size-sm, inherit ) ) !default;
+$kendo-segmented-control-sm-font-size: var( --kendo-segmented-control-sm-font-size, var(--kendo-font-size-sm) ) !default;
 /// The font size of the medium Segmented Control.
 /// @group segmented-control
-$kendo-segmented-control-md-font-size: var( --kendo-segmented-control-md-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-segmented-control-md-font-size: var( --kendo-segmented-control-md-font-size, var(--kendo-font-size) ) !default;
 /// The font size of the large Segmented Control.
 /// @group segmented-control
-$kendo-segmented-control-lg-font-size: var( --kendo-segmented-control-lg-font-size, var( --kendo-font-size-lg, inherit ) ) !default;
+$kendo-segmented-control-lg-font-size: var( --kendo-segmented-control-lg-font-size, var(--kendo-font-size-lg) ) !default;
 
 /// The font family of the Segmented Control.
 /// @group segmented-control
-$kendo-segmented-control-font-family: var( --kendo-segmented-control-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-segmented-control-font-family: var( --kendo-segmented-control-font-family, var(--kendo-font-family) ) !default;
 
 /// The line height of the small Segmented Control.
 /// @group segmented-control
-$kendo-segmented-control-sm-line-height: var( --kendo-segmented-control-sm-line-height, var( --kendo-line-height-lg, normal ) ) !default;
+$kendo-segmented-control-sm-line-height: var( --kendo-segmented-control-sm-line-height, var(--kendo-line-height-lg) ) !default;
 /// The line height of the medium Segmented Control.
 /// @group segmented-control
-$kendo-segmented-control-md-line-height: var( --kendo-segmented-control-md-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-segmented-control-md-line-height: var( --kendo-segmented-control-md-line-height, var(--kendo-line-height) ) !default;
 /// The line height of the large Segmented Control.
 /// @group segmented-control
-$kendo-segmented-control-lg-line-height: var( --kendo-segmented-control-lg-line-height, var( --kendo-line-height-sm, normal ) ) !default;
+$kendo-segmented-control-lg-line-height: var( --kendo-segmented-control-lg-line-height, var(--kendo-line-height-sm) ) !default;
 
 /// The border radius of the Segmented Control thumb.
 /// @group segmented-control

package/scss/slider/_layout.scss

@@ -12,7 +12,7 @@
         gap: $kendo-slider-spacing;
 
         .k-label {
-            font-size: var(--kendo-font-size-sm, inherit);
+            font-size: var(--kendo-font-size-sm);
             pointer-events: all;
         }
 

package/scss/slider/_variables.scss

@@ -14,13 +14,13 @@ $kendo-slider-spacing: var( --kendo-slider-spacing, #{k-spacing(2)} ) !default;
 
 /// The font family of the Slider.
 /// @group slider
-$kendo-slider-font-family: var( --kendo-slider-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-slider-font-family: var( --kendo-slider-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the Slider.
 /// @group slider
-$kendo-slider-font-size: var( --kendo-slider-font-size, var( --kendo-font-size-sm, inherit ) ) !default;
+$kendo-slider-font-size: var( --kendo-slider-font-size, var(--kendo-font-size-sm) ) !default;
 /// The line height of the Slider.
 /// @group slider
-$kendo-slider-line-height: var( --kendo-slider-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-slider-line-height: var( --kendo-slider-line-height, var(--kendo-line-height) ) !default;
 /// The text color of the Slider.
 /// @group slider
 $kendo-slider-text: var( --kendo-slider-text, inherit ) !default;

package/scss/splitter/_variables.scss

@@ -6,13 +6,13 @@
 $kendo-splitter-border-width: var( --kendo-splitter-border-width, 1px ) !default;
 /// The font size of the Splitter.
 /// @group splitter
-$kendo-splitter-font-size: var( --kendo-splitter-font-size, var( --kendo-font-size, initial ) ) !default;
+$kendo-splitter-font-size: var( --kendo-splitter-font-size, var(--kendo-font-size) ) !default;
 /// The line height of the Splitter.
 /// @group splitter
-$kendo-splitter-line-height: var( --kendo-splitter-line-height, var( --kendo-line-height, initial ) ) !default;
+$kendo-splitter-line-height: var( --kendo-splitter-line-height, var(--kendo-line-height) ) !default;
 /// The font family of the Splitter.
 /// @group splitter
-$kendo-splitter-font-family: var( --kendo-splitter-font-family, var( --kendo-font-family, initial ) ) !default;
+$kendo-splitter-font-family: var( --kendo-splitter-font-family, var(--kendo-font-family) ) !default;
 
 /// The background color of the Splitter.
 /// @group splitter

package/scss/spreadsheet/_variables.scss

@@ -10,13 +10,13 @@
 $kendo-spreadsheet-border-width: var( --kendo-spreadsheet-border-width, 1px ) !default;
 /// The font family of the Spreadsheet.
 /// @group spreadsheet
-$kendo-spreadsheet-font-family: var( --kendo-spreadsheet-font-family, var( --kendo-font-family, initial ) ) !default;
+$kendo-spreadsheet-font-family: var( --kendo-spreadsheet-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the Spreadsheet.
 /// @group spreadsheet
-$kendo-spreadsheet-font-size: var( --kendo-spreadsheet-font-size, var( --kendo-font-size, initial ) ) !default;
+$kendo-spreadsheet-font-size: var( --kendo-spreadsheet-font-size, var(--kendo-font-size) ) !default;
 /// The line height of the Spreadsheet.
 /// @group spreadsheet
-$kendo-spreadsheet-line-height: var( --kendo-spreadsheet-line-height, var( --kendo-line-height, initial ) ) !default;
+$kendo-spreadsheet-line-height: var( --kendo-spreadsheet-line-height, var(--kendo-line-height) ) !default;
 /// The background color of the Spreadsheet.
 /// @group spreadsheet
 $kendo-spreadsheet-bg: var( --kendo-spreadsheet-bg, k-color(app-surface) ) !default;

package/scss/stepper/_variables.scss

@@ -6,13 +6,13 @@
 $kendo-stepper-border-width: var( --kendo-stepper-border-width, 0px ) !default;
 /// The font size of the Stepper.
 /// @group stepper
-$kendo-stepper-font-size: var( --kendo-stepper-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-stepper-font-size: var( --kendo-stepper-font-size, var(--kendo-font-size) ) !default;
 /// The font family of the Stepper.
 /// @group stepper
-$kendo-stepper-font-family: var( --kendo-stepper-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-stepper-font-family: var( --kendo-stepper-font-family, var(--kendo-font-family) ) !default;
 /// The line height of the Stepper.
 /// @group stepper
-$kendo-stepper-line-height: var( --kendo-stepper-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-stepper-line-height: var( --kendo-stepper-line-height, var(--kendo-line-height) ) !default;
 
 /// The background color of the Stepper.
 /// @group stepper
@@ -68,7 +68,7 @@ $kendo-stepper-indicator-focus-size: var( --kendo-stepper-indicator-focus-size,
 $kendo-stepper-indicator-focus-offset: 3px !default;
 /// The calculated offset of the Stepper's focused indicator.
 /// @group stepper
-$kendo-stepper-indicator-focus-calc-offset: calc( #{$kendo-stepper-indicator-focus-border-width} + #{$kendo-stepper-indicator-focus-offset} )  !default;
+$kendo-stepper-indicator-focus-calc-offset: calc( #{$kendo-stepper-indicator-focus-border-width} + #{$kendo-stepper-indicator-focus-offset} ) !default;
 
 /// The background color of the Stepper indicator.
 /// @group stepper
@@ -177,7 +177,7 @@ $kendo-stepper-label-hover-text: var( --kendo-stepper-label-hover-text, $kendo-s
 $kendo-stepper-label-disabled-text: var( --kendo-stepper-label-disabled-text, color-mix(in srgb, k-color(on-app-surface) 46%, transparent) ) !default;
 /// The font weight of the disabled Stepper label.
 /// @group stepper
-$kendo-stepper-current-label-font-weight: var( --kendo-stepper-current-label-font-weight, var( --kendo-font-weight-semibold, 600 ) ) !default;
+$kendo-stepper-current-label-font-weight: var( --kendo-stepper-current-label-font-weight, var(--kendo-font-weight-semibold) ) !default;
 
 /// The text color of the optional Stepper label.
 /// @group stepper

package/scss/suggestion/_variables.scss

@@ -19,11 +19,11 @@ $kendo-suggestion-border-style: var( --kendo-suggestion-border-style, solid ) !d
 
 /// The font size of the Suggestion.
 /// @group suggestion
-$kendo-suggestion-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-suggestion-font-size: var(--kendo-font-size) !default;
 
 /// The line height of the Suggestion.
 /// @group suggestion
-$kendo-suggestion-line-height: var( --kendo-suggestion-line-height, var( --kendo-line-height-lg, normal ) ) !default;
+$kendo-suggestion-line-height: var( --kendo-suggestion-line-height, var(--kendo-line-height-lg) ) !default;
 /// The border radius of the Suggestion.
 /// @group suggestion
 $kendo-suggestion-border-radius: var( --kendo-suggestion-border-radius, #{k-border-radius(full)} ) !default;

package/scss/switch/_variables.scss

@@ -17,7 +17,7 @@ $kendo-switch-default-thumb-roundness: "full" !default;
 
 /// The font family of the Switch.
 /// @group switch
-$kendo-switch-font-family: var( --kendo-switch-font-family, var( --kendo-font-family, normal ) ) !default;
+$kendo-switch-font-family: var( --kendo-switch-font-family, var(--kendo-font-family) ) !default;
 
 /// The border width of the Switch track.
 /// @group switch

package/scss/table/_variables.scss

@@ -38,7 +38,7 @@ $kendo-table-lg-cell-padding-y: var( --kendo-table-lg-cell-padding-y, #{k-spacin
 
 /// Font weight of the table header cells.
 /// @group table
-$kendo-table-header-font-weight: var( --kendo-table-header-font-weight, var( --kendo-font-weight-normal, normal ) ) !default;
+$kendo-table-header-font-weight: var( --kendo-table-header-font-weight, var(--kendo-font-weight-normal) ) !default;
 
 /// Background color of tables.
 /// @group table
@@ -148,7 +148,7 @@ $kendo-table-selected-border: var( --kendo-table-selected-border, #{$kendo-table
 $kendo-table-highlighted-bg: var( --kendo-table-highlighted-bg, #{color-mix(in srgb, k-color(warning) 8%, transparent)} ) !default;
 /// The font weight of highlighted rows in table.
 /// @group table
-$kendo-table-highlighted-font-weight: var( --kendo-table-highlighted-font-weight, var( --kendo-font-weight-semibold, bold ) ) !default;
+$kendo-table-highlighted-font-weight: var( --kendo-table-highlighted-font-weight, var(--kendo-font-weight-semibold) ) !default;
 
 /// Background color of selected highlighted rows in table.
 /// @group table

package/scss/tabstrip/_variables.scss

@@ -29,13 +29,13 @@ $kendo-tabstrip-wrapper-border: var( --kendo-tabstrip-wrapper-border, initial )
 
 /// The font family of the TabStrip.
 /// @group tabstrip
-$kendo-tabstrip-font-family: var( --kendo-tabstrip-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-tabstrip-font-family: var( --kendo-tabstrip-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the TabStrip.
 /// @group tabstrip
-$kendo-tabstrip-font-size: var( --kendo-tabstrip-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-tabstrip-font-size: var( --kendo-tabstrip-font-size, var(--kendo-font-size) ) !default;
 /// The line height of the TabStrip.
 /// @group tabstrip
-$kendo-tabstrip-line-height: var( --kendo-tabstrip-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-tabstrip-line-height: var( --kendo-tabstrip-line-height, var(--kendo-line-height) ) !default;
 /// The border width around the TabStrip.
 /// @group tabstrip
 $kendo-tabstrip-border-width: var( --kendo-tabstrip-border-width, 0px ) !default;
@@ -143,7 +143,7 @@ $kendo-tabstrip-item-selected-text: var( --kendo-tabstrip-item-selected-text, in
 $kendo-tabstrip-item-selected-border: var( --kendo-tabstrip-item-selected-border, inherit ) !default;
 /// The font weight of the selected TabStrip items.
 /// @group tabstrip
-$kendo-tabstrip-item-selected-font-weight: var( --kendo-tabstrip-item-selected-font-weight, var( --kendo-font-weight-semibold, 600 ) ) !default;
+$kendo-tabstrip-item-selected-font-weight: var( --kendo-tabstrip-item-selected-font-weight, var(--kendo-font-weight-semibold) ) !default;
 
 /// The shadow of the focused TabStrip items.
 /// @group tabstrip

package/scss/taskboard/_variables.scss

@@ -21,13 +21,13 @@ $kendo-taskboard-padding-y: var( --kendo-taskboard-padding-y, #{k-spacing(0)} )
 $kendo-taskboard-padding-x: var( --kendo-taskboard-padding-x, #{k-spacing(0)} ) !default;
 /// The font family of the TaskBoard.
 /// @group taskboard
-$kendo-taskboard-font-family: var( --kendo-taskboard-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-taskboard-font-family: var( --kendo-taskboard-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the TaskBoard.
 /// @group taskboard
-$kendo-taskboard-font-size: var( --kendo-taskboard-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-taskboard-font-size: var( --kendo-taskboard-font-size, var(--kendo-font-size) ) !default;
 /// The line height of the TaskBoard.
 /// @group taskboard
-$kendo-taskboard-line-height: var( --kendo-taskboard-line-height, var( --kendo-line-height, inherit ) ) !default;
+$kendo-taskboard-line-height: var( --kendo-taskboard-line-height, var(--kendo-line-height) ) !default;
 /// The background color of the TaskBoard.
 /// @group taskboard
 $kendo-taskboard-bg: var( --kendo-taskboard-bg, #{k-color(app-surface)} ) !default;
@@ -145,10 +145,10 @@ $kendo-taskboard-pane-header-padding-y: var( --kendo-taskboard-pane-header-paddi
 $kendo-taskboard-pane-header-padding-x: var( --kendo-taskboard-pane-header-padding-x, #{k-spacing(6)} ) !default;
 /// The font size of the TaskBoard pane header.
 /// @group taskboard
-$kendo-taskboard-pane-header-font-size: var( --kendo-taskboard-pane-header-font-size, var( --kendo-font-size-xl, 1rem ) ) !default;
+$kendo-taskboard-pane-header-font-size: var( --kendo-taskboard-pane-header-font-size, var(--kendo-font-size-xl) ) !default;
 /// The font weight of the TaskBoard pane header.
 /// @group taskboard
-$kendo-taskboard-pane-header-font-weight: var( --kendo-taskboard-pane-header-font-weight, var( --kendo-font-weight-bold, bold ) ) !default;
+$kendo-taskboard-pane-header-font-weight: var( --kendo-taskboard-pane-header-font-weight, var(--kendo-font-weight-bold) ) !default;
 /// The text color of the TaskBoard pane header.
 /// @group taskboard
 $kendo-taskboard-pane-header-text: var( --kendo-taskboard-pane-header-text, #{$kendo-taskboard-pane-text} ) !default;
@@ -191,10 +191,10 @@ $kendo-taskboard-card-selected-bg: linear-gradient(0deg, color-mix(in srgb, k-co
 
 /// The font size of the TaskBoard Card title.
 /// @group taskboard
-$kendo-taskboard-card-title-font-size: var( --kendo-taskboard-card-title-font-size, var( --kendo-font-size, 1rem ) ) !default;
+$kendo-taskboard-card-title-font-size: var( --kendo-taskboard-card-title-font-size, var(--kendo-font-size) ) !default;
 /// The font weight of the TaskBoard Card title.
 /// @group taskboard
-$kendo-taskboard-card-title-font-weight: var( --kendo-taskboard-card-title-font-weight, var( --kendo-font-weight-semibold, 600 ) ) !default;
+$kendo-taskboard-card-title-font-weight: var( --kendo-taskboard-card-title-font-weight, var(--kendo-font-weight-semibold) ) !default;
 
 /// The border width of the TaskBoard Card placeholder.
 /// @group taskboard

package/scss/timeline/_variables.scss

@@ -17,13 +17,13 @@ $kendo-timeline-items-padding: var( --kendo-timeline-items-padding, k-spacing(4)
 
 /// The font family of the Timeline.
 /// @group timeline
-$kendo-timeline-font-family: var( --kendo-timeline-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-timeline-font-family: var( --kendo-timeline-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the Timeline.
 /// @group timeline
-$kendo-timeline-font-size: var( --kendo-timeline-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-timeline-font-size: var( --kendo-timeline-font-size, var(--kendo-font-size) ) !default;
 /// The line height of the Timeline.
 /// @group timeline
-$kendo-timeline-line-height: var( --kendo-timeline-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-timeline-line-height: var( --kendo-timeline-line-height, var(--kendo-line-height) ) !default;
 
 /// The horizontal spacing of the mobile Timeline.
 /// @group timeline
@@ -92,7 +92,7 @@ $kendo-timeline-flag-padding-y: var( --kendo-timeline-flag-padding-y, k-spacing(
 $kendo-timeline-flag-border-radius: var( --kendo-timeline-flag-border-radius, k-border-radius(md) ) !default;
 /// The line height of the Timeline flag.
 /// @group timeline
-$kendo-timeline-flag-line-height: var( --kendo-timeline-flag-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-timeline-flag-line-height: var( --kendo-timeline-flag-line-height, var(--kendo-line-height) ) !default;
 /// The box shadow of the Timeline flag.
 /// @group timeline
 $kendo-timeline-flag-box-shadow: var( --kendo-timeline-flag-box-shadow, var( --kendo-box-shadow-depth-2, none ) ) !default;

package/scss/timeselector/_variables.scss

@@ -12,7 +12,7 @@ $kendo-time-selector-default-size: "md" !default;
 $kendo-time-selector-border-width: var( --kendo-time-selector-border-width, 1px ) !default;
 /// Font family of the time-selector.
 /// @group time-selector
-$kendo-time-selector-font-family: var( --kendo-time-selector-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-time-selector-font-family: var( --kendo-time-selector-font-family, var(--kendo-font-family) ) !default;
 /// Font size of the time-selector.
 /// @group time-selector
 $kendo-time-selector-font-size: null !default;
@@ -64,7 +64,7 @@ $kendo-time-list-height: var( --kendo-time-list-height, 240px ) !default;
 $kendo-time-list-title-spacing: var( --kendo-time-list-title-spacing, k-spacing(1) ) !default;
 /// Font size of the time-selector titles.
 /// @group time-selector
-$kendo-time-list-title-font-size: var( --kendo-time-list-title-font-size, var( --kendo-font-size-xs, inherit ) ) !default;
+$kendo-time-list-title-font-size: var( --kendo-time-list-title-font-size, var(--kendo-font-size-xs) ) !default;
 /// Line height of the time-selector titles.
 /// @group time-selector
 $kendo-time-list-title-line-height: var( --kendo-time-list-title-line-height, 1 ) !default;
@@ -93,23 +93,23 @@ $kendo-time-list-focus-bg: var( --kendo-time-list-focus-bg, color-mix(in srgb, k
 
 /// Font sizes of the time-selector.
 /// @group time-selector
-$kendo-time-selector-sm-font-size: var( --kendo-time-selector-sm-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-time-selector-sm-font-size: var( --kendo-time-selector-sm-font-size, var(--kendo-font-size) ) !default;
 /// The font size of the TimeSelector.
 /// @group time-selector
-$kendo-time-selector-md-font-size: var( --kendo-time-selector-md-font-size, var(--kendo-font-size, inherit) ) !default;
+$kendo-time-selector-md-font-size: var( --kendo-time-selector-md-font-size, var(--kendo-font-size) ) !default;
 /// The font size of the TimeSelector.
 /// @group time-selector
-$kendo-time-selector-lg-font-size: var( --kendo-time-selector-lg-font-size, var(--kendo-font-size, inherit) ) !default;
+$kendo-time-selector-lg-font-size: var( --kendo-time-selector-lg-font-size, var(--kendo-font-size) ) !default;
 
 /// Line heights used along with $kendo-font-size.
 /// @group time-selector
-$kendo-time-selector-sm-line-height: var( --kendo-time-selector-sm-line-height, var(--kendo-line-height, normal) ) !default;
+$kendo-time-selector-sm-line-height: var( --kendo-time-selector-sm-line-height, var(--kendo-line-height) ) !default;
 /// The height of the TimeSelector.
 /// @group time-selector
-$kendo-time-selector-md-line-height: var( --kendo-time-selector-md-line-height, var(--kendo-line-height, normal) ) !default;
+$kendo-time-selector-md-line-height: var( --kendo-time-selector-md-line-height, var(--kendo-line-height) ) !default;
 /// The height of the TimeSelector.
 /// @group time-selector
-$kendo-time-selector-lg-line-height: var( --kendo-time-selector-lg-line-height, var(--kendo-line-height, normal) ) !default;
+$kendo-time-selector-lg-line-height: var( --kendo-time-selector-lg-line-height, var(--kendo-line-height) ) !default;
 
 ///  Horizontal padding of the time-selector items.
 /// @group time-selector

package/scss/toolbar/_variables.scss

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

package/scss/tooltip/_variables.scss

@@ -16,17 +16,17 @@ $kendo-tooltip-padding-y: var( --kendo-tooltip-padding-y, #{k-spacing(1.5)} ) !d
 $kendo-tooltip-border-width: var( --kendo-tooltip-border-width, 0px ) !default;
 /// The font family of the Tooltip.
 /// @group tooltip
-$kendo-tooltip-font-family: var( --kendo-tooltip-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-tooltip-font-family: var( --kendo-tooltip-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the Tooltip.
 /// @group tooltip
-$kendo-tooltip-font-size: var( --kendo-tooltip-font-size, var( --kendo-font-size-sm, inherit ) ) !default;
+$kendo-tooltip-font-size: var( --kendo-tooltip-font-size, var(--kendo-font-size-sm) ) !default;
 /// The line height of the Tooltip.
 /// @group tooltip
-$kendo-tooltip-line-height: var( --kendo-tooltip-line-height, var( --kendo-line-height-lg, normal ) ) !default;
+$kendo-tooltip-line-height: var( --kendo-tooltip-line-height, var(--kendo-line-height-lg) ) !default;
 
 /// The font size of the Tooltip title.
 /// @group tooltip
-$kendo-tooltip-title-font-size: var( --kendo-tooltip-title-font-size, calc( var( --kendo-font-size-sm, .75rem ) * 1.25 ) ) !default;
+$kendo-tooltip-title-font-size: var( --kendo-tooltip-title-font-size, calc( var(--kendo-font-size-sm) * 1.25 ) ) !default;
 /// The line height of the Tooltip title.
 /// @group tooltip
 $kendo-tooltip-title-line-height: var( --kendo-tooltip-title-line-height, var( --kendo-line-heigh-lg, normal ) ) !default;

package/scss/treeview/_variables.scss

@@ -14,25 +14,25 @@ $kendo-treeview-border-radius: var( --kendo-treeview-border-radius, k-border-rad
 
 /// The font family of the TreeView.
 /// @group treeview
-$kendo-treeview-font-family: var( --kendo-treeview-font-family, var( --kendo-font-family, normal ) ) !default;
+$kendo-treeview-font-family: var( --kendo-treeview-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the small TreeView.
 /// @group treeview
-$kendo-treeview-sm-font-size: var( --kendo-treeview-sm-font-size, var( --kendo-font-size-sm, inherit ) ) !default;
+$kendo-treeview-sm-font-size: var( --kendo-treeview-sm-font-size, var(--kendo-font-size-sm) ) !default;
 /// The font size of the medium TreeView.
 /// @group treeview
-$kendo-treeview-md-font-size: var( --kendo-treeview-md-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-treeview-md-font-size: var( --kendo-treeview-md-font-size, var(--kendo-font-size) ) !default;
 /// The font size of the large TreeView.
 /// @group treeview
-$kendo-treeview-lg-font-size: var( --kendo-treeview-lg-font-size, var( --kendo-font-size-lg, inherit ) ) !default;
+$kendo-treeview-lg-font-size: var( --kendo-treeview-lg-font-size, var(--kendo-font-size-lg) ) !default;
 /// The line height of the small TreeView.
 /// @group treeview
-$kendo-treeview-sm-line-height: var( --kendo-treeview-sm-line-height, var( --kendo-line-height-lg, normal ) ) !default;
+$kendo-treeview-sm-line-height: var( --kendo-treeview-sm-line-height, var(--kendo-line-height-lg) ) !default;
 /// The line height of the medium TreeView.
 /// @group treeview
-$kendo-treeview-md-line-height: var( --kendo-treeview-md-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-treeview-md-line-height: var( --kendo-treeview-md-line-height, var(--kendo-line-height) ) !default;
 /// The line height of the large TreeView.
 /// @group treeview
-$kendo-treeview-lg-line-height: var( --kendo-treeview-lg-line-height, var( --kendo-line-height-sm, normal ) ) !default;
+$kendo-treeview-lg-line-height: var( --kendo-treeview-lg-line-height, var(--kendo-line-height-sm) ) !default;
 /// The indentation of child groups in the TreeView.
 /// @group treeview
 $kendo-treeview-indent: var( --kendo-treeview-indent, k-spacing(6) ) !default;