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

package/scss/core/typography/index.scss

@@ -3,6 +3,9 @@
 /// The base font size across all components.
 /// @group typography
 $kendo-font-size: 1rem !default;
+/// The extra extra small font size across all components.
+/// @group typography
+$kendo-font-size-xxs: ( $kendo-font-size * .5 ) !default;
 /// The extra small font size across all components.
 /// @group typography
 $kendo-font-size-xs: ( $kendo-font-size * .75 ) !default;
@@ -38,12 +41,21 @@ $kendo-line-height-lg: 2 !default;
 /// @group typography
 $kendo-line-height-em: calc( #{$kendo-line-height} * 1em ) !default;
 
+/// The base font weight across all components.
+/// @group typography
+$kendo-font-weight: 400 !default;
+/// The thin font weight across all components.
+/// @group typography
+$kendo-font-weight-thin: 100 !default;
+/// The extra light font weight across all components.
+/// @group typography
+$kendo-font-weight-extra-light: 200 !default;
 /// The light font weight across all components.
 /// @group typography
 $kendo-font-weight-light: 300 !default;
-/// The base font weight across all components.
+/// The normal font weight across all components.
 /// @group typography
-$kendo-font-weight-normal: 400 !default;
+$kendo-font-weight-normal: $kendo-font-weight !default;
 /// The medium font weight across all components.
 /// @group typography
 $kendo-font-weight-medium: 500 !default;
@@ -53,7 +65,44 @@ $kendo-font-weight-semibold: 600 !default;
 /// The bold font weight across all components.
 /// @group typography
 $kendo-font-weight-bold: 700 !default;
+/// The extra bold font weight across all components.
+/// @group typography
+$kendo-font-weight-extra-bold: 800 !default;
+/// The most pronounced font weight across all components.
+/// @group typography
+$kendo-font-weight-black: 900 !default;
 
+/// The base letter spacing across all components.
+/// @group typography
+$kendo-letter-spacing: null !default;
+/// The tightest letter spacing across all components.
+/// @group typography
+$kendo-letter-spacing-tightest: -.15px !default;
+/// Slightly looser than the tighter letter spacing across all components.
+/// @group typography
+$kendo-letter-spacing-tighter: -.10px !default;
+/// Moderately tight letter spacing across all components.
+/// @group typography
+$kendo-letter-spacing-tight: -.5px !default;
+/// The normal letter spacing across all components.
+/// @group typography
+$kendo-letter-spacing-normal: 0px !default;
+/// Wide letter spacing across all components.
+/// @group typography
+$kendo-letter-spacing-wide: .5px !default;
+/// Slightly wider than the wide letter spacing across all components.
+/// @group typography
+$kendo-letter-spacing-wider: .10px !default;
+/// The widest letter spacing across all components.
+/// @group typography
+$kendo-letter-spacing-widest: .15px !default;
+
+/// The sans font family across all components.
+/// @group typography
+$kendo-font-family-sans: Arial, Verdana, Tahoma, "Trebuchet MS", Helvetica, Impact, Gill Sans !default;
+/// The serif font family across all components.
+/// @group typography
+$kendo-font-family-serif: "Times New Roman", Georgia, Garamond, Palatino, Baskerville !default;
 /// The sans-serif font family across all components.
 /// @group typography
 $kendo-font-family-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
@@ -65,6 +114,7 @@ $kendo-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberati
 $kendo-font-family: $kendo-font-family-sans-serif !default;
 
 $_default-font-sizes: (
+    xxs: $kendo-font-size-xxs,
     xs: $kendo-font-size-xs,
     sm: $kendo-font-size-sm,
     md: $kendo-font-size-md,
@@ -80,14 +130,30 @@ $_default-line-heights: (
 ) !default;
 
 $_default-font-weights: (
+    thin: $kendo-font-weight-thin,
+    extra-light: $kendo-font-weight-extra-light,
     light: $kendo-font-weight-light,
     normal: $kendo-font-weight-normal,
     medium: $kendo-font-weight-medium,
     semibold: $kendo-font-weight-semibold,
-    bold: $kendo-font-weight-bold
+    bold: $kendo-font-weight-bold,
+    extra-bold: $kendo-font-weight-extra-bold,
+    "black": $kendo-font-weight-black
+) !default;
+
+$_default-letter-spacings: (
+    tightest: $kendo-letter-spacing-tightest,
+    tighter: $kendo-letter-spacing-tighter,
+    tight: $kendo-letter-spacing-tight,
+    normal: $kendo-letter-spacing-normal,
+    wide: $kendo-letter-spacing-wide,
+    wider: $kendo-letter-spacing-wider,
+    widest: $kendo-letter-spacing-widest
 ) !default;
 
 $_default-font-families: (
+    sans: $kendo-font-family-sans,
+    serif: $kendo-font-family-serif,
     sans-serif: $kendo-font-family-sans-serif,
     monospace: $kendo-font-family-monospace
 ) !default;
@@ -107,6 +173,11 @@ $kendo-line-heights: map.merge( $_default-line-heights, $kendo-line-heights );
 $kendo-font-weights: $_default-font-weights !default;
 $kendo-font-weights: map.merge( $_default-font-weights, $kendo-font-weights );
 
+/// The letter spacings map
+/// @group typography
+$kendo-letter-spacings: $_default-letter-spacings !default;
+$kendo-letter-spacings: map.merge( $_default-letter-spacings, $kendo-letter-spacings );
+
 /// The font families map
 /// @group typography
 $kendo-font-families: $_default-font-families !default;

package/scss/dataviz/_variables.scss

@@ -6,10 +6,10 @@
 
 /// The first base series color and its light and dark shades.
 /// @group charts
-$kendo-series-a: k-color(series-a)!default;
+$kendo-series-a: k-color(series-a) !default;
 /// The series-a dark color of the Charts.
 /// @group charts
-$kendo-series-a-dark: k-color(series-a-bold)!default;
+$kendo-series-a-dark: k-color(series-a-bold) !default;
 /// The series-a darker color of the Charts.
 /// @group charts
 $kendo-series-a-darker: k-color(series-a-bolder) !default;
@@ -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,13 +356,13 @@ $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;
+$kendo-chart-no-data-padding-y: 7rem !default;
 
 // Gauge
 /// The background color of the Gauge.

package/scss/dock-manager/_variables.scss

@@ -36,16 +36,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

@@ -17,13 +17,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
@@ -67,13 +67,13 @@ $kendo-drawer-item-padding-y: k-spacing(3) !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, inherit ) !default;
+$kendo-drawer-item-font-size: var(--kendo-font-size) !default;
 /// The line height of the Drawer item.
 /// @group drawer
-$kendo-drawer-item-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-drawer-item-line-height: var(--kendo-line-height) !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

@@ -19,13 +19,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
@@ -59,7 +59,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-xs, inherit ) !default;
+$kendo-dropzone-note-font-size: var(--kendo-font-size-xs) !default;
 /// The spacing below the DropZone note.
 /// @group dropzone
 $kendo-dropzone-note-spacing: null !default;

package/scss/editor/_variables.scss

@@ -10,13 +10,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(3) !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

@@ -27,13 +27,13 @@ $kendo-fab-default-size: "md" !default;
 $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-sm, inherit ) !default;
+$kendo-fab-font-size: var(--kendo-font-size-sm) !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
@@ -86,10 +86,10 @@ $kendo-fab-item-text-border-width: 1px !default;
 $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-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: var( --kendo-line-height-xs, normal ) !default;
+$kendo-fab-item-text-line-height: var(--kendo-line-height-xs) !default;
 
 /// The horizontal padding of the FAB item icon.
 /// @group floating-action-button

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-sm, normal ) !default;
+$kendo-file-box-name-line-height: var(--kendo-line-height-sm) !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

@@ -14,13 +14,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/filter/_variables.scss

@@ -25,7 +25,7 @@ $kendo-filter-operator-dropdown-width: 15em !default;
 $kendo-filter-preview-field-text: k-color(primary) !default;
 /// The text color of the Filter preview operator.
 /// @group filter
-$kendo-filter-preview-operator-text: k-color(on-app-surface)  !default;
+$kendo-filter-preview-operator-text: k-color(on-app-surface) !default;
 
 /// The box shadow of the focused Filter toolbar.
 /// @group filter

package/scss/forms/_layout.scss

@@ -11,9 +11,9 @@
     .k-form,
     .k-form-inline {
         legend {
-            font-size: calc( var( --kendo-font-size, .875rem ) * 1.5 );
+            font-size: calc( var(--kendo-font-size) * 1.5 );
             font-weight: normal;
-            line-height: var( --kendo-line-height, normal );
+            line-height: var(--kendo-line-height);
             text-transform: none;
         }
 

package/scss/forms/_variables.scss

@@ -16,7 +16,7 @@ $kendo-form-spacer: k-spacing(8) !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: 1.5 !default;
@@ -48,7 +48,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-sm, inherit ) !default;
+$kendo-form-legend-font-size: var(--kendo-font-size-sm) !default;
 /// The text capitalization of the Form legend.
 /// @group form
 $kendo-form-legend-text-transform: none !default;
@@ -59,7 +59,7 @@ $kendo-form-label-margin-bottom: k-spacing(2) !default;
 
 /// The font size of the Form hint.
 /// @group form
-$kendo-form-hint-font-size: var( --kendo-font-size-xs, inherit ) !default;
+$kendo-form-hint-font-size: var(--kendo-font-size-xs) !default;
 /// The font style of the Form hint.
 /// @group form
 $kendo-form-hint-font-style: normal !default;
@@ -117,7 +117,7 @@ $kendo-inline-form-field-padding-y: calc( #{k-spacing(2)} + #{$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-xs, inherit ) !default;
+$kendo-label-optional-font-size: var(--kendo-font-size-xs) !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

@@ -11,13 +11,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

package/scss/grid/_variables.scss

@@ -22,13 +22,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
@@ -282,7 +282,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
@@ -404,10 +404,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;
@@ -427,7 +427,7 @@ $kendo-grid-column-menu-group-header-border: $kendo-popup-border !default;
 
 /// The horizontal padding of the Grid content.
 /// @group grid
-$kendo-grid-column-menu-tabbed-tabstrip-content-padding-x: k-spacing(0)!default;
+$kendo-grid-column-menu-tabbed-tabstrip-content-padding-x: k-spacing(0) !default;
 /// The vertical padding of the Grid content.
 /// @group grid
 $kendo-grid-column-menu-tabbed-tabstrip-content-padding-y: k-spacing(2) !default;
@@ -482,10 +482,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;
@@ -502,7 +502,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 (

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

package/scss/input/_variables.scss

@@ -51,20 +51,20 @@ $kendo-input-lg-padding-y: k-spacing(2) !default;
 
 /// The font family of input components.
 /// @group input
-$kendo-input-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-input-font-family: var(--kendo-font-family) !default;
 
 /// The font size of input components.
 /// @group input
-$kendo-input-font-size: null  !default;
+$kendo-input-font-size: null !default;
 /// The font size of the small Input components.
 /// @group input
-$kendo-input-sm-font-size: var( --kendo-font-size-sm, inherit )!default;
+$kendo-input-sm-font-size: var(--kendo-font-size-sm) !default;
 /// The font size of the medium Input components.
 /// @group input
-$kendo-input-md-font-size: var( --kendo-font-size, inherit )  !default;
+$kendo-input-md-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 input components.
 /// @group input
@@ -74,10 +74,10 @@ $kendo-input-line-height: null !default;
 $kendo-input-sm-line-height: math.div( 20, 14 ) !default;
 /// The line height of the medium Input components.
 /// @group input
-$kendo-input-md-line-height: var( --kendo-line-height, normal) !default;
+$kendo-input-md-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, normal) !default;
+$kendo-input-lg-line-height: var(--kendo-line-height) !default;
 
 $kendo-input-sm-calc-size: calc( ( #{$kendo-input-sm-line-height} * 1em ) + ( #{$kendo-input-sm-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) ) !default;
 $kendo-input-md-calc-size: calc( ( #{$kendo-input-md-line-height} * 1em ) + ( #{$kendo-input-md-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) ) !default;