@progress/kendo-theme-fluent 11.1.0-dev.3 → 11.1.0-dev.4

package/lib/swatches/all.json

@@ -3,7 +3,7 @@
     "name": "All",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "11.1.0-dev.3",
+    "version": "11.1.0-dev.4",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/lib/swatches/fluent-main-dark.json

@@ -3,7 +3,7 @@
     "name": "Fluent Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "11.1.0-dev.3",
+    "version": "11.1.0-dev.4",
     "previewColors": [
         "#1b1a19",
         "#21201f",

package/lib/swatches/fluent-main.json

@@ -3,7 +3,7 @@
     "name": "Fluent Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "11.1.0-dev.3",
+    "version": "11.1.0-dev.4",
     "previewColors": [
         "#ffffff",
         "#faf9f8",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-fluent",
   "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
-  "version": "11.1.0-dev.3",
+  "version": "11.1.0-dev.4",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -54,12 +54,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.1.0",
-    "@progress/kendo-theme-core": "11.1.0-dev.3",
-    "@progress/kendo-theme-utils": "11.1.0-dev.3"
+    "@progress/kendo-theme-core": "11.1.0-dev.4",
+    "@progress/kendo-theme-utils": "11.1.0-dev.4"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "4fd50ac879ec7978638ac573471e953da0926914"
+  "gitHead": "e3ca3e519a00fa4da7a575c64aba2e6a7e34991d"
 }

package/scss/calendar/_variables.scss

@@ -63,18 +63,12 @@ $kendo-calendar-footer-padding-x: k-spacing(1) !default;
 /// @group calendar
 $kendo-calendar-footer-padding-y: k-spacing(1) !default;
 
-/// The font size of the calendar cell.
-/// @group calendar
-$kendo-calendar-cell-font-size: var( --kendo-font-size-sm, inherit ) !default;
 /// The horizontal padding of the calendar cell.
 /// @group calendar
 $kendo-calendar-cell-padding-x: k-spacing(1.5) !default;
 /// The vertical padding of the calendar cell.
 /// @group calendar
 $kendo-calendar-cell-padding-y: $kendo-calendar-cell-padding-x !default;
-/// The line height of the calendar cell.
-/// @group calendar
-$kendo-calendar-cell-line-height: $kendo-calendar-line-height !default;
 /// The border radius of the calendar cell.
 /// @group calendar
 $kendo-calendar-cell-border-radius: var( --kendo-border-radius-md, 0) !default;
@@ -97,9 +91,6 @@ $kendo-calendar-header-cell-font-size: var( --kendo-font-size-sm, inherit ) !def
 /// The line height of the calendar header cell.
 /// @group calendar
 $kendo-calendar-header-cell-line-height: 2 !default;
-/// The background color of the calendar header cell.
-/// @group calendar
-$kendo-calendar-header-cell-bg: inherit !default;
 /// The text color of the calendar header cell.
 /// @group calendar
 $kendo-calendar-header-cell-text: inherit !default;
@@ -183,13 +174,6 @@ $kendo-calendar-other-month-bg: inherit !default;
 /// @group calendar
 $kendo-calendar-other-month-text: color-mix(in srgb, k-color(on-app-surface) 46%, transparent) !default;
 
-/// The background color of the calendar cells.
-/// @group calendar
-$kendo-calendar-cell-bg: inherit !default;
-/// The text color of the calendar cells.
-/// @group calendar
-$kendo-calendar-cell-text: inherit !default;
-
 /// The background color of the calendar cells when hovered.
 /// @group calendar
 $kendo-calendar-cell-hover-bg: k-color(base-hover) !default;

package/scss/card/_variables.scss

@@ -63,9 +63,6 @@ $kendo-card-header-font-size: var( --kendo-font-size-lg, inherit ) !default;
 /// Тhe font family of the Card header.
 /// @group card
 $kendo-card-header-font-family: var( --kendo-font-family, inherit ) !default;
-/// The font weight of the Card header.
-/// @group card
-$kendo-card-header-font-weight: var( --kendo-font-weight, initial ) !default;
 /// The line height of the Card header.
 /// @group card
 $kendo-card-header-line-height: var( --kendo-line-height, normal ) !default;
@@ -122,7 +119,7 @@ $kendo-card-title-font-size: var( --kendo-font-size-lg, inherit ) !default;
 $kendo-card-title-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font weight of the Card title.
 /// @group card
-$kendo-card-title-font-weight: $kendo-card-header-font-weight !default;
+$kendo-card-title-font-weight: var( --kendo-font-weight, initial ) !default;
 /// The line height of the Card title.
 /// @group card
 $kendo-card-title-line-height: var( --kendo-line-height, normal ) !default;

package/scss/checkbox/_variables.scss

@@ -5,10 +5,6 @@
 
 // Checkbox
 
-/// The border radius of the CheckBox.
-/// @group checkbox
-$kendo-checkbox-border-radius: null !default;
-
 /// The border width of the CheckBox.
 /// @group checkbox
 $kendo-checkbox-border-width: 1px !default;
@@ -139,9 +135,6 @@ $kendo-checkbox-disabled-indeterminate-text: color-mix(in srgb, k-color(on-app-s
 /// @group checkbox
 $kendo-checkbox-disabled-indeterminate-border: color-mix(in srgb, k-color(on-app-surface) 28%, transparent) !default;
 
-/// The background color of an invalid CheckBox.
-/// @group checkbox
-$kendo-checkbox-invalid-bg: $kendo-checkbox-bg !default;
 /// The text color of an invalid CheckBox.
 /// @group checkbox
 $kendo-checkbox-invalid-text: k-color(error-on-surface) !default;
@@ -175,9 +168,6 @@ $kendo-checkbox-checked-image: k-escape-svg( url("data:image/svg+xml,<svg xmlns=
 /// The image of the indeterminate CheckBox indicator.
 /// @group checkbox
 $kendo-checkbox-indeterminate-image: k-escape-svg( url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='3' y='3' width='10' height='10' rx='2' fill='#0078d4'/></svg>") ) !default;
-/// The image of the hovered and checked CheckBox indicator.
-/// @group checkbox
-$kendo-checkbox-hover-checked-image: k-escape-svg( url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#ffffff' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/></svg>") ) !default;
 /// The image of the hovered and indeterminate CheckBox indicator.
 /// @group checkbox
 $kendo-checkbox-hover-indeterminate-image: k-escape-svg( url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='3' y='3' width='10' height='10' rx='2' fill='#106ebe'/></svg>") ) !default;

package/scss/chip/_variables.scss

@@ -26,18 +26,6 @@ $kendo-chip-avatar-flex-basis: 1em !default;
 /// The text color of the disabled Chip.
 /// @group chip
 $kendo-chip-disabled-text: color-mix(in srgb, k-color(on-app-surface) 46%, transparent) !default;
-/// The background color of the solid disabled Chip.
-/// @group chip
-$kendo-chip-solid-disabled-bg: k-color(base-subtle) !default;
-/// The border color of the solid disabled Chip.
-/// @group chip
-$kendo-chip-solid-disabled-border: transparent !default;
-/// The background color of the outline disabled Chip.
-/// @group chip
-$kendo-chip-outline-disabled-bg: var( k-color(surface-alt), transparent ) !default;
-/// The border color of the outline disabled Chip.
-/// @group chip
-$kendo-chip-outline-disabled-border: color-mix(in srgb, k-color(on-app-surface) 46%, transparent) !default;
 
 /// The offset of the outline focused Chip.
 /// @group chip

package/scss/coloreditor/_variables.scss

@@ -138,34 +138,22 @@ $kendo-color-editor-sm-views-padding-y: k-spacing(2) !default;
 /// The horizontal padding of the small ColorEditor views container.
 /// @group color-editor
 $kendo-color-editor-sm-views-padding-x: $kendo-color-editor-views-padding-y !default;
-/// The spacing of the small ColorEditor views container.
-/// @group color-editor
-$kendo-color-editor-sm-views-spacing: k-spacing(4) !default;
 /// The vertical padding of the medium ColorEditor views container.
 /// @group color-editor
 $kendo-color-editor-md-views-padding-y: $kendo-color-editor-views-padding-y !default;
 /// The horizontal padding of the medium ColorEditor views container.
 /// @group color-editor
 $kendo-color-editor-md-views-padding-x: $kendo-color-editor-views-padding-x !default;
-/// The spacing of the medium ColorEditor views container.
-/// @group color-editor
-$kendo-color-editor-md-views-spacing: $kendo-color-editor-views-spacing !default;
 /// The vertical padding of the large ColorEditor views container.
 /// @group color-editor
 $kendo-color-editor-lg-views-padding-y: k-spacing(4) !default;
 /// The horizontal padding of the large ColorEditor views container.
 /// @group color-editor
 $kendo-color-editor-lg-views-padding-x: k-spacing(4) !default;
-/// The spacing of the large ColorEditor views container.
-/// @group color-editor
-$kendo-color-editor-lg-views-spacing: k-spacing(4.5) !default;
 
 /// The vertical padding of the ColorEditor footer.
 /// @group color-editor
 $kendo-color-editor-footer-padding-y: k-spacing(2) !default;
-/// The horizontal padding of the ColorEditor footer.
-/// @group color-editor
-$kendo-color-editor-footer-padding-x: k-spacing(2) !default;
 
 /// The outline color of the focused ColorGradient.
 /// @group color-editor

package/scss/colorgradient/_variables.scss

@@ -89,9 +89,6 @@ $kendo-color-gradient-lg-spacing: k-spacing(4.5) !default;
 /// The border color of the focused ColorGradient.
 /// @group color-gradient
 $kendo-color-gradient-focus-border: color-mix(in srgb, k-color(border) 10%, transparent) !default;
-/// The box shadow of the focused ColorGradient.
-/// @group color-gradient
-$kendo-color-gradient-focus-shadow: var( --kendo-box-shadow-depth-3, none ) !default;
 
 /// The width of the border around the ColorGradient canvas.
 /// @group color-gradient
@@ -128,9 +125,6 @@ $kendo-color-gradient-lg-canvas-spacing: k-spacing(4) !default;
 /// The border color of the ColorGradient canvas hsv rectangle.
 /// @group color-gradient
 $kendo-color-gradient-canvas-rectangle-border: color-mix(in srgb, k-color(border) 16%, transparent) !default;
-/// The box shadow of the ColorGradient canvas drag handle.
-/// @group color-gradient
-$kendo-color-gradient-canvas-draghandle-shadow: var( --kendo-box-shadow-depth-2, none ) !default;
 
 /// The width of the ColorGradient slider.
 /// @group color-gradient

package/scss/expansion-panel/_variables.scss

@@ -26,9 +26,6 @@ $kendo-expander-bg: k-color(surface) !default;
 /// The border color of the ExpansionPanel.
 /// @group expander
 $kendo-expander-border: color-mix(in srgb, k-color(border) 16%, transparent) !default;
-/// The box shadow of the ExpansionPanel.
-/// @group expander
-$kendo-expander-shadow: inset 0 0 0 2px color-mix(in srgb, k-color(border) 16%, transparent) !default;
 
 /// The background color of the expanded ExpansionPanel.
 /// @group expander

package/scss/forms/_variables.scss

@@ -13,15 +13,6 @@ $kendo-form-font-size: var( --kendo-font-size, inherit ) !default;
 /// The line height of the Form.
 /// @group form
 $kendo-form-line-height: var( --kendo-line-height, normal ) !default;
-/// The line height of the Form in em units.
-/// @group form
-$kendo-form-line-height-em: $kendo-line-height-em !default;
-/// The line height of the small Form.
-/// @group form
-$kendo-form-sm-line-height: var( --kendo-line-height-sm, normal ) !default;
-/// The line height of the large Form.
-/// @group form
-$kendo-form-lg-line-height: var( --kendo-line-height-lg, normal ) !default;
 
 /// The margin of the Form fieldset.
 /// @group form
@@ -72,10 +63,6 @@ $kendo-form-label-margin-bottom: k-spacing(2) !default;
 /// @group form
 $kendo-form-label-font-weight: var( --kendo-font-weight-bold, inherit ) !default;
 
-/// The horizontal margin of the Form buttons.
-/// @group form
-$kendo-form-button-margin-x: k-spacing(2) !default;
-
 /// The font size of the Form hint.
 /// @group form
 $kendo-form-hint-font-size: var( --kendo-font-size-sm, inherit ) !default;
@@ -153,29 +140,10 @@ $kendo-label-optional-font-style: normal !default;
 /// The margin of the Form fieldset.
 /// @group form
 $kendo-fieldset-margin: k-spacing(7.5) !default;
-/// The font size of the Form fieldset.
-/// @group form
-$kendo-fieldset-font-size: var( --kendo-font-size-xl, inherit ) !default;
 
-/// The background color of the Form fieldset.
-/// @group form
-$kendo-fieldset-bg: transparent !default;
-/// The text color of the Form fieldset.
-/// @group form
-$kendo-fieldset-text: inherit !default;
-/// The border color of the Form fieldset.
-/// @group form
-$kendo-fieldset-border: initial !default;
-
-/// The background color of the Form legend.
-/// @group form
-$kendo-fieldset-legend-bg: transparent !default;
 /// The text color of the Form legend.
 /// @group form
 $kendo-fieldset-legend-text: k-color(subtle) !default;
-/// The border color of the Form legend.
-/// @group form
-$kendo-fieldset-legend-border: initial !default;
 
 /// The sizes map for the Form.
 /// @group form

package/scss/grid/_variables.scss

@@ -64,7 +64,6 @@ $kendo-grid-edit-cell-padding-x: $kendo-grid-cell-padding-x !default;
 /// @group grid
 $kendo-grid-edit-cell-padding-y: calc( #{k-spacing(2.5)} / 2 ) !default;
 
-
 /// The size of the Grid group drop clue.
 /// @group grid
 $kendo-grid-group-drop-hint-size: 6px !default;
@@ -170,12 +169,6 @@ $kendo-grid-focus-shadow: $kendo-list-item-focus-shadow !default;
 /// The background color of alternating rows in Grid.
 /// @group grid
 $kendo-grid-alt-bg: $kendo-table-alt-row-bg !default;
-/// The text color of alternating rows in Grid.
-/// @group grid
-$kendo-grid-alt-text: $kendo-table-alt-row-text !default;
-/// The border color of alternating rows in Grid.
-/// @group grid
-$kendo-grid-alt-border: $kendo-table-alt-row-border !default;
 
 /// The background color of hover rows in Grid.
 /// @group grid
@@ -200,12 +193,6 @@ $kendo-grid-selected-border: $kendo-table-selected-border !default;
 /// The background color of highlighted Grid rows.
 /// @group grid
 $kendo-grid-highlighted-bg: $kendo-table-highlighted-bg !default;
-/// The text color of highlighted Grid rows.
-/// @group grid
-$kendo-grid-highlighted-text: $kendo-table-highlighted-text !default;
-/// The border color of highlighted Grid rows.
-/// @group grid
-$kendo-grid-highlighted-border: $kendo-table-highlighted-border !default;
 /// The font weight of highlighted Grid rows.
 /// @group grid
 $kendo-grid-highlighted-font-weight: $kendo-table-highlighted-font-weight !default;
@@ -214,16 +201,6 @@ $kendo-grid-highlighted-font-weight: $kendo-table-highlighted-font-weight !defau
 /// @group grid
 $kendo-grid-selected-highlighted-bg: $kendo-table-selected-highlighted-bg !default;
 
-/// The background color of hovered selected rows in Grid.
-/// @group grid
-$kendo-grid-selected-hover-bg: $kendo-table-selected-hover-bg !default;
-/// The text color of hovered selected rows in Grid.
-/// @group grid
-$kendo-grid-selected-hover-text: $kendo-table-selected-hover-text !default;
-/// The border color of hovered selected rows in Grid.
-/// @group grid
-$kendo-grid-selected-hover-border: $kendo-table-selected-hover-border !default;
-
 /// The vertical border width of the Grid header.
 /// @group grid
 $kendo-grid-header-border-width-y: $kendo-grid-border-width !default;
@@ -251,9 +228,6 @@ $kendo-grid-header-text: $kendo-table-header-text !default;
 /// The border color of Grid header.
 /// @group grid
 $kendo-grid-header-border: $kendo-table-header-border !default;
-/// The background color of Grid header icons.
-/// @group grid
-$kendo-grid-header-icon-text: k-color(subtle) !default;
 
 // The background color of Grid footer.
 /// @group grid
@@ -317,15 +291,6 @@ $kendo-grid-filter-cell-padding-x: $kendo-grid-padding-y !default;
 /// @group grid
 $kendo-grid-filter-cell-padding-y: $kendo-grid-filter-cell-padding-x !default;
 
-/// The horizontal padding of the Grid Toolbar.
-/// @group grid
-$kendo-grid-toolbar-padding-x: $kendo-toolbar-md-padding-x !default;
-/// The vertical padding of the Grid Toolbar.
-/// @group grid
-$kendo-grid-toolbar-padding-y: $kendo-toolbar-md-padding-y !default;
-/// The spacing of the Grid Toolbar.
-/// @group grid
-$kendo-grid-toolbar-spacing: $kendo-toolbar-md-spacing !default;
 /// The border width of the Grid Toolbar.
 /// @group grid
 $kendo-grid-toolbar-border-width: $kendo-grid-border-width !default;
@@ -339,12 +304,7 @@ $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-font-size-sm, inherit ) !default;
-/// The default height of the Grid sort index.
-/// @group grid
-$kendo-grid-sort-index-height: var( --kendo-icon-size, 1rem ) !default;
-/// The horizontal offset of the Grid sort index.
-/// @group grid
-$kendo-grid-sort-index-spacing-y: calc( var( --kendo-icon-spacing, .5rem ) / 4 ) !default;
+
 /// The vertical offset of the Grid sort index.
 /// @group grid
 $kendo-grid-sort-index-spacing-x: k-spacing(0.5) !default;
@@ -361,41 +321,10 @@ $kendo-grid-sort-indicator-order-text: k-color(primary) !default;
 /// @group grid
 $kendo-grid-sorted-bg: k-color(surface) !default;
 
-/// The horizontal padding of the Grid command cells.
-/// @group grid
-$kendo-grid-command-cell-padding-y: calc( #{$kendo-table-cell-padding-y} - (#{$kendo-button-calc-size} - #{$kendo-line-height-em} ) / 2 ) !default;
 /// The vertical padding of the Grid command cells.
 /// @group grid
 $kendo-grid-command-cell-button-spacing: k-spacing(2) !default;
 
-/// The horizontal padding of the Grid group indicator.
-/// @group grid
-$kendo-grid-group-indicator-padding-x: $kendo-button-md-padding-x !default;
-/// The vertical padding of the Grid group indicator.
-/// @group grid
-$kendo-grid-group-indicator-padding-y: $kendo-button-md-padding-y !default;
-/// The border width of the Grid group indicator.
-/// @group grid
-$kendo-grid-group-indicator-border-width: $kendo-button-border-width !default;
-/// The border radius of the Grid group indicator.
-/// @group grid
-$kendo-grid-group-indicator-border-radius: k-border-radius(md) !default;
-/// Spacing of the grid group indicator.
-/// @group grid
-$kendo-grid-group-indicator-gap: $kendo-table-cell-padding-y !default;
-/// The text color of the Grid group indicator.
-/// @group grid
-$kendo-grid-group-indicator-text: k-color(on-app-surface) !default;
-/// The background color of the Grid group indicator.
-/// @group grid
-$kendo-grid-group-indicator-bg: k-color(surface-alt) !default;
-/// The border color of the Grid group indicator.
-/// @group grid
-$kendo-grid-group-indicator-border: k-color(border) !default;
-/// The text color of the Grid group indicator icon.
-/// @group grid
-$kendo-grid-group-indicator-icon-text: k-color(subtle) !default;
-
 /// The horizontal border width of the Grid group footer.
 /// @group grid
 $kendo-grid-group-footer-border-width-y: 0px !default;
@@ -413,9 +342,7 @@ $kendo-grid-sticky-cell-border-width: $kendo-grid-border-width !default;
 /// The background color of the Grid sticky cell.
 /// @group grid
 $kendo-grid-sticky-bg: k-color(surface-alt) !default;
-/// The text color of the Grid sticky cell.
-/// @group grid
-$kendo-grid-sticky-text: $kendo-grid-text !default;
+
 /// The border color of the Grid sticky cell.
 /// @group grid
 $kendo-grid-sticky-border: color-mix(in srgb, k-color(border) 80%, transparent) !default;
@@ -575,9 +502,6 @@ $kendo-grid-drag-cell-width: calc( var( --kendo-icon-size, 1rem ) * 2.25 ) !defa
 /// The default width of the Grid hierarchy cell.
 /// @group grid
 $kendo-grid-hierarchy-col-width: calc( var( --kendo-icon-size, 1rem ) * 2 ) !default;
-/// The spacing of the Grid filterable icon.
-/// @group grid
-$kendo-grid-filterable-icon-spacing: calc( #{$kendo-button-calc-size} + #{$kendo-grid-header-menu-spacing} ) !default;
 
 /// The background color of the Grid row resize indicator.
 /// @group grid

package/scss/map/_variables.scss

@@ -42,9 +42,6 @@ $kendo-map-navigator-padding: k-spacing(0.5) !default;
 /// The width of the Map navigator.
 /// @group map
 $kendo-map-navigator-width: calc( var( --kendo-icon-size, 1rem) * 3 + calc( #{$kendo-map-navigator-padding} * 2) ) !default;
-/// The height of the Map navigator.
-/// @group map
-$kendo-map-navigator-height: $kendo-map-navigator-width !default;
 /// The border width of the Map navigator.
 /// @group map
 $kendo-map-navigator-border-width: 1px !default;
@@ -61,12 +58,6 @@ $kendo-map-navigator-border: k-color(border) !default;
 /// The margin of the Map zoom control.
 /// @group map
 $kendo-map-zoom-control-margin: k-spacing(4) !default;
-/// The horizontal padding of the Map zoom control.
-/// @group map
-$kendo-map-zoom-control-button-padding-x: $kendo-button-md-padding-y !default;
-/// The vertical padding of the Map zoom control.
-/// @group map
-$kendo-map-zoom-control-button-padding-y: $kendo-map-zoom-control-button-padding-x !default;
 
 /// The horizontal padding of the Map attribution.
 /// @group map

package/scss/menu/_variables.scss

@@ -130,19 +130,13 @@ $kendo-menu-popup-padding-y: $kendo-popup-padding-y !default;
 /// @group menu
 $kendo-menu-popup-border-width: $kendo-popup-border-width !default;
 
-/// The font sizes of the Menu popup.
-/// @group menu
-$kendo-menu-popup-font-size: var( --kendo-font-size, inherit ) !default;
-$kendo-menu-popup-sm-font-size: $kendo-menu-popup-font-size !default;
-$kendo-menu-popup-md-font-size: $kendo-menu-popup-font-size !default;
+$kendo-menu-popup-sm-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-menu-popup-md-font-size: var( --kendo-font-size, inherit ) !default;
 $kendo-menu-popup-lg-font-size: var( --kendo-font-size-lg, inherit ) !default;
 
-/// The line heights used along with $kendo-font-size.
-/// @group menu
-$kendo-menu-popup-line-height: var( --kendo-line-height, 30px ) !default;
-$kendo-menu-popup-sm-line-height: $kendo-menu-popup-line-height !default;
-$kendo-menu-popup-md-line-height: $kendo-menu-popup-line-height !default;
-$kendo-menu-popup-lg-line-height: $kendo-menu-popup-line-height !default;
+$kendo-menu-popup-sm-line-height: var( --kendo-line-height, 30px ) !default;
+$kendo-menu-popup-md-line-height: var( --kendo-line-height, 30px ) !default;
+$kendo-menu-popup-lg-line-height: var( --kendo-line-height, 30px ) !default;
 
 /// The background color of the Menu popup.
 /// @group menu
@@ -182,12 +176,6 @@ $kendo-menu-popup-sm-item-icon-margin-end: calc( -1 * (var( --kendo-icon-size, 1
 $kendo-menu-popup-item-icon-md-margin-end: calc( -1 * (var( --kendo-icon-size, 1rem ) + #{$kendo-menu-popup-md-item-padding-x}) ) !default;
 $kendo-menu-popup-lg-item-icon-margin-end: calc( -1 * (var( --kendo-icon-size, 1rem ) + #{$kendo-menu-popup-lg-item-padding-x}) ) !default;
 
-/// The base shadow of focused Menu item in popup.
-/// @group menu
-$kendo-menu-popup-focus-outline-offset: $kendo-menu-item-focus-outline-offset !default;
-$kendo-menu-popup-focus-outline-width: $kendo-menu-item-focus-outline-width !default;
-$kendo-menu-popup-focus-outline-style: $kendo-menu-item-focus-outline-style !default;
-
 /// The spacing between the Menu items in popup.
 /// @group menu
 $kendo-menu-popup-item-spacing: k-spacing(0) !default;
@@ -238,12 +226,6 @@ $kendo-menu-popup-item-hover-text: $kendo-list-item-hover-text !default;
 /// @group menu
 $kendo-menu-popup-item-hover-bg: $kendo-list-item-hover-bg !default;
 
-/// The text color of focused Menu items.
-/// @group menu
-$kendo-menu-popup-item-focus-text: $kendo-menu-item-text !default;
-/// The background color of focused Menu items.
-/// @group menu
-$kendo-menu-popup-item-focus-bg: $kendo-menu-item-bg !default;
 /// The outline of focused Menu items.
 /// @group menu
 $kendo-menu-popup-item-focus-outline: k-color(base-emphasis) !default;

package/scss/no-data/_variables.scss

@@ -4,5 +4,5 @@
 /// @group no-data
 $kendo-no-data-min-height: 140px !default;
 /// The text color of the 'No Data' text.
-/// @group list
+/// @group no-data
 $kendo-no-data-text: k-color(on-app-surface) !default;

package/scss/notification/_variables.scss

@@ -49,12 +49,6 @@ $kendo-notification-box-shadow: none !default;
 /// The horizontal spacing of the Notification icon.
 /// @group notification
 $kendo-notification-icon-spacing: k-spacing(2) !default;
-/// The horizontal spacing of the Notification close icon.
-/// @group notification
-$kendo-notification-close-icon-spacing: k-spacing(4) !default;
-/// The color of the Notification icon.
-/// @group notification
-$kendo-notification-icon-text: k-color(on-app-surface) !default;
 
 /// The theme variations for the Notification.
 /// @group notification

package/scss/orgchart/_variables.scss

@@ -36,9 +36,6 @@ $kendo-orgchart-node-spacing: $kendo-orgchart-spacer !default;
 /// The spacing of the OrgChart group.
 /// @group orgchart
 $kendo-orgchart-group-spacing: $kendo-orgchart-spacer !default;
-/// The spacing of the OrgChart node container.
-/// @group orgchart
-$kendo-orgchart-node-container-spacing: $kendo-orgchart-spacer !default;
 
 /// The vertical padding of the OrgChart node group.
 /// @group orgchart

package/scss/pager/_variables.scss

@@ -15,9 +15,6 @@ $kendo-pager-md-padding-x: k-spacing(2) !default;
 /// @group pager
 $kendo-pager-lg-padding-x: k-spacing(2.5) !default;
 
-/// The vertical padding of the Pager.
-/// @group pager
-$kendo-pager-padding-y: k-spacing(2) !default;
 /// The vertical padding of the small Pager.
 /// @group pager
 $kendo-pager-sm-padding-y: $kendo-pager-sm-padding-x !default;

package/scss/panelbar/_variables.scss

@@ -2,12 +2,6 @@
 @use "../core/_index.scss" as *;
 @use "../list/_variables.scss" as *;
 
-/// The horizontal padding of the PanelBar.
-/// @group panelbar
-$kendo-panelbar-padding-x: k-spacing(0) !default;
-/// The vertical padding of the PanelBar.
-/// @group panelbar
-$kendo-panelbar-padding-y: k-spacing(0) !default;
 /// The font family of the PanelBar.
 /// @group panelbar
 $kendo-panelbar-font-family: var( --kendo-font-family, inherit ) !default;

package/scss/radio/_variables.scss

@@ -110,9 +110,6 @@ $kendo-radio-disabled-checked-text: $kendo-radio-disabled-text !default;
 /// @group radio
 $kendo-radio-disabled-checked-border: $kendo-radio-disabled-border !default;
 
-/// The background color of the invalid RadioButton.
-/// @group radio
-$kendo-radio-invalid-bg: $kendo-radio-bg !default;
 /// The color of the invalid RadioButton.
 /// @group radio
 $kendo-radio-invalid-text: k-color(error-on-surface) !default;

package/scss/rating/_variables.scss

@@ -27,9 +27,6 @@ $kendo-rating-item-text: k-color(subtle) !default;
 /// The text color of the hovered Rating item.
 /// @group rating
 $kendo-rating-item-hover-text: k-color(primary) !default;
-/// The text color of the focused Rating item.
-/// @group rating
-$kendo-rating-item-focus-text: $kendo-rating-item-text !default;
 /// The outline width of the focused Rating item.
 /// @group rating
 $kendo-rating-item-focus-outline-width: 1px !default;

package/scss/scheduler/_variables.scss

@@ -153,13 +153,6 @@ $kendo-scheduler-nonwork-bg: k-color(surface) !default;
 /// @group scheduler
 $kendo-scheduler-nonwork-text: null !default;
 
-/// The background color of the weekends in the Scheduler.
-/// @group scheduler
-$kendo-scheduler-weekend-bg: null !default;
-/// The text color of the weekends in the Scheduler.
-/// @group scheduler
-$kendo-scheduler-weekend-text: null !default;
-
 /// The background color of the preceding/subsequent month cells in the Calendar.
 /// @group scheduler
 $kendo-scheduler-othermonth-bg: k-color(surface) !default;

package/scss/slider/_variables.scss

@@ -37,18 +37,6 @@ $kendo-slider-track-bg: k-color(base-emphasis) !default;
 /// The border color of the Slider track.
 /// @group slider
 $kendo-slider-track-border: inherit !default;
-/// The background color of the hovered Slider track.
-/// @group slider
-$kendo-slider-track-hover-bg: k-color(base-emphasis) !default;
-/// The border color of the hovered Slider track.
-/// @group slider
-$kendo-slider-track-hover-border: inherit !default;
-/// The background color of the focused Slider track.
-/// @group slider
-$kendo-slider-track-focus-bg: k-color(base-emphasis) !default;
-/// The border color of the focused Slider track.
-/// @group slider
-$kendo-slider-track-focus-border: inherit !default;
 
 /// The background color of the Slider's track selection.
 /// @group slider
@@ -66,9 +54,6 @@ $kendo-slider-thumb-border-radius: 999em !default;
 /// The transition scale of the active Slider thumb.
 /// @group slider
 $kendo-slider-thumb-active-scale: null !default;
-/// The size of the active Slider thumb.
-/// @group slider
-$kendo-slider-thumb-active-size: null !default;
 
 /// The background color of the Slider thumb.
 /// @group slider