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

package/scss/dataviz/_variables.scss

@@ -194,38 +194,38 @@ $kendo-series-30: $kendo-series-f-darker !default;
 $kendo-chart-border-width: var( --kendo-chart-border-width, 0px ) !default;
 /// The font-family of the chart component.
 /// @group charts
-$kendo-chart-font-family: var( --kendo-chart-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-chart-font-family: var( --kendo-chart-font-family, var(--kendo-font-family) ) !default;
 /// The font-size of the chart component.
 /// @group charts
-$kendo-chart-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-chart-font-size: var(--kendo-font-size) !default;
 /// The line-height of the chart component.
 /// @group charts
-$kendo-chart-line-height: var( --kendo-chart-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-chart-line-height: var( --kendo-chart-line-height, var(--kendo-line-height) ) !default;
 
 /// The font-size of the tooltip of the chart component.
 /// @group charts
-$kendo-chart-tooltip-font-size: var( --kendo-chart-tooltip-font-size, var( --kendo-font-size-sm, inherit ) ) !default;
+$kendo-chart-tooltip-font-size: var( --kendo-chart-tooltip-font-size, var(--kendo-font-size-sm) ) !default;
 /// The line-height of the tooltip of the chart component.
 /// @group charts
-$kendo-chart-tooltip-line-height: var( --kendo-chart-tooltip-line-height, var( --kendo-line-height-sm, normal ) ) !default;
+$kendo-chart-tooltip-line-height: var( --kendo-chart-tooltip-line-height, var(--kendo-line-height-sm) ) !default;
 /// The transition of the tooltip of the chart component.
 /// @group charts
 $kendo-chart-tooltip-transition: left k-transition(fade-in), top k-transition(fade-in) !default;
 
 /// The font-size of the label of the chart component.
 /// @group chart
-$kendo-chart-label-font-size: var( --kendo-font-size-sm, inherit ) !default;
+$kendo-chart-label-font-size: var(--kendo-font-size-sm) !default;
 
 /// The font-size of the title of the chart component.
 /// @group charts
-$kendo-chart-title-font-size: var( --kendo-font-size-lg, inherit ) !default;
+$kendo-chart-title-font-size: var(--kendo-font-size-lg) !default;
 
 /// The font-size of the pane title of the chart component.
 /// @group charts
-$kendo-chart-pane-title-font-size: var( --kendo-font-size-lg, inherit ) !default;
+$kendo-chart-pane-title-font-size: var(--kendo-font-size-lg) !default;
 /// The font-weight of the pane title of the chart component.
 /// @group charts
-$kendo-chart-pane-title-font-weight: var( --kendo-font-weight, inherit ) !default;
+$kendo-chart-pane-title-font-weight: var(--kendo-font-weight) !default;
 
 /// The inactive background color of the chart component.
 /// @group chart
@@ -325,13 +325,13 @@ $kendo-chart-computed-title-height: 0px !default;
 
 /// The font-family of the treemap.
 /// @group charts
-$kendo-treemap-font-family: var( --kendo-treemap-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-treemap-font-family: var( --kendo-treemap-font-family, var(--kendo-font-family) ) !default;
 /// The font-size of the treemap.
 /// @group charts
-$kendo-treemap-font-size: var( --kendo-treemap-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-treemap-font-size: var( --kendo-treemap-font-size, var(--kendo-font-size) ) !default;
 /// The line-height of the treemap.
 /// @group charts
-$kendo-treemap-line-height: var( --kendo-treemap-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-treemap-line-height: var( --kendo-treemap-line-height, var(--kendo-line-height) ) !default;
 /// The horizontal padding of the treemap.
 /// @group charts
 $kendo-treemap-padding-x: var( --kendo-treemap-padding-x, k-spacing(1) ) !default;
@@ -366,16 +366,16 @@ $kendo-chart-overlay-bg: var( --kendo-chart-overlay-bg, k-color(app-surface) ) !
 // No Data
 /// The font-size of the Chart no data message.
 /// @group charts
-$kendo-chart-no-data-font-size: var( --kendo-chart-no-data-font-size, var( --kendo-font-size-lg, inherit ) ) !default;
+$kendo-chart-no-data-font-size: var( --kendo-chart-no-data-font-size, var(--kendo-font-size-lg) ) !default;
 /// The font-weight of the Chart no data message.
 /// @group charts
-$kendo-chart-no-data-font-weight: var( --kendo-chart-no-data-font-weight, var( --kendo-font-weight, normal ) ) !default;
+$kendo-chart-no-data-font-weight: var( --kendo-chart-no-data-font-weight, var(--kendo-font-weight) ) !default;
 /// The text color of the Chart no data message.
 /// @group charts
 $kendo-chart-no-data-text: var( --kendo-chart-no-data-text, k-color(on-app-surface) ) !default;
 /// The vertical padding of the Chart no data message.
 /// @group charts
-$kendo-chart-no-data-padding-y: var( --kendo-chart-no-data-padding-y, k-spacing( 25 ) ) !default;
+$kendo-chart-no-data-padding-y: var( --kendo-chart-no-data-padding-y, 7rem ) !default;
 
 // Gauge
 /// Color of the Gauge Pointer.

package/scss/dock-manager/_variables.scss

@@ -38,16 +38,16 @@ $kendo-dock-manager-pane-title-padding-y: var( --kendo-dock-manager-pane-title-p
 $kendo-dock-manager-pane-title-padding-x: var( --kendo-dock-manager-pane-title-padding-x, null ) !default;
 /// The font family of the pane title in the DockManager component.
 /// @group dock-manager
-$kendo-dock-manager-pane-title-font-family: var( --kendo-dock-manager-pane-title-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-dock-manager-pane-title-font-family: var( --kendo-dock-manager-pane-title-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the pane title in the DockManager component.
 /// @group dock-manager
-$kendo-dock-manager-pane-title-font-size: var( --kendo-dock-manager-pane-title-font-size, var( --kendo-font-size-lg, inherit ) ) !default;
+$kendo-dock-manager-pane-title-font-size: var( --kendo-dock-manager-pane-title-font-size, var(--kendo-font-size-lg) ) !default;
 /// The line height of the pane title in the DockManager component.
 /// @group dock-manager
-$kendo-dock-manager-pane-title-line-height: var( --kendo-dock-manager-pane-title-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-dock-manager-pane-title-line-height: var( --kendo-dock-manager-pane-title-line-height, var(--kendo-line-height) ) !default;
 /// The font weight of the pane title in the DockManager component.
 /// @group dock-manager
-$kendo-dock-manager-pane-title-font-weight: var( --kendo-dock-manager-pane-title-font-weight, var( --kendo-font-weight, normal ) ) !default;
+$kendo-dock-manager-pane-title-font-weight: var( --kendo-dock-manager-pane-title-font-weight, var(--kendo-font-weight) ) !default;
 
 /// The horizontal padding of the pane content in the DockManager component.
 /// @group dock-manager

package/scss/draggable/_variables.scss

@@ -18,13 +18,13 @@ $kendo-drag-clue-padding-x: var( --kendo-drag-clue-padding-x, k-spacing(3) ) !de
 $kendo-drag-clue-padding-y: var( --kendo-drag-clue-padding-y, k-spacing(1.5) ) !default;
 /// Font family of the drag clue.
 /// @group draggable
-$kendo-drag-clue-font-family: var( --kendo-drag-clue-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-drag-clue-font-family: var( --kendo-drag-clue-font-family, var(--kendo-font-family) ) !default;
 /// Font size of the drag clue.
 /// @group draggable
-$kendo-drag-clue-font-size: var( --kendo-drag-clue-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-drag-clue-font-size: var( --kendo-drag-clue-font-size, var(--kendo-font-size) ) !default;
 /// Line height of the drag clue.
 /// @group draggable
-$kendo-drag-clue-line-height: var( --kendo-drag-clue-line-height, var( --kendo-line-height, inherit ) ) !default;
+$kendo-drag-clue-line-height: var( --kendo-drag-clue-line-height, var(--kendo-line-height) ) !default;
 /// Spacing of the drag clue.
 /// @group draggable
 $kendo-drag-clue-spacing: var( --kendo-drag-clue-spacing, .4ex ) !default;

package/scss/drawer/_variables.scss

@@ -7,7 +7,7 @@
 $kendo-drawer-bg: var( --kendo-drawer-bg, k-color(secondary-subtle) ) !default;
 /// The text color of the Drawer.
 /// @group drawer
-$kendo-drawer-text: var( --kendo-drawer-text, k-color(on-app-surface) )!default;
+$kendo-drawer-text: var( --kendo-drawer-text, k-color(on-app-surface) ) !default;
 /// The border color of the Drawer.
 /// @group drawer
 $kendo-drawer-border: var( --kendo-drawer-border, color-mix(in srgb, k-color(border) 26%, transparent) ) !default;
@@ -16,13 +16,13 @@ $kendo-drawer-border: var( --kendo-drawer-border, color-mix(in srgb, k-color(bor
 $kendo-drawer-border-width: var( --kendo-drawer-border-width, 0 ) !default;
 /// The font family of the Drawer.
 /// @group drawer
-$kendo-drawer-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-drawer-font-family: var(--kendo-font-family) !default;
 /// The font size of the Drawer.
 /// @group drawer
-$kendo-drawer-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-drawer-font-size: var(--kendo-font-size) !default;
 /// The line height of the Drawer.
 /// @group drawer
-$kendo-drawer-line-height: var( --kendo-line-height, inherit ) !default;
+$kendo-drawer-line-height: var(--kendo-line-height) !default;
 
 /// The horizontal padding of the Drawer content.
 /// @group drawer
@@ -71,10 +71,10 @@ $kendo-drawer-item-spacing: var( --kendo-drawer-item-spacing, $kendo-drawer-item
 $kendo-drawer-item-font-size: var( --kendo-drawer-item-font-size, $kendo-drawer-font-size ) !default;
 /// The line height of the Drawer item.
 /// @group drawer
-$kendo-drawer-item-line-height: var( --kendo-drawer-item-line-height, var( --kendo-line-height-lg, normal ) ) !default;
+$kendo-drawer-item-line-height: var( --kendo-drawer-item-line-height, var(--kendo-line-height-lg) ) !default;
 /// The font weight of the Drawer item.
 /// @group drawer
-$kendo-drawer-item-font-weight: var( --kendo-drawer-item-font-weight, var( --kendo-font-weight, normal ) ) !default;
+$kendo-drawer-item-font-weight: var( --kendo-drawer-item-font-weight, var(--kendo-font-weight) ) !default;
 
 /// The horizontal padding of the Drawer item in each level.
 /// @group drawer
@@ -95,7 +95,7 @@ $kendo-drawer-icon-padding-y: var( --kendo-drawer-icon-padding-y, k-spacing(1) )
 
 /// The initial width of the mini Drawer.
 /// @group drawer
-$kendo-drawer-mini-initial-width: calc( 2 * #{$kendo-drawer-item-padding-x} + 2 * #{$kendo-drawer-items-padding-x} + var( --kendo-icon-size, 1rem ) )  !default;
+$kendo-drawer-mini-initial-width: calc( 2 * #{$kendo-drawer-item-padding-x} + 2 * #{$kendo-drawer-items-padding-x} + var( --kendo-icon-size, 1rem ) ) !default;
 
 /// The border width of the Drawer item ripple.
 /// @group drawer
@@ -148,7 +148,7 @@ $kendo-drawer-item-focus-icon-text: var( --kendo-drawer-item-focus-icon-text, $k
 
 /// The font weight of the selected Drawer item.
 /// @group drawer
-$kendo-drawer-item-selected-font-weight: var( --kendo-drawer-item-selected-font-weight, var( --kendo-font-weight-semibold, 600 ) ) !default;
+$kendo-drawer-item-selected-font-weight: var( --kendo-drawer-item-selected-font-weight, var(--kendo-font-weight-semibold) ) !default;
 /// The background color of the selected Drawer item.
 /// @group drawer
 $kendo-drawer-item-selected-bg: var( --kendo-drawer-item-selected-bg, $kendo-drawer-item-bg ) !default;

package/scss/dropzone/_layout.scss

@@ -17,7 +17,7 @@
         .k-dropzone-note {
             margin-block-end: $kendo-dropzone-note-spacing;
             font-weight: $kendo-dropzone-note-font-weight;
-            line-height: var( --kendo-line-height-lg, normal );
+            line-height: var(--kendo-line-height-lg);
         }
     }
 }

package/scss/dropzone/_variables.scss

@@ -16,13 +16,13 @@ $kendo-dropzone-min-height: var( --kendo-dropzone-min-height, 220px ) !default;
 
 /// The font family of the DropZone.
 /// @group dropzone
-$kendo-dropzone-font-family: var( --kendo-dropzone-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-dropzone-font-family: var( --kendo-dropzone-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the DropZone.
 /// @group dropzone
-$kendo-dropzone-font-size: var( --kendo-dropzone-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-dropzone-font-size: var( --kendo-dropzone-font-size, var(--kendo-font-size) ) !default;
 /// The line height of the DropZone.
 /// @group dropzone
-$kendo-dropzone-line-height: var( --kendo-dropzone-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-dropzone-line-height: var( --kendo-dropzone-line-height, var(--kendo-line-height) ) !default;
 
 /// The background color of the DropZone.
 /// @group dropzone
@@ -46,10 +46,10 @@ $kendo-dropzone-icon-hover-text: var( --kendo-dropzone-icon-hover-text, #{k-colo
 
 /// The font size of the DropZone hint.
 /// @group dropzone
-$kendo-dropzone-hint-font-size: var( --kendo-dropzone-hint-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-dropzone-hint-font-size: var( --kendo-dropzone-hint-font-size, var(--kendo-font-size) ) !default;
 /// The font weight of the DropZone hint.
 /// @group dropzone
-$kendo-dropzone-hint-font-weight: var( --kendo-dropzone-hint-font-weight, var( --kendo-font-weight-semibold, 600 ) ) !default;
+$kendo-dropzone-hint-font-weight: var( --kendo-dropzone-hint-font-weight, var(--kendo-font-weight-semibold) ) !default;
 /// The spacing below the DropZone hint.
 /// @group dropzone
 $kendo-dropzone-hint-spacing: var( --kendo-dropzone-hint-spacing, #{k-spacing(2)} ) !default;
@@ -59,7 +59,7 @@ $kendo-dropzone-hint-text: var( --kendo-dropzone-hint-text, #{$kendo-dropzone-te
 
 /// The font size of the DropZone note.
 /// @group dropzone
-$kendo-dropzone-note-font-size: var( --kendo-dropzone-note-font-size, var( --kendo-font-size-sm, inherit ) ) !default;
+$kendo-dropzone-note-font-size: var( --kendo-dropzone-note-font-size, var(--kendo-font-size-sm) ) !default;
 /// The font weight of the DropZone note.
 /// @group dropzone
 $kendo-dropzone-note-font-weight: var( --kendo-dropzone-note-font-weight, inherit ) !default;

package/scss/editor/_variables.scss

@@ -7,13 +7,13 @@
 $kendo-editor-border-width: var( --kendo-editor-border-width, 1px ) !default;
 /// The font family of the Еditor.
 /// @group editor
-$kendo-editor-font-family: var( --kendo-editor-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-editor-font-family: var( --kendo-editor-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the Еditor.
 /// @group editor
-$kendo-editor-font-size: var( --kendo-editor-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-editor-font-size: var( --kendo-editor-font-size, var(--kendo-font-size) ) !default;
 /// The line height of the Еditor.
 /// @group editor
-$kendo-editor-line-height: var( --kendo-editor-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-editor-line-height: var( --kendo-editor-line-height, var(--kendo-line-height) ) !default;
 /// The text color of the Editor.
 /// @group editor
 $kendo-editor-text: var( --kendo-editor-text, #{k-color(on-app-surface)} ) !default;

package/scss/expansion-panel/_variables.scss

@@ -9,13 +9,13 @@ $kendo-expander-margin-y: var( --kendo-expander-margin-y, k-spacing(2) ) !defaul
 $kendo-expander-border-width: var( --kendo-expander-border-width, 1px ) !default;
 /// The font family of the ExpansionPanel.
 /// @group expander
-$kendo-expander-font-family: var( --kendo-expander-font-family, var(--kendo-font-family, inherit) ) !default;
+$kendo-expander-font-family: var( --kendo-expander-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the ExpansionPanel.
 /// @group expander
-$kendo-expander-font-size: var( --kendo-expander-font-size, var(--kendo-font-size, inherit) ) !default;
+$kendo-expander-font-size: var( --kendo-expander-font-size, var(--kendo-font-size) ) !default;
 /// The hine height of the ExpansionPanel.
 /// @group expander
-$kendo-expander-line-height: var( --kendo-expander-line-height, var(--kendo-line-height, normal) ) !default;
+$kendo-expander-line-height: var( --kendo-expander-line-height, var(--kendo-line-height) ) !default;
 
 /// The text color of the ExpansionPanel.
 /// @group expander

package/scss/fab/_variables.scss

@@ -25,13 +25,13 @@ $kendo-fab-default-size: "md" !default;
 $kendo-fab-border-width: var( --kendo-fab-border-width, 1px ) !default;
 /// The font family of the FAB.
 /// @group floating-action-button
-$kendo-fab-font-family: var( --kendo-fab-font-family, var( --kendo-font-family, inherit ) ) !default;
+$kendo-fab-font-family: var( --kendo-fab-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the FAB.
 /// @group floating-action-button
-$kendo-fab-font-size: var( --kendo-fab-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-fab-font-size: var( --kendo-fab-font-size, var(--kendo-font-size) ) !default;
 /// The line height of the FAB.
 /// @group floating-action-button
-$kendo-fab-line-height: var( --kendo-fab-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-fab-line-height: var( --kendo-fab-line-height, var(--kendo-line-height) ) !default;
 
 /// The horizontal padding of the small FAB.
 /// @group floating-action-button
@@ -97,10 +97,10 @@ $kendo-fab-item-text-border-style: var( --kendo-fab-item-text-border-style, soli
 $kendo-fab-item-text-border-radius: var( --kendo-fab-item-text-border-radius, #{k-border-radius(md)} ) !default;
 /// The font size of the FAB item text.
 /// @group floating-action-button
-$kendo-fab-item-text-font-size: var( --kendo-fab-item-text-font-size, var( --kendo-font-size-xs, inherit ) ) !default;
+$kendo-fab-item-text-font-size: var( --kendo-fab-item-text-font-size, var(--kendo-font-size-xs) ) !default;
 /// The line height of the FAB item text.
 /// @group floating-action-button
-$kendo-fab-item-text-line-height: var( --kendo-fab-item-text-line-height, var( --kendo-line-height-xs, inherit ) ) !default;
+$kendo-fab-item-text-line-height: var( --kendo-fab-item-text-line-height, var(--kendo-line-height-xs) ) !default;
 
 /// The outline color of the focused FAB item.
 /// @group floating-action-button

package/scss/file-box/_variables.scss

@@ -28,16 +28,16 @@ $kendo-file-box-border-style: var(--kendo-file-box-border-style, solid ) !defaul
 $kendo-file-box-border-radius: var(--kendo-file-box-border-radius, k-border-radius(md) ) !default;
 /// The font size of the File Box file name.
 /// @group file-box
-$kendo-file-box-name-font-size: var(--kendo-file-box-name-font-size, var( --kendo-font-size-sm, inherit )) !default;
+$kendo-file-box-name-font-size: var(--kendo-file-box-name-font-size, var(--kendo-font-size-sm)) !default;
 /// The line height of the File Box file name.
 /// @group file-box
-$kendo-file-box-name-line-height: var(--kendo-file-box-name-line-height, var( --kendo-line-height-lg, normal )) !default;
+$kendo-file-box-name-line-height: var(--kendo-file-box-name-line-height, var(--kendo-line-height-lg)) !default;
 /// The font size of the File Box file size.
 /// @group file-box
-$kendo-file-box-size-font-size: var(--kendo-file-box-size-font-size, var( --kendo-font-size-xs, inherit )) !default;
+$kendo-file-box-size-font-size: var(--kendo-file-box-size-font-size, var(--kendo-font-size-xs)) !default;
 /// The line height of the File Box file size.
 /// @group file-box
-$kendo-file-box-size-line-height: var(--kendo-file-box-size-line-height, var( --kendo-line-height-xs, normal )) !default;
+$kendo-file-box-size-line-height: var(--kendo-file-box-size-line-height, var(--kendo-line-height-xs)) !default;
 
 /// The background color of the File Box.
 /// @group file-box

package/scss/filemanager/_variables.scss

@@ -11,13 +11,13 @@ $kendo-file-manager-spacer: k-spacing(4) !default;
 $kendo-file-manager-border-width: var( --kendo-file-manager-border-width, 1px ) !default;
 /// The font family of the FileManager.
 /// @group file-manager
-$kendo-file-manager-font-family: var( --kendo-file-manager-font-family, var( --kendo-font-family, normal ) ) !default;
+$kendo-file-manager-font-family: var( --kendo-file-manager-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the FileManager.
 /// @group file-manager
-$kendo-file-manager-font-size: var( --kendo-file-manager-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-file-manager-font-size: var( --kendo-file-manager-font-size, var(--kendo-font-size) ) !default;
 /// The line height of the FileManager.
 /// @group file-manager
-$kendo-file-manager-line-height: var( --kendo-file-manager-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-file-manager-line-height: var( --kendo-file-manager-line-height, var(--kendo-line-height) ) !default;
 /// The background color of the FileManager.
 /// @group file-manager
 $kendo-file-manager-bg: var( --kendo-file-manager-bg, #{k-color(surface-alt)} ) !default;

package/scss/floating-label/_variables.scss

@@ -7,7 +7,7 @@ $kendo-floating-label-scale: var(--kendo-floating-label-scale, 1) !default;
 
 /// The font size of the Floating Label.
 /// @group floating-label
-$kendo-floating-label-font-size: var(--kendo-floating-label-font-size, var( --kendo-font-size, inherit )) !default;
+$kendo-floating-label-font-size: var(--kendo-floating-label-font-size, var(--kendo-font-size)) !default;
 
 /// The maximum width of the Floating Label.
 /// @group floating-label
@@ -15,7 +15,7 @@ $kendo-floating-label-max-width: var(--kendo-floating-label-max-width, 90%) !def
 
 /// The line height of the Floating Label.
 /// @group floating-label
-$kendo-floating-label-line-height: var(--kendo-floating-label-line-height, var( --kendo-line-height, normal )) !default;
+$kendo-floating-label-line-height: var(--kendo-floating-label-line-height, var(--kendo-line-height)) !default;
 
 /// The height of the Floating Label.
 /// @group floating-label

package/scss/forms/_variables.scss

@@ -13,11 +13,11 @@ $kendo-form-spacer: var(--kendo-form-spacer, #{k-spacing(4)}) !default;
 
 /// The font size of the Form.
 /// @group form
-$kendo-form-font-size: var(--kendo-form-font-size, var( --kendo-font-size, inherit )) !default;
+$kendo-form-font-size: var(--kendo-form-font-size, var(--kendo-font-size)) !default;
 
 /// The line height of the Form.
 /// @group form
-$kendo-form-line-height: var(--kendo-form-line-height, var( --kendo-line-height, normal )) !default;
+$kendo-form-line-height: var(--kendo-form-line-height, var(--kendo-line-height)) !default;
 
 /// The margin of the Form fieldset.
 /// @group form
@@ -53,7 +53,7 @@ $kendo-form-legend-width: var(--kendo-form-legend-width, 100%) !default;
 
 /// The font size of the Form legend.
 /// @group form
-$kendo-form-legend-font-size: var(--kendo-form-legend-font-size, var( --kendo-font-size, inherit )) !default;
+$kendo-form-legend-font-size: var(--kendo-form-legend-font-size, var(--kendo-font-size)) !default;
 
 /// The text capitalization of the Form legend.
 /// @group form
@@ -65,7 +65,7 @@ $kendo-form-label-margin-bottom: var(--kendo-form-label-margin-bottom, #{k-spaci
 
 /// The font size of the Form hint.
 /// @group form
-$kendo-form-hint-font-size: var(--kendo-form-hint-font-size, var( --kendo-font-size-sm, inherit )) !default;
+$kendo-form-hint-font-size: var(--kendo-form-hint-font-size, var(--kendo-font-size-sm)) !default;
 
 /// The font style of the Form hint.
 /// @group form
@@ -130,7 +130,7 @@ $kendo-forms-invalid-color: var(--kendo-forms-invalid-color, #{k-color(error-on-
 $kendo-label-optional-margin-x: var(--kendo-label-optional-margin-x, #{k-spacing(1.5)}) !default;
 /// The font size of the optional label in the Form.
 /// @group form
-$kendo-label-optional-font-size: var(--kendo-label-optional-font-size, var( --kendo-font-size-sm, inherit )) !default;
+$kendo-label-optional-font-size: var(--kendo-label-optional-font-size, var(--kendo-font-size-sm)) !default;
 /// The font style of the optional label in the Form.
 /// @group form
 $kendo-label-optional-font-style: var(--kendo-label-optional-font-style, normal) !default;

package/scss/gantt/_variables.scss

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

package/scss/grid/_variables.scss

@@ -20,13 +20,13 @@ $kendo-grid-border-width: var( --kendo-grid-border-width, 1px ) !default;
 $kendo-grid-border-style: var( --kendo-grid-border-style, solid ) !default;
 /// The font family of the Grid.
 /// @group grid
-$kendo-grid-font-family: var( --kendo-grid-font-family, var(--kendo-font-family, inherit) ) !default;
+$kendo-grid-font-family: var( --kendo-grid-font-family, var(--kendo-font-family) ) !default;
 /// The font size of the Grid.
 /// @group grid
-$kendo-grid-font-size: var( --kendo-grid-font-size, var(--kendo-font-size, inherit) ) !default;
+$kendo-grid-font-size: var( --kendo-grid-font-size, var(--kendo-font-size) ) !default;
 /// The line height of the Grid.
 /// @group grid
-$kendo-grid-line-height: var( --kendo-grid-line-height, var(--kendo-line-height, normal) ) !default;
+$kendo-grid-line-height: var( --kendo-grid-line-height, var(--kendo-line-height) ) !default;
 
 /// The horizontal padding of the Grid.
 /// @group grid
@@ -239,7 +239,7 @@ $kendo-grid-header-border-width-x: var( --kendo-grid-header-border-width-x, 0px
 $kendo-grid-header-font-size: var( --kendo-grid-header-font-size, inherit ) !default;
 /// The font weight of the Grid header.
 /// @group grid
-$kendo-grid-header-font-weight: var( --kendo-grid-header-font-weight, var(--kendo-font-weight-normal, normal) ) !default;
+$kendo-grid-header-font-weight: var( --kendo-grid-header-font-weight, var(--kendo-font-weight-normal) ) !default;
 /// The menu spacing of the Grid header.
 /// @group grid
 $kendo-grid-header-menu-spacing: var( --kendo-grid-header-menu-spacing, var(--kendo-icon-spacing, .5rem) ) !default;
@@ -330,7 +330,7 @@ $kendo-grid-cell-border-width-y: $kendo-grid-border-width !default;
 $kendo-grid-cell-border-width-x: 0px !default;
 /// The font size of the Grid sort index.
 /// @group grid
-$kendo-grid-sort-index-font-size: var( --kendo-grid-sort-index-font-size, var(--kendo-font-size-sm, inherit) ) !default;
+$kendo-grid-sort-index-font-size: var( --kendo-grid-sort-index-font-size, var(--kendo-font-size-sm) ) !default;
 
 /// The vertical offset of the Grid sort index.
 /// @group grid
@@ -479,13 +479,13 @@ $kendo-grid-column-menu-group-header-border-width: var( --kendo-grid-column-menu
 $kendo-grid-column-menu-group-header-border-style: var( --kendo-grid-column-menu-group-header-border-style, solid ) !default;
 /// The font size of the Grid column menu group header.
 /// @group grid
-$kendo-grid-column-menu-group-header-font-size: var( --kendo-grid-column-menu-group-header-font-size, var(--kendo-font-size-sm, inherit) ) !default;
+$kendo-grid-column-menu-group-header-font-size: var( --kendo-grid-column-menu-group-header-font-size, var(--kendo-font-size-sm) ) !default;
 /// The font weight of the Grid column menu group header.
 /// @group grid
-$kendo-grid-column-menu-group-header-font-weight: var( --kendo-grid-column-menu-group-header-font-weight, var(--kendo-font-weight-bold, normal) ) !default;
+$kendo-grid-column-menu-group-header-font-weight: var( --kendo-grid-column-menu-group-header-font-weight, var(--kendo-font-weight-bold) ) !default;
 /// The mine height of the Grid column menu group header.
 /// @group grid
-$kendo-grid-column-menu-group-header-line-height: var( --kendo-grid-column-menu-group-header-line-height, var(--kendo-line-height, normal) ) !default;
+$kendo-grid-column-menu-group-header-line-height: var( --kendo-grid-column-menu-group-header-line-height, var(--kendo-line-height) ) !default;
 /// The text transform of the Grid column menu group header.
 /// @group grid
 $kendo-grid-column-menu-group-header-text-transform: var( --kendo-grid-column-menu-group-header-text-transform, uppercase ) !default;
@@ -545,10 +545,10 @@ $kendo-grid-stack-editable-column-gap: var( --kendo-grid-stack-editable-column-g
 $kendo-grid-stack-hierarchy-col-width: var( --kendo-grid-stack-hierarchy-col-width, #{k-spacing(2)} ) !default;
 /// The font size of the Grid stack layout column header.
 /// @group grid
-$kendo-grid-stack-header-font-size: var( --kendo-grid-stack-header-font-size, var(--kendo-font-size-sm, inherit) ) !default;
+$kendo-grid-stack-header-font-size: var( --kendo-grid-stack-header-font-size, var(--kendo-font-size-sm) ) !default;
 /// The font weight of the Grid stack layout column header.
 /// @group grid
-$kendo-grid-stack-header-font-weight: var( --kendo-grid-stack-header-font-weight, var(--kendo-font-weight-bold, inherit) ) !default;
+$kendo-grid-stack-header-font-weight: var( --kendo-grid-stack-header-font-weight, var(--kendo-font-weight-bold) ) !default;
 /// The height of the Grid stack layout expandable row shadow.
 /// @group grid
 $kendo-grid-stack-expandable-shadow-height: var( --kendo-grid-stack-expandable-shadow-height, #{k-spacing(2.5)} ) !default;
@@ -564,7 +564,7 @@ $kendo-grid-stack-expandable-shadow: var( --kendo-grid-stack-expandable-shadow,
 
 /// The font weight of the pinned source row in the Grid.
 /// @group grid
-$kendo-grid-pinned-source-font-weight: var( --kendo-font-weight-semibold, 600 ) !default;
+$kendo-grid-pinned-source-font-weight: var(--kendo-font-weight-semibold) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/grid/_variables.scss" with (
     $kendo-grid-default-size: $kendo-grid-default-size,

package/scss/imageeditor/_variables.scss

@@ -29,13 +29,13 @@ $kendo-image-editor-padding-x: var( --kendo-image-editor-padding-x, #{k-spacing(
 $kendo-image-editor-border-width: var( --kendo-image-editor-border-width, 1px ) !default;
 /// Font size of the imageeditor.
 /// @group image-editor
-$kendo-image-editor-font-size: var( --kendo-image-editor-font-size, var(--kendo-font-size, inherit) ) !default;
+$kendo-image-editor-font-size: var( --kendo-image-editor-font-size, var(--kendo-font-size) ) !default;
 /// Line height of the imageeditor.
 /// @group image-editor
-$kendo-image-editor-line-height: var( --kendo-image-editor-line-height, var(--kendo-line-height, inherit) ) !default;
+$kendo-image-editor-line-height: var( --kendo-image-editor-line-height, var(--kendo-line-height) ) !default;
 /// Font family of the imageeditor.
 /// @group image-editor
-$kendo-image-editor-font-family: var( --kendo-image-editor-font-family, var(--kendo-font-family, inherit) ) !default;
+$kendo-image-editor-font-family: var( --kendo-image-editor-font-family, var(--kendo-font-family) ) !default;
 
 /// Imageeditor content background color.
 /// @group image-editor
@@ -48,7 +48,7 @@ $kendo-image-editor-content-text: var( --kendo-image-editor-content-text, inheri
 $kendo-image-editor-content-border: var( --kendo-image-editor-content-border, inherit ) !default;
 /// Imageeditor content border width.
 /// @group image-editor
-$kendo-image-editor-content-border-width: 0 !default;
+$kendo-image-editor-content-border-width: 0px !default;
 
 /// Imageeditor action pane background color.
 /// @group image-editor
@@ -67,7 +67,7 @@ $kendo-image-editor-action-pane-padding-y: var( --kendo-image-editor-action-pane
 $kendo-image-editor-action-pane-padding-x: var( --kendo-image-editor-action-pane-padding-x, #{k-spacing(3)} ) !default;
 /// Imageeditor action pane width.
 /// @group image-editor
-$kendo-image-editor-action-pane-width: var( --kendo-image-editor-action-pane-width, if( #{$kendo-image-editor-content-border-width} == 0, 270px, calc( 270px + #{$kendo-image-editor-content-border-width}) ) ) !default;
+$kendo-image-editor-action-pane-width: var( --kendo-image-editor-action-pane-width, calc( 270px + #{$kendo-image-editor-content-border-width}) ) !default;
 
 /// Crop background color of the imageeditor.
 /// @group image-editor

package/scss/input/_variables.scss

@@ -53,27 +53,27 @@ $kendo-input-lg-padding-y: k-spacing(2) !default;
 
 /// The font size of the small Input components.
 /// @group input
-$kendo-input-sm-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-input-sm-font-size: var(--kendo-font-size) !default;
 /// The font size of the medium Input components.
 /// @group input
-$kendo-input-md-font-size: var( --kendo-input-font-size, var( --kendo-font-size, inherit ) ) !default;
+$kendo-input-md-font-size: var( --kendo-input-font-size, var(--kendo-font-size) ) !default;
 /// The font size of the large Input components.
 /// @group input
-$kendo-input-lg-font-size: var( --kendo-font-size-lg, inherit ) !default;
+$kendo-input-lg-font-size: var(--kendo-font-size-lg) !default;
 
 /// The line height of the small Input components.
 /// @group input
-$kendo-input-sm-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-input-sm-line-height: var(--kendo-line-height) !default;
 /// The line height of the medium Input components.
 /// @group input
-$kendo-input-md-line-height: var( --kendo-input-line-height, var( --kendo-line-height, normal ) ) !default;
+$kendo-input-md-line-height: var( --kendo-input-line-height, var(--kendo-line-height) ) !default;
 /// The line height of the large Input components.
 /// @group input
-$kendo-input-lg-line-height: var( --kendo-line-height-lg, normal ) !default;
+$kendo-input-lg-line-height: var(--kendo-line-height-lg) !default;
 
 /// The font family of the Input input.
 /// @group input
-$kendo-input-font-family: var( --kendo-input-font-family, var( --kendo-font-family, inherit) ) !default;
+$kendo-input-font-family: var( --kendo-input-font-family, var(--kendo-font-family) ) !default;
 
 /// The width of the small Input button.
 /// @group input
@@ -366,7 +366,7 @@ $kendo-picker-outline-disabled-bg: none !default;
 
 /// The border color of the disabled outline Picker components.
 /// @group picker
-$kendo-picker-outline-disabled-border: $kendo-picker-outline-disabled-text!default;
+$kendo-picker-outline-disabled-border: $kendo-picker-outline-disabled-text !default;
 
 /// The text color of the flat Picker components.
 /// @group picker