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

package/scss/chip/_variables.scss

@@ -51,33 +51,33 @@ $kendo-chip-lg-padding-y: k-spacing(1.5) !default;
 
 /// The font weight of the Chip.
 /// @group chip
-$kendo-chip-font-weight: var( --kendo-font-weight-normal, normal ) !default;
+$kendo-chip-font-weight: var(--kendo-font-weight-normal) !default;
 
 /// The font size of the Chip.
 /// @group chip
 $kendo-chip-font-size: null !default;
 /// The font size of the small Chip.
 /// @group chip
-$kendo-chip-sm-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-chip-sm-font-size: var(--kendo-font-size) !default;
 /// The font size of the medium Chip.
 /// @group chip
-$kendo-chip-md-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-chip-md-font-size: var(--kendo-font-size) !default;
 /// The font size of the large Chip.
 /// @group chip
-$kendo-chip-lg-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-chip-lg-font-size: var(--kendo-font-size) !default;
 
 /// The Chip's line height that is related to the $kendo-font-size.
 /// @group chip
 $kendo-chip-line-height: null !default;
 /// The small Chip's line height that is related to the $kendo-font-size.
 /// @group chip
-$kendo-chip-sm-line-height: var( --kendo-line-height-xs, normal )  !default;
+$kendo-chip-sm-line-height: var(--kendo-line-height-xs) !default;
 /// The medium Chip's line height that is related to the $kendo-font-size.
 /// @group chip
-$kendo-chip-md-line-height: var( --kendo-line-height-xs, normal )  !default;
+$kendo-chip-md-line-height: var(--kendo-line-height-xs) !default;
 /// The large Chip's line height that is related to the $kendo-font-size.
 /// @group chip
-$kendo-chip-lg-line-height: var( --kendo-line-height-xs, normal )  !default;
+$kendo-chip-lg-line-height: var(--kendo-line-height-xs) !default;
 
 $kendo-chip-calc-size: calc( #{$kendo-chip-md-line-height} * 1em + calc( #{$kendo-chip-md-padding-y} * 2 ) + #{$kendo-chip-border-width} * 2 ) !default;
 $kendo-chip-sm-calc-size: calc( #{$kendo-chip-sm-line-height} * 1em + calc( #{$kendo-chip-sm-padding-y} * 2 ) + #{$kendo-chip-border-width} * 2 ) !default;

package/scss/color-preview/_variables.scss

@@ -1,10 +1,11 @@
+@use "sass:map";
 @use "../core/_index.scss" as *;
 @use "../core/functions/index.scss" as *;
 
 // Color Preview
 /// The border radius of the ColorPreview.
 /// @group color-preview
-$kendo-color-preview-border-radius: k-border-radius(md)!default;
+$kendo-color-preview-border-radius: k-border-radius(md) !default;
 /// The width of the border around the ColorPreview.
 /// @group color-preview
 $kendo-color-preview-border-width: 1px !default;
@@ -24,9 +25,11 @@ $kendo-color-preview-hover-border: k-color(border) !default;
 /// The background color of the ColorPreview when no color is selected.
 /// @group color-preview
 $kendo-color-preview-no-color-bg: k-color(surface-alt) !default;
+
+// Do not use css variable for the $kendo-color-preview-no-color-text, as it is used in the SVG data URI for the no-color image, which does not support CSS variables.
 /// The text color of the ColorPreview when no color is selected.
 /// @group color-preview
-$kendo-color-preview-no-color-text: k-color(error) !default;
+$kendo-color-preview-no-color-text: map.get($kendo-colors, error) !default;
 /// The border color of the ColorPreview when no color is selected.
 /// @group color-preview
 $kendo-color-preview-no-color-border: null !default;

package/scss/coloreditor/_variables.scss

@@ -31,13 +31,13 @@ $kendo-color-editor-border-width: 1px !default;
 $kendo-color-editor-border-radius: k-border-radius(md) !default;
 /// The font family of the ColorEditor.
 /// @group color-editor
-$kendo-color-editor-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-color-editor-font-family: var(--kendo-font-family) !default;
 /// The font size of the ColorEditor.
 /// @group color-editor
-$kendo-color-editor-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-color-editor-font-size: var(--kendo-font-size) !default;
 /// The line height of the ColorEditor.
 /// @group color-editor
-$kendo-color-editor-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-color-editor-line-height: var(--kendo-line-height) !default;
 /// The text color of the ColorEditor.
 /// @group color-editor
 $kendo-color-editor-text: k-color(on-app-surface) !default;
@@ -54,7 +54,7 @@ $kendo-color-editor-focus-border: null !default;
 // TODO: does this ever get focused? Isn't it always in a popup?
 /// The box shadow of the focused ColorEditor.
 /// @group color-editor
-$kendo-color-editor-focus-shadow: null  !default; // 1px 1px 7px 1px rgba(0, 0, 0, .3)
+$kendo-color-editor-focus-shadow: null !default; // 1px 1px 7px 1px rgba(0, 0, 0, .3)
 
 /// The spacing between the ColorEditor header actions.
 /// @group color-editor

package/scss/colorgradient/_variables.scss

@@ -26,13 +26,13 @@ $kendo-color-gradient-border-radius: k-border-radius(md) !default;
 $kendo-color-gradient-gap: null !default;
 /// The font family of the ColorGradient.
 /// @group color-gradient
-$kendo-color-gradient-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-color-gradient-font-family: var(--kendo-font-family) !default;
 /// The font size of the ColorGradient.
 /// @group color-gradient
-$kendo-color-gradient-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-color-gradient-font-size: var(--kendo-font-size) !default;
 /// The line height of the ColorGradient.
 /// @group color-gradient
-$kendo-color-gradient-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-color-gradient-line-height: var(--kendo-line-height) !default;
 /// The text color of the ColorGradient.
 /// @group color-gradient
 $kendo-color-gradient-text: k-color(on-app-surface) !default;
@@ -214,7 +214,7 @@ $kendo-color-gradient-lg-input-width: 62px !default;
 
 /// The font weight of the ColorGradient contrast ratio text.
 /// @group color-gradient
-$kendo-color-gradient-contrast-ratio-font-weight: var( --kendo-font-weight-bold, normal ) !default;
+$kendo-color-gradient-contrast-ratio-font-weight: var(--kendo-font-weight-bold) !default;
 /// The spacing between the items in the ColorGradient contrast tool.
 /// @group color-gradient
 $kendo-color-gradient-contrast-spacer: calc( #{$kendo-color-gradient-spacer} / 1.5 ) !default;

package/scss/colorpalette/_variables.scss

@@ -9,10 +9,10 @@ $kendo-color-palette-default-size: "md" !default;
 
 /// The font family of the ColorPalette.
 /// @group color-palette
-$kendo-color-palette-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-color-palette-font-family: var(--kendo-font-family) !default;
 /// The font size of the ColorPalette.
 /// @group color-palette
-$kendo-color-palette-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-color-palette-font-size: var(--kendo-font-size) !default;
 /// The line height of the ColorPalette.
 /// @group color-palette
 $kendo-color-palette-line-height: 0 !default;

package/scss/column-menu/_variables.scss

@@ -28,33 +28,33 @@ $kendo-column-menu-item-lg-padding-y: k-spacing(1.5) !default;
 
 /// The font size of the ColumnMenu.
 /// @group column-menu
-$kendo-column-menu-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-column-menu-font-size: var(--kendo-font-size) !default;
 /// The font size of the small ColumnMenu.
 /// @group column-menu
-$kendo-column-menu-sm-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-column-menu-sm-font-size: var(--kendo-font-size) !default;
 /// The font size of the medium ColumnMenu.
 /// @group column-menu
-$kendo-column-menu-md-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-column-menu-md-font-size: var(--kendo-font-size) !default;
 /// The font size of the large ColumnMenu.
 /// @group column-menu
-$kendo-column-menu-lg-font-size: var( --kendo-font-size-lg, inherit ) !default;
+$kendo-column-menu-lg-font-size: var(--kendo-font-size-lg) !default;
 
 /// The line height of the ColumnMenu.
 /// @group column-menu
-$kendo-column-menu-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-column-menu-line-height: var(--kendo-line-height) !default;
 /// The line height of the small ColumnMenu.
 /// @group column-menu
-$kendo-column-menu-sm-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-column-menu-sm-line-height: var(--kendo-line-height) !default;
 /// The line height of the medium ColumnMenu.
 /// @group column-menu
-$kendo-column-menu-md-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-column-menu-md-line-height: var(--kendo-line-height) !default;
 /// The line height of the large ColumnMenu.
 /// @group column-menu
-$kendo-column-menu-lg-line-height: var( --kendo-line-height-lg, normal ) !default;
+$kendo-column-menu-lg-line-height: var(--kendo-line-height-lg) !default;
 
 /// The font family of the ColumnMenu.
 /// @group column-menu
-$kendo-column-menu-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-column-menu-font-family: var(--kendo-font-family) !default;
 
 // Group Menu
 /// The background color of the hovered GroupMenu item action.

package/scss/dataviz/_variables.scss

@@ -197,28 +197,28 @@ $kendo-series-30: $kendo-series-f-darker !default;
 $kendo-chart-border-width: 0px !default;
 /// The font family of the Chart.
 /// @group charts
-$kendo-chart-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-chart-font-family: var(--kendo-font-family) !default;
 /// The font size of the Chart.
 /// @group charts
-$kendo-chart-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-chart-font-size: var(--kendo-font-size) !default;
 /// The height of the Chart.
 /// @group charts
-$kendo-chart-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-chart-line-height: var(--kendo-line-height) !default;
 /// The font size of the Chart.
 /// @group charts
 $kendo-chart-tooltip-font-size: calc( #{$kendo-font-size} * .929) !default;
 /// The label font size of the Chart.
 /// @group charts
-$kendo-chart-label-font-size: var( --kendo-font-size-sm, inherit ) !default;
+$kendo-chart-label-font-size: var(--kendo-font-size-sm) !default;
 /// The title font size of the Chart.
 /// @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 title font size of the Chart.
 /// @group charts
 $kendo-chart-pane-title-font-size: $kendo-chart-label-font-size !default;
 /// The title font weight of the Chart.
 /// @group charts
-$kendo-chart-pane-title-font-weight: var( --kendo-font-weight-normal, normal ) !default;
+$kendo-chart-pane-title-font-weight: var(--kendo-font-weight-normal) !default;
 
 /// The color of the Chart grid lines (major).
 /// @group charts
@@ -313,13 +313,13 @@ $kendo-chart-computed-title-height: 0px !default;
 // TreeMap
 /// The font family of the TreeMap.
 /// @group charts
-$kendo-treemap-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-treemap-font-family: var(--kendo-font-family) !default;
 /// The font size of the TreeMap.
 /// @group charts
-$kendo-treemap-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-treemap-font-size: var(--kendo-font-size) !default;
 /// The height of the TreeMap.
 /// @group charts
-$kendo-treemap-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-treemap-line-height: var(--kendo-line-height) !default;
 
 /// The horizontal padding of the TreeMap.
 /// @group charts
@@ -356,10 +356,10 @@ $kendo-chart-overlay-bg: k-color(surface) !default;
 // No Data
 /// The font size of the Chart.
 /// @group charts
-$kendo-chart-no-data-font-size: var( --kendo-font-size-lg, inherit ) !default;
+$kendo-chart-no-data-font-size: var(--kendo-font-size-lg) !default;
 /// The font weight of the Chart.
 /// @group charts
-$kendo-chart-no-data-font-weight: var( --kendo-font-weight, normal ) !default;
+$kendo-chart-no-data-font-weight: var(--kendo-font-weight) !default;
 /// The vertical padding of the Chart.
 /// @group charts
 $kendo-chart-no-data-padding-y: k-spacing( 25 ) !default;

package/scss/dialog/_variables.scss

@@ -11,7 +11,7 @@ $kendo-dialog-default-theme-color: null !default;
 
 /// The background color of the Dialog titlebar.
 /// @group dialog
-$kendo-dialog-titlebar-bg: k-color(surface)!default;
+$kendo-dialog-titlebar-bg: k-color(surface) !default;
 /// The text color of the Dialog titlebar.
 /// @group dialog
 $kendo-dialog-titlebar-text: k-color(on-app-surface) !default;

package/scss/dock-manager/_variables.scss

@@ -24,7 +24,7 @@ $kendo-dock-manager-pane-header-border-width: $kendo-dock-manager-border-width !
 $kendo-dock-manager-pane-header-border-style: solid !default;
 /// The background color of the pane header in the DockManager component.
 /// @group dock-manager
-$kendo-dock-manager-pane-header-bg: k-color(surface)!default;
+$kendo-dock-manager-pane-header-bg: k-color(surface) !default;
 
 /// The vertical padding of the pane title in the DockManager component.
 /// @group dock-manager
@@ -34,16 +34,16 @@ $kendo-dock-manager-pane-title-padding-y: null !default;
 $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-font-family, inherit ) !default;
+$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-font-size-lg, inherit ) !default;
+$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-line-height-sm, normal ) !default;
+$kendo-dock-manager-pane-title-line-height: var(--kendo-line-height-sm) !default;
 /// The font weight of the pane title in the DockManager component.
 /// @group dock-manager
-$kendo-dock-manager-pane-title-font-weight: var( --kendo-font-weight-normal, normal ) !default;
+$kendo-dock-manager-pane-title-font-weight: var(--kendo-font-weight-normal) !default;
 
 /// The horizontal padding of the pane content in the DockManager component.
 /// @group dock-manager

package/scss/draggable/_variables.scss

@@ -16,13 +16,13 @@ $kendo-drag-hint-border-width: 1px !default;
 $kendo-drag-hint-border-radius: k-border-radius(md) !default;
 /// The font size of the drag hint.
 /// @group draggable
-$kendo-drag-hint-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-drag-hint-font-size: var(--kendo-font-size) !default;
 /// The font family of the drag hint.
 /// @group draggable
-$kendo-drag-hint-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-drag-hint-font-family: var(--kendo-font-family) !default;
 /// The line height of the drag hint.
 /// @group draggable
-$kendo-drag-hint-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-drag-hint-line-height: var(--kendo-line-height) !default;
 
 /// The background color of the drag hint.
 /// @group draggable

package/scss/drawer/_variables.scss

@@ -19,13 +19,13 @@ $kendo-drawer-border-width: 1px !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, normal ) !default;
+$kendo-drawer-line-height: var(--kendo-line-height) !default;
 
 /// The horizontal padding of the Drawer content.
 /// @group drawer
@@ -68,13 +68,13 @@ $kendo-drawer-item-padding-y: k-spacing(2) !default;
 $kendo-drawer-item-spacing: $kendo-drawer-item-padding-x !default;
 /// The font size of the Drawer item.
 /// @group drawer
-$kendo-drawer-item-font-size: var( --kendo-font-size-lg, inherit ) !default;
+$kendo-drawer-item-font-size: var(--kendo-font-size-lg) !default;
 /// The line height of the Drawer item.
 /// @group drawer
-$kendo-drawer-item-line-height: var( --kendo-line-height-lg, normal ) !default;
+$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-font-weight, normal ) !default;
+$kendo-drawer-item-font-weight: var(--kendo-font-weight) !default;
 
 /// The horizontal padding of the Drawer item in each level.
 /// @group drawer

package/scss/dropzone/_variables.scss

@@ -18,13 +18,13 @@ $kendo-dropzone-min-height: 220px !default;
 
 /// The font family of the DropZone.
 /// @group dropzone
-$kendo-dropzone-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-dropzone-font-family: var(--kendo-font-family) !default;
 /// The font size of the DropZone.
 /// @group dropzone
-$kendo-dropzone-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-dropzone-font-size: var(--kendo-font-size) !default;
 /// The line height of the DropZone.
 /// @group dropzone
-$kendo-dropzone-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-dropzone-line-height: var(--kendo-line-height) !default;
 
 /// The background color of the DropZone.
 /// @group dropzone
@@ -58,7 +58,7 @@ $kendo-dropzone-hint-text: null !default;
 
 /// The font size of the DropZone note.
 /// @group dropzone
-$kendo-dropzone-note-font-size: var( --kendo-font-size-sm, inherit ) !default;
+$kendo-dropzone-note-font-size: var(--kendo-font-size-sm) !default;
 /// The spacing below the DropZone note.
 /// @group dropzone
 $kendo-dropzone-note-spacing: null !default;

package/scss/editor/_variables.scss

@@ -9,13 +9,13 @@
 $kendo-editor-border-width: 1px !default;
 /// The font family of the Еditor.
 /// @group editor
-$kendo-editor-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-editor-font-family: var(--kendo-font-family) !default;
 /// The font size of the Еditor.
 /// @group editor
-$kendo-editor-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-editor-font-size: var(--kendo-font-size) !default;
 /// The line height of the Еditor.
 /// @group editor
-$kendo-editor-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-editor-line-height: var(--kendo-line-height) !default;
 
 /// The text color of the Еditor placeholder.
 /// @group editor

package/scss/expansion-panel/_variables.scss

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

package/scss/fab/_variables.scss

@@ -26,13 +26,13 @@ $kendo-fab-border-width: 1px !default;
 
 /// The font family of the FAB.
 /// @group floating-action-button
-$kendo-fab-font-family: var( --kendo-font-family, inherit ) !default;
+$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-font-size, inherit ) !default;
+$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-line-height, normal ) !default;
+$kendo-fab-line-height: var(--kendo-line-height) !default;
 
 /// The horizontal padding of the small FAB.
 /// @group floating-action-button
@@ -88,7 +88,7 @@ $kendo-fab-item-text-border-width: 1px !default;
 $kendo-fab-item-text-border-radius: 2px !default;
 /// The font size of the FAB item text.
 /// @group floating-action-button
-$kendo-fab-item-text-font-size: var( --kendo-font-size-xs, inherit ) !default;
+$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: 1.2 !default;

package/scss/file-box/_variables.scss

@@ -28,16 +28,16 @@ $kendo-file-box-border-style: solid !default;
 $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-font-size-sm, inherit ) !default;
+$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-line-height-lg, normal ) !default;
+$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-font-size-xs, inherit ) !default;
+$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-line-height-xs, normal ) !default;
+$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: 1px !default;
 /// The font family of the FileManager.
 /// @group file-manager
-$kendo-file-manager-font-family: var( --kendo-font-family, inherit ) !default;
+$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-font-size, inherit ) !default;
+$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-line-height, normal ) !default;
+$kendo-file-manager-line-height: var(--kendo-line-height) !default;
 /// The background color of the FileManager.
 /// @group file-manager
 $kendo-file-manager-bg: k-color(surface-alt) !default;

package/scss/forms/_variables.scss

@@ -18,10 +18,10 @@ $kendo-form-spacer: calc( #{k-spacing(2)} * 2 ) !default;
 
 /// The font size of the Form.
 /// @group form
-$kendo-form-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-form-font-size: var(--kendo-font-size) !default;
 /// The line height of the Form.
 /// @group form
-$kendo-form-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-form-line-height: var(--kendo-line-height) !default;
 
 /// The margin of the Form fieldset.
 /// @group form
@@ -50,7 +50,7 @@ $kendo-form-legend-border-color: k-color(border) !default;
 $kendo-form-legend-width: 100% !default;
 /// The font size of the Form legend.
 /// @group form
-$kendo-form-legend-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-form-legend-font-size: var(--kendo-font-size) !default;
 /// The text capitalization of the Form legend.
 /// @group form
 $kendo-form-legend-text-transform: uppercase !default;
@@ -61,7 +61,7 @@ $kendo-form-label-margin-bottom: k-spacing(0) !default;
 
 /// The font size of the Form hint.
 /// @group form
-$kendo-form-hint-font-size: var( --kendo-font-size-sm, inherit ) !default;
+$kendo-form-hint-font-size: var(--kendo-font-size-sm) !default;
 /// The font style of the Form hint.
 /// @group form
 $kendo-form-hint-font-style: italic !default;
@@ -120,7 +120,7 @@ $kendo-inline-form-field-padding-y: calc( #{k-spacing(1)} + #{$kendo-input-borde
 $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-font-size-sm, inherit ) !default;
+$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: italic !default;

package/scss/gantt/_variables.scss

@@ -10,13 +10,13 @@
 $kendo-gantt-border-width: 1px !default;
 /// The font family of the Gantt.
 /// @group gantt
-$kendo-gantt-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-gantt-font-family: var(--kendo-font-family) !default;
 /// The font size of the Gantt.
 /// @group gantt
-$kendo-gantt-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-gantt-font-size: var(--kendo-font-size) !default;
 /// The line height of the Gantt.
 /// @group gantt
-$kendo-gantt-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-gantt-line-height: var(--kendo-line-height) !default;
 
 /// The background color of the Gantt.
 /// @group gantt
@@ -234,7 +234,7 @@ $kendo-gantt-validation-tooltip-border: k-color(inverse-emphasis) !default;
 $kendo-gantt-validation-tooltip-valid-border: k-color(success-emphasis) !default;
 /// The border color of the invalid Gantt validation Tooltip.
 /// @group gantt
-$kendo-gantt-validation-tooltip-invalid-border: k-color(error-emphasis)!default;
+$kendo-gantt-validation-tooltip-invalid-border: k-color(error-emphasis) !default;
 
 /// The horizontal padding of the Gantt task Tooltip.
 /// @group gantt

package/scss/grid/_variables.scss

@@ -21,13 +21,13 @@ $kendo-grid-default-size: "md" !default;
 $kendo-grid-border-width: 1px !default;
 /// The font family of the Grid.
 /// @group grid
-$kendo-grid-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-grid-font-family: var(--kendo-font-family) !default;
 /// The font size of the Grid.
 /// @group grid
-$kendo-grid-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-grid-font-size: var(--kendo-font-size) !default;
 /// The height of the Grid.
 /// @group grid
-$kendo-grid-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-grid-line-height: var(--kendo-line-height) !default;
 
 /// The horizontal padding of the Grid.
 /// @group grid
@@ -277,7 +277,7 @@ $kendo-grid-selection-aggregates-spacing: k-spacing(2) !default;
 $kendo-grid-selection-aggregates-line-height: $kendo-grid-line-height !default;
 /// The font weight of the Grid selection aggregates container.
 /// @group grid
-$kendo-grid-selection-aggregates-font-weight: var( --kendo-font-weight-bold, normal ) !default;
+$kendo-grid-selection-aggregates-font-weight: var(--kendo-font-weight-bold) !default;
 
 /// The background color of the Grid row.
 /// @group grid
@@ -297,7 +297,7 @@ $kendo-grid-sorted-bg: color-mix(in srgb, k-color(on-app-surface) 3%, transparen
 $kendo-grid-sorting-indicator-text: k-color(primary) !default;
 /// The font size of the Grid.
 /// @group grid
-$kendo-grid-sorting-index-font-size: var( --kendo-font-size-sm, inherit ) !default;
+$kendo-grid-sorting-index-font-size: var(--kendo-font-size-sm) !default;
 /// The spacing of the Grid.
 /// @group grid
 $kendo-grid-sorting-index-spacing-y: calc( #{$kendo-icon-spacing} / 2 ) !default;
@@ -397,10 +397,10 @@ $kendo-grid-column-menu-group-header-padding-y: $kendo-menu-popup-md-item-paddin
 
 /// The font size of the Grid header.
 /// @group grid
-$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-font-size-sm) !default;
 /// The height of the Grid header.
 /// @group grid
-$kendo-grid-column-menu-group-header-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-grid-column-menu-group-header-line-height: var(--kendo-line-height) !default;
 /// The text color of the Grid header.
 /// @group grid
 $kendo-grid-column-menu-group-header-text-transform: uppercase !default;
@@ -474,10 +474,10 @@ $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-font-size-sm, inherit ) !default;
+$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-font-weight-bold, bold ) !default;
+$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: k-spacing(2.5) !default;
@@ -494,7 +494,7 @@ $kendo-grid-stack-expandable-shadow: k-elevation(2) !default;
 
 /// The font weight of the pinned source row in the Grid.
 /// @group grid
-$kendo-grid-pinned-source-font-weight: var( --kendo-font-weight-bold, 700 ) !default;
+$kendo-grid-pinned-source-font-weight: var(--kendo-font-weight-bold) !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

@@ -19,13 +19,13 @@ $kendo-image-editor-padding-x: null !default;
 $kendo-image-editor-border-width: 1px !default;
 /// The font size of the ImageEditor.
 /// @group image-editor
-$kendo-image-editor-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-image-editor-font-size: var(--kendo-font-size) !default;
 /// The line height of the ImageEditor.
 /// @group image-editor
-$kendo-image-editor-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-image-editor-line-height: var(--kendo-line-height) !default;
 /// The font family of the ImageEditor.
 /// @group image-editor
-$kendo-image-editor-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-image-editor-font-family: var(--kendo-font-family) !default;
 
 /// The width of the border around the ImageEditor content.
 /// @group image-editor