@progress/kendo-theme-bootstrap 8.0.0-dev.0 → 8.0.0-dev.10

package/scss/orgchart/_variables.scss

@@ -2,7 +2,7 @@
 
 /// The spacing index of the OrgChart.
 /// @group orgchart
-$kendo-orgchart-spacer: k-map-get( $kendo-spacing, 6 ) !default;
+$kendo-orgchart-spacer: k-spacing(6) !default;
 /// The vertical padding of the OrgChart.
 /// @group orgchart
 $kendo-orgchart-padding-y: $kendo-orgchart-spacer !default;
@@ -11,13 +11,13 @@ $kendo-orgchart-padding-y: $kendo-orgchart-spacer !default;
 $kendo-orgchart-padding-x: $kendo-orgchart-padding-y !default;
 /// The font family of the OrgChart.
 /// @group orgchart
-$kendo-orgchart-font-family: $kendo-font-family !default;
+$kendo-orgchart-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font size of the OrgChart.
 /// @group orgchart
-$kendo-orgchart-font-size: $kendo-font-size-md !default;
+$kendo-orgchart-font-size: var( --kendo-font-size, inherit )  !default;
 /// The line height of the OrgChart.
 /// @group orgchart
-$kendo-orgchart-line-height: $kendo-line-height-md !default;
+$kendo-orgchart-line-height: var( --kendo-line-height, normal ) !default;
 /// The background color of the OrgChart.
 /// @group orgchart
 $kendo-orgchart-bg: $kendo-component-bg !default;
@@ -49,7 +49,7 @@ $kendo-orgchart-node-group-padding-x: $kendo-orgchart-node-group-padding-y !defa
 $kendo-orgchart-node-group-border-width: 1px !default;
 /// The border radius of the OrgChart node group.
 /// @group orgchart
-$kendo-orgchart-node-group-border-radius: $kendo-border-radius-md !default;
+$kendo-orgchart-node-group-border-radius: k-border-radius(md) !default;
 /// The background color of the OrgChart node group.
 /// @group orgchart
 $kendo-orgchart-node-group-bg: $kendo-base-bg !default;
@@ -69,13 +69,13 @@ $kendo-orgchart-node-group-focus-shadow: $kendo-card-focus-shadow !default;
 
 /// The font size of the OrgChart node group title.
 /// @group orgchart
-$kendo-orgchart-node-group-title-font-size: $kendo-font-size-lg !default;
+$kendo-orgchart-node-group-title-font-size: var( --kendo-font-size-lg, inherit ) !default;
 /// The bottom margin of the OrgChart node group title.
 /// @group orgchart
-$kendo-orgchart-node-group-title-margin-bottom: k-math-div( $kendo-orgchart-spacer, 4 ) !default;
+$kendo-orgchart-node-group-title-margin-bottom: calc( #{$kendo-orgchart-spacer} / 4 ) !default;
 /// The line height of the OrgChart node group title.
 /// @group orgchart
-$kendo-orgchart-node-group-title-line-height: $kendo-line-height-sm !default;
+$kendo-orgchart-node-group-title-line-height: var( --kendo-line-height-sm, normal ) !default;
 
 /// The bottom margin of the OrgChart node group subtitle.
 /// @group orgchart
@@ -83,7 +83,7 @@ $kendo-orgchart-node-group-subtitle-margin-bottom: $kendo-orgchart-spacer !defau
 
 /// The font size of the OrgChart node group subtitle.
 /// @group orgchart
-$kendo-orgchart-node-group-subtitle-font-size: $kendo-font-size-md !default;
+$kendo-orgchart-node-group-subtitle-font-size: var( --kendo-font-size, inherit ) !default;
 
 /// The line height of the OrgChart node group subtitle.
 /// @group orgchart
@@ -110,14 +110,14 @@ $kendo-orgchart-card-focus-shadow: $kendo-card-focus-shadow !default;
 
 /// The bottom margin of the OrgChart Card title.
 /// @group orgchart
-$kendo-orgchart-card-title-margin-bottom: 0px !default;
+$kendo-orgchart-card-title-margin-bottom: k-spacing(0) !default;
 /// The font size of the OrgChart Card title.
 /// @group orgchart
 $kendo-orgchart-card-title-font-size: null !default;
 
 /// The bottom margin of the OrgChart Card subtitle.
 /// @group orgchart
-$kendo-orgchart-card-subtitle-margin-bottom: 0px !default;
+$kendo-orgchart-card-subtitle-margin-bottom: k-spacing(0) !default;
 /// The font size of the OrgChart Card subtitle.
 /// @group orgchart
 $kendo-orgchart-card-subtitle-font-size: null !default;

package/scss/pager/_variables.scss

@@ -2,16 +2,16 @@
 
 /// The horizontal padding of the Pager.
 /// @group pager
-$kendo-pager-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-pager-padding-x: k-spacing(2) !default;
 /// The horizontal padding of the small Pager.
 /// @group pager
-$kendo-pager-sm-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-pager-sm-padding-x: k-spacing(1) !default;
 /// The horizontal padding of the medium Pager.
 /// @group pager
-$kendo-pager-md-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-pager-md-padding-x: k-spacing(2) !default;
 /// The horizontal padding of the large Pager.
 /// @group pager
-$kendo-pager-lg-padding-x: k-map-get( $kendo-spacing, 2.5 ) !default;
+$kendo-pager-lg-padding-x: k-spacing(2.5) !default;
 /// The vertical padding of the Pager.
 /// @group pager
 $kendo-pager-padding-y: $kendo-pager-padding-x !default;
@@ -37,26 +37,26 @@ $kendo-pager-lg-item-min-width: $kendo-button-lg-calc-size !default;
 
 /// The margin between the item groups in the small Pager.
 /// @group pager
-$kendo-pager-sm-item-group-spacing: k-map-get( $kendo-spacing, 3.5 ) !default;
+$kendo-pager-sm-item-group-spacing: k-spacing(3.5) !default;
 /// The margin between the item groups in the medium Pager.
 /// @group pager
-$kendo-pager-md-item-group-spacing: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-pager-md-item-group-spacing: k-spacing(4) !default;
 /// The margin between the item groups in the large Pager.
 /// @group pager
-$kendo-pager-lg-item-group-spacing: k-map-get( $kendo-spacing, 4.5 ) !default;
+$kendo-pager-lg-item-group-spacing: k-spacing(4.5) !default;
 
 /// The border width of the Pager.
 /// @group pager
 $kendo-pager-border-width: 1px !default;
 /// The font family of the Pager.
 /// @group pager
-$kendo-pager-font-family: $kendo-font-family !default;
+$kendo-pager-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font size of the Pager.
 /// @group pager
-$kendo-pager-font-size: $kendo-font-size-md !default;
+$kendo-pager-font-size: var( --kendo-font-size, inherit )  !default;
 /// The line height of the Pager.
 /// @group pager
-$kendo-pager-line-height: $kendo-line-height-md !default;
+$kendo-pager-line-height: var( --kendo-line-height, normal ) !default;
 /// The background color of the Pager.
 /// @group pager
 $kendo-pager-bg: $kendo-component-header-bg !default;
@@ -76,14 +76,14 @@ $kendo-pager-focus-shadow: inset 0 0 0 2px rgba( $kendo-color-black, .08) !defau
 
 /// The spacing between the Pager sections.
 /// @group pager
-$kendo-pager-section-spacing: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-pager-section-spacing: k-spacing(4) !default;
 
 /// The border width of the Pager items.
 /// @group pager
 $kendo-pager-item-border-width: 1px !default;
 /// The border radius of the Pager items.
 /// @group pager
-$kendo-pager-item-border-radius: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-pager-item-border-radius: k-spacing(1) !default;
 /// The spacing around the Pager items.
 /// @group pager
 $kendo-pager-item-spacing: (-1 * $kendo-pager-item-border-width) !default;

package/scss/panelbar/_variables.scss

@@ -2,19 +2,19 @@
 
 /// The horizontal padding of the PanelBar.
 /// @group panelbar
-$kendo-panelbar-padding-x: 0px !default;
+$kendo-panelbar-padding-x: k-spacing(0) !default;
 /// The vertical padding of the PanelBar.
 /// @group panelbar
-$kendo-panelbar-padding-y: 0px !default;
+$kendo-panelbar-padding-y: k-spacing(0) !default;
 /// The font family of the PanelBar.
 /// @group panelbar
-$kendo-panelbar-font-family: $kendo-font-family !default;
+$kendo-panelbar-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font size of the PanelBar.
 /// @group panelbar
-$kendo-panelbar-font-size: $kendo-font-size-md !default;
+$kendo-panelbar-font-size: var( --kendo-font-size, inherit ) !default;
 /// The line height of the PanelBar.
 /// @group panelbar
-$kendo-panelbar-line-height: $kendo-line-height-md !default;
+$kendo-panelbar-line-height: var( --kendo-line-height, normal ) !default;
 /// The width of the border around the PanelBar.
 /// @group panelbar
 $kendo-panelbar-border-width: 1px !default;
@@ -30,17 +30,17 @@ $kendo-panelbar-item-border-style: solid !default;
 
 /// The horizontal padding of the PanelBar header.
 /// @group panelbar
-$kendo-panelbar-header-padding-x: k-map-get( $kendo-spacing, 6 ) !default;
+$kendo-panelbar-header-padding-x: k-spacing(6) !default;
 /// The vertical padding of the PanelBar header.
 /// @group panelbar
-$kendo-panelbar-header-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-panelbar-header-padding-y: k-spacing(4) !default;
 
 /// The horizontal padding of the PanelBar items.
 /// @group panelbar
-$kendo-panelbar-item-padding-x: k-map-get( $kendo-spacing, 6 ) !default;
+$kendo-panelbar-item-padding-x: k-spacing(6) !default;
 /// The vertical padding of the PanelBar items.
 /// @group panelbar
-$kendo-panelbar-item-padding-y: k-map-get( $kendo-spacing, 3 ) !default;
+$kendo-panelbar-item-padding-y: k-spacing(3) !default;
 
 /// The maximum nesting of the PanelBar items.
 /// @group panelbar

package/scss/pdf-viewer/_variables.scss

@@ -5,13 +5,13 @@
 $kendo-pdf-viewer-border-width: 1px !default;
 /// The font family of the PDFViewer.
 /// @group pdf-viewer
-$kendo-pdf-viewer-font-family: $kendo-font-family !default;
+$kendo-pdf-viewer-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font size of the PDFViewer.
 /// @group pdf-viewer
-$kendo-pdf-viewer-font-size: $kendo-font-size-md !default;
+$kendo-pdf-viewer-font-size: var( --kendo-font-size, inherit )  !default;
 /// The line height of the PDFViewer.
 /// @group pdf-viewer
-$kendo-pdf-viewer-line-height: $kendo-line-height-md !default;
+$kendo-pdf-viewer-line-height: var( --kendo-line-height, normal ) !default;
 
 /// The background color of the PDFViewer.
 /// @group pdf-viewer
@@ -48,7 +48,7 @@ $kendo-pdf-viewer-canvas-border: null !default;
 
 /// The spacing of the PDFViewer page.
 /// @group pdf-viewer
-$kendo-pdf-viewer-page-spacing: 30px !default;
+$kendo-pdf-viewer-page-spacing: k-spacing(7.5) !default;
 
 /// The background color of the PDFViewer page.
 /// @group pdf-viewer
@@ -77,7 +77,7 @@ $kendo-pdf-viewer-search-panel-spacing: $kendo-toolbar-md-spacing !default;
 $kendo-pdf-viewer-search-panel-border-width: 1px !default;
 /// The border radius of the PDFViewer search panel.
 /// @group pdf-viewer
-$kendo-pdf-viewer-search-panel-border-radius: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-pdf-viewer-search-panel-border-radius: k-spacing(1) !default;
 /// The background color of the PDFViewer search panel.
 /// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-bg: $kendo-component-bg !default;

package/scss/pivotgrid/_variables.scss

@@ -2,14 +2,14 @@
 
 
 // Pivot grid
-$kendo-pivotgrid-spacer: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-pivotgrid-spacer: k-spacing(4) !default;
 $kendo-pivotgrid-padding-x: null !default;
 $kendo-pivotgrid-padding-y: null !default;
-$kendo-pivotgrid-font-family: $kendo-font-family !default;
-$kendo-pivotgrid-font-size: $kendo-font-size-md !default;
-$kendo-pivotgrid-line-height: $kendo-line-height-md !default;
+$kendo-pivotgrid-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-pivotgrid-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-pivotgrid-line-height: var( --kendo-line-height, normal ) !default;
 $kendo-pivotgrid-border-width: 1px !default;
-$kendo-pivotgrid-icon-spacing: 4px !default;
+$kendo-pivotgrid-icon-spacing: k-spacing(1) !default;
 
 $kendo-pivotgrid-row-header-width: 300px !default;
 $kendo-pivotgrid-column-header-height: 75px !default;
@@ -48,15 +48,15 @@ $kendo-pivotgrid-configurator-padding-y: null !default;
 $kendo-pivotgrid-configurator-border-width: 1px !default;
 
 $kendo-pivotgrid-configurator-header-padding-x: $kendo-pivotgrid-spacer !default;
-$kendo-pivotgrid-configurator-header-padding-y: ( $kendo-pivotgrid-spacer * .75 ) !default;
+$kendo-pivotgrid-configurator-header-padding-y: calc( #{$kendo-pivotgrid-spacer} * .75 ) !default;
 $kendo-pivotgrid-configurator-header-font-size: 18px !default;
 $kendo-pivotgrid-configurator-header-font-weight: 500 !default;
 
 $kendo-pivotgrid-configurator-content-padding-x: $kendo-pivotgrid-spacer !default;
-$kendo-pivotgrid-configurator-content-padding-y: .25rem !default;
+$kendo-pivotgrid-configurator-content-padding-y: k-spacing(1) !default;
 
-$kendo-pivotgrid-configurator-fields-margin-x: 0px !default;
-$kendo-pivotgrid-configurator-fields-margin-y: k-math-div( $kendo-pivotgrid-spacer, 2 ) !default;
+$kendo-pivotgrid-configurator-fields-margin-x: k-spacing(0) !default;
+$kendo-pivotgrid-configurator-fields-margin-y: calc( #{$kendo-pivotgrid-spacer} / 2 ) !default;
 
 $kendo-pivotgrid-configurator-vertical-width: 320px !default;
 $kendo-pivotgrid-configurator-horizontal-height: 420px !default;
@@ -75,16 +75,16 @@ $kendo-pivotgrid-configurator-start-shadow: $kendo-pivotgrid-configurator-shadow
 $kendo-pivotgrid-configurator-top-shadow: $kendo-pivotgrid-configurator-shadow  !default;
 $kendo-pivotgrid-configurator-bottom-shadow: $kendo-pivotgrid-configurator-shadow !default;
 
-$kendo-pivotgrid-configurator-button-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-pivotgrid-configurator-button-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-pivotgrid-configurator-button-padding-x: k-spacing(1) !default;
+$kendo-pivotgrid-configurator-button-padding-y: k-spacing(1) !default;
 $kendo-pivotgrid-configurator-button-border-width: 1px !default;
-$kendo-pivotgrid-configurator-button-size: calc( #{$kendo-pivotgrid-line-height * 1em} + #{$kendo-pivotgrid-configurator-button-padding-y * 2} + #{$kendo-pivotgrid-configurator-button-border-width * 2} ) !default;
+$kendo-pivotgrid-configurator-button-size: calc( calc( #{$kendo-pivotgrid-line-height} * 1em ) + calc( #{$kendo-pivotgrid-configurator-button-padding-y} * 2 ) + calc( #{$kendo-pivotgrid-configurator-button-border-width} * 2 ) ) !default;
 
 // Calculated fields
 $kendo-pivotgrid-calculated-field-padding-x: $kendo-pivotgrid-spacer !default;
 $kendo-pivotgrid-calculated-field-padding-y: $kendo-pivotgrid-spacer !default;
 $kendo-pivotgrid-calculated-field-border-width: 1px !default;
-$kendo-pivotgrid-calculated-field-border-radius: $kendo-border-radius-md !default;
+$kendo-pivotgrid-calculated-field-border-radius: k-border-radius(md) !default;
 $kendo-pivotgrid-calculated-field-gap: $kendo-pivotgrid-spacer !default;
 
 $kendo-pivotgrid-calculated-field-bg: $kendo-component-bg !default;
@@ -96,8 +96,8 @@ $kendo-pivotgrid-calculated-field-header-text: $kendo-component-header-text !def
 $kendo-pivotgrid-calculated-field-header-border: null !default;
 
 
-$kendo-pivotgrid-treeview-padding-x: 1.5rem !default;
-$kendo-pivotgrid-treeview-padding-y: 0px !default;
+$kendo-pivotgrid-treeview-padding-x: k-spacing(6) !default;
+$kendo-pivotgrid-treeview-padding-y: k-spacing(0) !default;
 
 // Legacy variables
 $kendo-pivotgrid-alt-bg: $kendo-grid-header-bg !default;

package/scss/popup/_variables.scss

@@ -9,21 +9,21 @@ $kendo-popup-padding-y: null !default;
 $kendo-popup-border-width: 1px !default;
 /// Border radius of the popup.
 /// @group popup
-$kendo-popup-border-radius: $kendo-border-radius-md !default;
+$kendo-popup-border-radius: k-border-radius(md) !default;
 
 /// Font size of the popup.
 /// @group popup
-$kendo-popup-font-size: $kendo-font-size-md !default;
+$kendo-popup-font-size: var( --kendo-font-size, inherit ) !default;
 /// Line height of the popup.
 /// @group popup
-$kendo-popup-line-height: $kendo-line-height-md !default;
+$kendo-popup-line-height: var( --kendo-line-height, normal ) !default;
 
 /// Horizontal padding of the popup content.
 /// @group popup
-$kendo-popup-content-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-popup-content-padding-x: k-spacing(2) !default;
 /// Vertical padding of the popup content.
 /// @group popup
-$kendo-popup-content-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-popup-content-padding-y: k-spacing(2) !default;
 
 /// Background color of the popup.
 /// @group popup

package/scss/progressbar/_variables.scss

@@ -14,7 +14,7 @@ $kendo-progressbar-animation-timing: $progress-bar-animation-timing !default;
 $kendo-progressbar-border-width: 0px !default;
 /// The font family of the ProgressBar.
 /// @group progressbar
-$kendo-progressbar-font-family: $kendo-font-family !default;
+$kendo-progressbar-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font size of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-font-size: $progress-font-size !default;
@@ -24,10 +24,10 @@ $kendo-progressbar-line-height: 1 !default;
 
 /// The background color of the ProgressBar.
 /// @group progressbar
-$kendo-progressbar-bg: $gray-200 !default;
+$kendo-progressbar-bg: if($kendo-enable-color-system, k-color( base-subtle ), $gray-200) !default;
 /// The text color of the ProgressBar.
 /// @group progressbar
-$kendo-progressbar-text: k-contrast-color( $gray-200 ) !default;
+$kendo-progressbar-text: if($kendo-enable-color-system, k-color( base-on-subtle ), k-contrast-color( $gray-200 )) !default;
 /// The border color of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-border: null !default;

package/scss/prompt/_variables.scss

@@ -22,13 +22,13 @@ $kendo-prompt-header-border: $kendo-component-header-border !default;
 
 /// The vertical padding of the Prompt content.
 /// @group prompt
-$kendo-prompt-content-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-prompt-content-padding-y: k-spacing(4) !default;
 /// The horizontal padding of the Prompt content.
 /// @group prompt
-$kendo-prompt-content-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-prompt-content-padding-x: k-spacing(4) !default;
 /// The spacing between the items of the Prompt content.
 /// @group prompt
-$kendo-prompt-content-spacing: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-prompt-content-spacing: k-spacing(4) !default;
 /// The text color of the Prompt content.
 /// @group prompt
 $kendo-prompt-content-text: $kendo-component-header-text !default;
@@ -41,17 +41,17 @@ $kendo-prompt-content-border: $kendo-component-header-border !default;
 
 /// The spacing between the items of the Prompt content expander.
 /// @group prompt
-$kendo-prompt-expander-spacing: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-prompt-expander-spacing: k-spacing(2) !default;
 
 /// The vertical padding of the Prompt suggestion container.
 /// @group prompt
-$kendo-prompt-suggestion-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-prompt-suggestion-padding-y: k-spacing(2) !default;
 /// The horizontal padding of the Prompt suggestion container.
 /// @group prompt
-$kendo-prompt-suggestion-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-prompt-suggestion-padding-x: k-spacing(2) !default;
 /// The border radius of the Prompt suggestion container.
 /// @group prompt
-$kendo-prompt-suggestion-border-radius: $kendo-border-radius-md !default;
+$kendo-prompt-suggestion-border-radius: k-border-radius(md) !default;
 /// The text color of the Prompt suggestion container.
 /// @group prompt
 $kendo-prompt-suggestion-text: $kendo-component-text !default;

package/scss/radio/_variables.scss

@@ -13,23 +13,23 @@ $kendo-radio-border-width: 1px !default;
 
 /// The size of a small RadioButton.
 /// @group radio
-$kendo-radio-sm-size: k-map-get( $kendo-spacing, 3 ) !default;
+$kendo-radio-sm-size: k-spacing(3) !default;
 /// The size of a medium RadioButton.
 /// @group radio
-$kendo-radio-md-size: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-radio-md-size: k-spacing(4) !default;
 /// The size of a large RadioButton.
 /// @group radio
-$kendo-radio-lg-size: k-map-get( $kendo-spacing, 5 ) !default;
+$kendo-radio-lg-size: k-spacing(5) !default;
 
 /// The glyph size of a small RadioButton.
 /// @group radio
-$kendo-radio-sm-glyph-size: k-map-get( $kendo-spacing, 2.5 ) !default;
+$kendo-radio-sm-glyph-size: k-spacing(2.5) !default;
 /// The glyph size of a medium RadioButton.
 /// @group radio
-$kendo-radio-md-glyph-size: k-map-get( $kendo-spacing, 3.5 ) !default;
+$kendo-radio-md-glyph-size: k-spacing(3.5) !default;
 /// The glyph size of a large RadioButton.
 /// @group radio
-$kendo-radio-lg-glyph-size: k-map-get( $kendo-spacing, 4.5 ) !default;
+$kendo-radio-lg-glyph-size: k-spacing(4.5) !default;
 
 /// The ripple size of a small RadioButton.
 /// @group radio
@@ -160,17 +160,17 @@ $kendo-radio-disabled-checked-image: null !default;
 
 /// The horizontal margin of the RadioButton inside of a label.
 /// @group radio
-$kendo-radio-label-margin-x: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-radio-label-margin-x: k-spacing(1) !default;
 
 
 // Radio list
 
 /// The horizontal list item margin of the RadioButton.
 /// @group radio
-$kendo-radio-list-spacing: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-radio-list-spacing: k-spacing(4) !default;
 /// The horizontal list item padding of the RadioButton.
 /// @group radio
-$kendo-radio-list-item-padding-x: 0px !default;
+$kendo-radio-list-item-padding-x: k-spacing(0) !default;
 /// The vertical list item padding of the RadioButton.
 /// @group radio
 $kendo-radio-list-item-padding-y: $kendo-list-md-item-padding-y !default;

package/scss/rating/_variables.scss

@@ -2,13 +2,13 @@
 
 /// The font family of the Rating.
 /// @group rating
-$kendo-rating-font-family: $kendo-font-family !default;
+$kendo-rating-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font size of the Rating.
 /// @group rating
-$kendo-rating-font-size: $kendo-font-size-md !default;
+$kendo-rating-font-size: var( --kendo-font-size, inherit )  !default;
 /// The line height of the Rating.
 /// @group rating
-$kendo-rating-line-height: $kendo-line-height-md !default;
+$kendo-rating-line-height: var( --kendo-line-height, normal ) !default;
 
 /// The horizontal margin of the Rating container.
 /// @group rating

package/scss/scheduler/_layout.scss

@@ -22,7 +22,7 @@
             & { // stylelint-disable-line
                 padding-block: $kendo-padding-sm-y;
                 padding-inline: $kendo-padding-sm-x;
-                font-size: $kendo-font-size-sm;
+                font-size: var( --kendo-font-size-sm, inherit );
             }
         }