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

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

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