@progress/kendo-theme-classic 11.0.0-dev.0 → 11.0.0-dev.1

package/lib/swatches/classic-opal-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Opal Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "11.0.0-dev.0",
+    "version": "11.0.0-dev.1",
     "previewColors": [
         "#000000",
         "#272727",

package/lib/swatches/classic-opal.json

@@ -3,7 +3,7 @@
     "name": "Classic Opal",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "11.0.0-dev.0",
+    "version": "11.0.0-dev.1",
     "previewColors": [
         "#ffffff",
         "#def4fd",

package/lib/swatches/classic-silver-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Silver Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "11.0.0-dev.0",
+    "version": "11.0.0-dev.1",
     "previewColors": [
         "#000000",
         "#131314",

package/lib/swatches/classic-silver.json

@@ -3,7 +3,7 @@
     "name": "Classic Silver",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "11.0.0-dev.0",
+    "version": "11.0.0-dev.1",
     "previewColors": [
         "#ffffff",
         "#f3f3f4",

package/lib/swatches/classic-uniform.json

@@ -3,7 +3,7 @@
     "name": "Classic Uniform",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "11.0.0-dev.0",
+    "version": "11.0.0-dev.1",
     "previewColors": [
         "#ffffff",
         "#f0f0f0",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-classic",
   "description": "Sass port of less based themes for Kendo UI theme",
-  "version": "11.0.0-dev.0",
+  "version": "11.0.0-dev.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -53,12 +53,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.1.0",
-    "@progress/kendo-theme-core": "11.0.0-dev.0",
-    "@progress/kendo-theme-utils": "11.0.0-dev.0"
+    "@progress/kendo-theme-core": "11.0.0-dev.1",
+    "@progress/kendo-theme-utils": "11.0.0-dev.1"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "b83fa9575266e751edf9317822154d05a4fc566a"
+  "gitHead": "57358fb664667fda76ce2febcd9bf331796b263c"
 }

package/scss/action-sheet/_variables.scss

@@ -61,7 +61,7 @@ $kendo-actionsheet-item-title-text-transform: null !default;
 
 $kendo-actionsheet-item-description-font-size: .875em !default;
 $kendo-actionsheet-item-description-text: k-color(subtle) !default;
-
+$kendo-actionsheet-item-description-line-height: null !default;
 $kendo-actionsheet-item-hover-bg: k-color(base-hover) !default;
 $kendo-actionsheet-item-hover-text: null !default;
 $kendo-actionsheet-item-hover-border: null !default;
@@ -83,6 +83,7 @@ $kendo-actionsheet-item-disabled-shadow: null !default;
 
 // Adaptive Actionsheet
 $kendo-adaptive-actionsheet-font-size: var( --kendo-font-size-lg, inherit ) !default;
+$kendo-adaptive-actionsheet-line-height: var( --kendo-line-height, inherit ) !default;
 $kendo-adaptive-actionsheet-titlebar-padding-y: k-spacing(4) !default;
 $kendo-adaptive-actionsheet-titlebar-padding-x: $kendo-adaptive-actionsheet-titlebar-padding-y !default;
 
@@ -138,6 +139,7 @@ $kendo-adaptive-actionsheet-footer-padding-x: k-spacing(4) !default;
     $kendo-actionsheet-item-title-font-weight: $kendo-actionsheet-item-title-font-weight,
     $kendo-actionsheet-item-title-text-transform: $kendo-actionsheet-item-title-text-transform,
     $kendo-actionsheet-item-description-font-size: $kendo-actionsheet-item-description-font-size,
+    $kendo-actionsheet-item-description-line-height: $kendo-actionsheet-item-description-line-height,
     $kendo-actionsheet-item-description-text: $kendo-actionsheet-item-description-text,
     $kendo-actionsheet-item-hover-bg: $kendo-actionsheet-item-hover-bg,
     $kendo-actionsheet-item-hover-text: $kendo-actionsheet-item-hover-text,
@@ -155,6 +157,7 @@ $kendo-adaptive-actionsheet-footer-padding-x: k-spacing(4) !default;
     $kendo-actionsheet-item-disabled-gradient: $kendo-actionsheet-item-disabled-gradient,
     $kendo-actionsheet-item-disabled-shadow: $kendo-actionsheet-item-disabled-shadow,
     $kendo-adaptive-actionsheet-font-size: $kendo-adaptive-actionsheet-font-size,
+    $kendo-adaptive-actionsheet-line-height: $kendo-adaptive-actionsheet-line-height,
     $kendo-adaptive-actionsheet-titlebar-padding-y: $kendo-adaptive-actionsheet-titlebar-padding-y,
     $kendo-adaptive-actionsheet-titlebar-padding-x: $kendo-adaptive-actionsheet-titlebar-padding-x,
     $kendo-adaptive-actionsheet-content-padding-y: $kendo-adaptive-actionsheet-content-padding-y,

package/scss/button/_variables.scss

@@ -41,6 +41,9 @@ $kendo-button-lg-padding-y: k-spacing(2) !default;
 /// The font family of the Button.
 /// @group button
 $kendo-button-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font weight of the Button.
+/// @group button
+$kendo-button-font-weight: var( --kendo-font-weight-normal, normal ) !default;
 
 /// The font size of the Button.
 /// @group button
@@ -282,6 +285,7 @@ $kendo-button-transition: color .2s ease-in-out !default;
     $kendo-button-md-padding-y: $kendo-button-md-padding-y,
     $kendo-button-lg-padding-y: $kendo-button-lg-padding-y,
     $kendo-button-font-family: $kendo-button-font-family,
+    $kendo-button-font-weight: $kendo-button-font-weight,
     $kendo-button-font-size: $kendo-button-font-size,
     $kendo-button-sm-font-size: $kendo-button-sm-font-size,
     $kendo-button-md-font-size: $kendo-button-md-font-size,

package/scss/calendar/_variables.scss

@@ -15,6 +15,9 @@ $kendo-calendar-font-size: var( --kendo-font-size, inherit ) !default;
 /// The line height of the Calendar.
 /// @group calendar
 $kendo-calendar-line-height: var( --kendo-line-height, normal ) !default;
+/// The border-radius of the Calendar.
+/// @group calendar
+$kendo-calendar-border-radius: 0 !default;
 
 /// The size of the cells in the Calendar.
 /// @group calendar
@@ -160,6 +163,12 @@ $kendo-calendar-today-style: unset !default;
 /// The color of the current day in the Calendar.
 /// @group calendar
 $kendo-calendar-today-color: unset !default;
+/// The font weight of the current day in the Calendar.
+/// @group calendar
+$kendo-calendar-today-font-weight: var( --kendo-font-weight-bold, normal ) !default;
+/// The box shadow of the current day in the Calendar.
+/// @group calendar
+$kendo-calendar-today-box-shadow: null !default;
 
 /// The background color of the week number cells in the Calendar.
 /// @group calendar
@@ -255,6 +264,13 @@ $kendo-calendar-navigation-border: $kendo-calendar-header-border !default;
 /// The text color of the hovered items in the Calendar navigation.
 /// @group calendar
 $kendo-calendar-navigation-hover-text: k-color(primary-hover) !default;
+/// The text color of the marker in the Calendar navigation.
+/// @group calendar
+$kendo-calendar-navigation-marker-text: currentColor !default;
+
+/// The background color of the Calendar range selection.
+/// @group calendar
+$kendo-calendar-range-bg: color-mix(in srgb, k-color(primary) 25%, transparent) !default;
 
 /// The horizontal padding of the header in the Infinite Calendar.
 /// @group calendar
@@ -363,6 +379,7 @@ $kendo-calendar-sizes: (
     $kendo-calendar-font-family: $kendo-calendar-font-family,
     $kendo-calendar-font-size: $kendo-calendar-font-size,
     $kendo-calendar-line-height: $kendo-calendar-line-height,
+    $kendo-calendar-border-radius: $kendo-calendar-border-radius,
     $kendo-calendar-cell-size: $kendo-calendar-cell-size,
     $kendo-calendar-bg: $kendo-calendar-bg,
     $kendo-calendar-text: $kendo-calendar-text,
@@ -405,6 +422,8 @@ $kendo-calendar-sizes: (
     $kendo-calendar-weekend-text: $kendo-calendar-weekend-text,
     $kendo-calendar-today-style: $kendo-calendar-today-style,
     $kendo-calendar-today-color: $kendo-calendar-today-color,
+    $kendo-calendar-today-font-weight: $kendo-calendar-today-font-weight,
+    $kendo-calendar-today-box-shadow: $kendo-calendar-today-box-shadow,
     $kendo-calendar-week-number-bg: $kendo-calendar-week-number-bg,
     $kendo-calendar-week-number-text: $kendo-calendar-week-number-text,
     $kendo-calendar-other-month-bg: $kendo-calendar-other-month-bg,
@@ -433,6 +452,8 @@ $kendo-calendar-sizes: (
     $kendo-calendar-navigation-text: $kendo-calendar-navigation-text,
     $kendo-calendar-navigation-border: $kendo-calendar-navigation-border,
     $kendo-calendar-navigation-hover-text: $kendo-calendar-navigation-hover-text,
+    $kendo-calendar-navigation-marker-text: $kendo-calendar-navigation-marker-text,
+    $kendo-calendar-range-bg: $kendo-calendar-range-bg,
     $kendo-infinite-calendar-header-padding-x: $kendo-infinite-calendar-header-padding-x,
     $kendo-infinite-calendar-header-padding-y: $kendo-infinite-calendar-header-padding-y,
     $kendo-infinite-calendar-view-padding-x: $kendo-infinite-calendar-view-padding-x,

package/scss/chip/_variables.scss

@@ -39,6 +39,10 @@ $kendo-chip-md-padding-y: k-spacing(1) !default;
 /// @group chip
 $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;
+
 /// The font size of the Chip.
 /// @group chip
 $kendo-chip-font-size: var( --kendo-font-size, inherit ) !default;
@@ -171,6 +175,17 @@ $kendo-chip-outline-selected-bg: $kendo-chip-outline-hover-bg !default;
 /// @group chip
 $kendo-chip-outline-selected-text: $kendo-chip-outline-hover-text !default;
 
+/// The base background color of the disabled Chip.
+/// @group chip
+$kendo-chip-disabled-bg: null !default;
+/// The base text color of the disabled Chip.
+/// @group chip
+$kendo-chip-disabled-text: null !default;
+/// The base border color of the disabled Chip.
+/// @group chip
+$kendo-chip-disabled-border: $kendo-chip-disabled-bg !default;
+
+
 // Chip List
 
 /// The sizes of the Chip list.
@@ -193,6 +208,7 @@ $kendo-chip-list-sizes: (
     $kendo-chip-sm-padding-y: $kendo-chip-sm-padding-y,
     $kendo-chip-md-padding-y: $kendo-chip-md-padding-y,
     $kendo-chip-lg-padding-y: $kendo-chip-lg-padding-y,
+    $kendo-chip-font-weight: $kendo-chip-font-weight,
     $kendo-chip-font-size: $kendo-chip-font-size,
     $kendo-chip-sm-font-size: $kendo-chip-sm-font-size,
     $kendo-chip-md-font-size: $kendo-chip-md-font-size,
@@ -225,5 +241,8 @@ $kendo-chip-list-sizes: (
     $kendo-chip-outline-hover-text: $kendo-chip-outline-hover-text,
     $kendo-chip-outline-selected-bg: $kendo-chip-outline-selected-bg,
     $kendo-chip-outline-selected-text: $kendo-chip-outline-selected-text,
+    $kendo-chip-disabled-bg: $kendo-chip-disabled-bg,
+    $kendo-chip-disabled-text: $kendo-chip-disabled-text,
+    $kendo-chip-disabled-border: $kendo-chip-disabled-border,
     $kendo-chip-list-sizes: $kendo-chip-list-sizes
 );

package/scss/coloreditor/_variables.scss

@@ -80,13 +80,13 @@ $kendo-color-editor-lg-header-padding-x: k-spacing(4.5) !default;
 
 /// The width of the ColorEditor preview.
 /// @group color-editor
-$kendo-color-editor-color-preview-width: 32px !default;
+$kendo-color-editor-color-preview-width: 34px !default;
 /// The height of the ColorEditor preview.
 /// @group color-editor
-$kendo-color-editor-color-preview-height: 12px !default;
+$kendo-color-editor-color-preview-height: 14px !default;
 /// The spacing between the colors in the ColorEditor preview.
 /// @group color-editor
-$kendo-color-editor-preview-gap: k-spacing(1) !default;
+$kendo-color-editor-preview-gap: k-spacing(0.5) !default;
 /// The spacing between the colors in the small ColorEditor preview.
 /// @group color-editor
 $kendo-color-editor-sm-preview-gap: k-spacing(0.5) !default;

package/scss/colorgradient/_variables.scss

@@ -98,16 +98,7 @@ $kendo-color-gradient-canvas-border-radius: k-border-radius(md) !default;
 $kendo-color-gradient-canvas-gap: $kendo-color-gradient-spacer !default;
 /// The height the ColorGradient canvas hsv rectangle.
 /// @group color-gradient
-$kendo-color-gradient-canvas-rectangle-height: 180px !default;
-/// The height the small ColorGradient canvas hsv rectangle.
-/// @group color-gradient
-$kendo-color-gradient-sm-canvas-rectangle-height: $kendo-color-gradient-canvas-rectangle-height !default;
-/// The height the medium ColorGradient canvas hsv rectangle.
-/// @group color-gradient
-$kendo-color-gradient-md-canvas-rectangle-height: $kendo-color-gradient-canvas-rectangle-height !default;
-/// The height the large ColorGradient canvas hsv rectangle.
-/// @group color-gradient
-$kendo-color-gradient-lg-canvas-rectangle-height: 268px !default;
+$kendo-color-gradient-canvas-rectangle-height: 100% !default;
 
 /// The spacing between the items of the small ColorGradient canvas.
 /// @group color-gradient
@@ -131,7 +122,7 @@ $kendo-color-gradient-slider-draghandle-border-width: 3px !default;
 
 /// The height of the ColorGradient vertical slider.
 /// @group color-gradient
-$kendo-color-gradient-slider-vertical-size: 180px !default;
+$kendo-color-gradient-slider-vertical-size: 100% !default;
 /// The width of the ColorGradient horizontal slider.
 /// @group color-gradient
 $kendo-color-gradient-slider-horizontal-size: 100% !default;
@@ -139,16 +130,6 @@ $kendo-color-gradient-slider-horizontal-size: 100% !default;
 /// @group color-gradient
 $kendo-color-gradient-slider-alpha-bgr: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC" !default;
 
-/// The height of the small ColorGradient vertical slider.
-/// @group color-gradient
-$kendo-color-gradient-sm-slider-vertical-size: $kendo-color-gradient-slider-vertical-size !default;
-/// The height of the medium ColorGradient vertical slider.
-/// @group color-gradient
-$kendo-color-gradient-md-slider-vertical-size: $kendo-color-gradient-slider-vertical-size !default;
-/// The height of the large ColorGradient vertical slider.
-/// @group color-gradient
-$kendo-color-gradient-lg-slider-vertical-size: 268px !default;
-
 /// The width of the ColorGradient canvas drag handle.
 /// @group color-gradient
 $kendo-color-gradient-draghandle-width: 14px !default;
@@ -225,8 +206,6 @@ $kendo-color-gradient-contrast-spacer: calc( #{$kendo-color-gradient-spacer} / 1
 $kendo-color-gradient-sizes: (
     sm: (
         width: $kendo-color-gradient-sm-width,
-        vertical-slider-height: $kendo-color-gradient-sm-slider-vertical-size,
-        rectangle-height: $kendo-color-gradient-sm-canvas-rectangle-height,
         input-width: $kendo-color-gradient-sm-input-width,
         gap: $kendo-color-gradient-sm-gap,
         canvas-gap: $kendo-color-gradient-sm-canvas-gap,
@@ -235,8 +214,6 @@ $kendo-color-gradient-sizes: (
     ),
     md: (
         width: $kendo-color-gradient-md-width,
-        vertical-slider-height: $kendo-color-gradient-md-slider-vertical-size,
-        rectangle-height: $kendo-color-gradient-md-canvas-rectangle-height,
         input-width: $kendo-color-gradient-md-input-width,
         gap: $kendo-color-gradient-md-gap,
         canvas-gap: $kendo-color-gradient-md-canvas-gap,
@@ -245,8 +222,6 @@ $kendo-color-gradient-sizes: (
     ),
     lg: (
         width: $kendo-color-gradient-lg-width,
-        vertical-slider-height: $kendo-color-gradient-lg-slider-vertical-size,
-        rectangle-height: $kendo-color-gradient-lg-canvas-rectangle-height,
         input-width: $kendo-color-gradient-lg-input-width,
         gap: $kendo-color-gradient-lg-gap,
         canvas-gap: $kendo-color-gradient-lg-canvas-gap,
@@ -280,9 +255,6 @@ $kendo-color-gradient-sizes: (
     $kendo-color-gradient-canvas-border-radius: $kendo-color-gradient-canvas-border-radius,
     $kendo-color-gradient-canvas-gap: $kendo-color-gradient-canvas-gap,
     $kendo-color-gradient-canvas-rectangle-height: $kendo-color-gradient-canvas-rectangle-height,
-    $kendo-color-gradient-sm-canvas-rectangle-height: $kendo-color-gradient-sm-canvas-rectangle-height,
-    $kendo-color-gradient-md-canvas-rectangle-height: $kendo-color-gradient-md-canvas-rectangle-height,
-    $kendo-color-gradient-lg-canvas-rectangle-height: $kendo-color-gradient-lg-canvas-rectangle-height,
     $kendo-color-gradient-sm-canvas-gap: $kendo-color-gradient-sm-canvas-gap,
     $kendo-color-gradient-md-canvas-gap: $kendo-color-gradient-md-canvas-gap,
     $kendo-color-gradient-lg-canvas-gap: $kendo-color-gradient-lg-canvas-gap,
@@ -298,9 +270,6 @@ $kendo-color-gradient-sizes: (
     $kendo-color-gradient-slider-vertical-size: $kendo-color-gradient-slider-vertical-size,
     $kendo-color-gradient-slider-horizontal-size: $kendo-color-gradient-slider-horizontal-size,
     $kendo-color-gradient-slider-alpha-bgr: $kendo-color-gradient-slider-alpha-bgr,
-    $kendo-color-gradient-sm-slider-vertical-size: $kendo-color-gradient-sm-slider-vertical-size,
-    $kendo-color-gradient-md-slider-vertical-size: $kendo-color-gradient-md-slider-vertical-size,
-    $kendo-color-gradient-lg-slider-vertical-size: $kendo-color-gradient-lg-slider-vertical-size,
     $kendo-color-gradient-draghandle-width: $kendo-color-gradient-draghandle-width,
     $kendo-color-gradient-draghandle-height: $kendo-color-gradient-draghandle-height,
     $kendo-color-gradient-draghandle-border-width: $kendo-color-gradient-draghandle-border-width,

package/scss/dialog/_variables.scss

@@ -27,6 +27,10 @@ $kendo-dialog-buttongroup-border-width: 1px !default;
 /// @group dialog
 $kendo-dialog-button-spacing: $kendo-actions-button-spacing !default;
 
+/// The background color of the Dialog.
+/// @group dialog
+$kendo-dialog-bg: k-color(app-surface) !default;
+
 /// The theme colors map for the Dialog.
 /// @group dialog
 $kendo-dialog-theme-colors: (
@@ -44,5 +48,6 @@ $kendo-dialog-theme-colors: (
     $kendo-dialog-buttongroup-padding-y: $kendo-dialog-buttongroup-padding-y,
     $kendo-dialog-buttongroup-border-width: $kendo-dialog-buttongroup-border-width,
     $kendo-dialog-button-spacing: $kendo-dialog-button-spacing,
+    $kendo-dialog-bg: $kendo-dialog-bg,
     $kendo-dialog-theme-colors: $kendo-dialog-theme-colors
 );

package/scss/drawer/_variables.scss

@@ -50,18 +50,30 @@ $kendo-drawer-scrollbar-radius: 20px !default;
 /// @group drawer
 $kendo-drawer-scrollbar-hover-color: rgba( 156, 156, 156, 1 ) !default;
 
+/// The horizontal padding of the Drawer items.
+/// @group drawer
+$kendo-drawer-items-padding-x: 0 !default;
+/// The vertical padding of the Drawer items.
+/// @group drawer
+$kendo-drawer-items-padding-y: 0 !default;
 /// The horizontal padding of the Drawer item.
 /// @group drawer
 $kendo-drawer-item-padding-x: k-spacing(4) !default;
 /// The vertical padding of the Drawer item.
 /// @group drawer
 $kendo-drawer-item-padding-y: k-spacing(2) !default;
+/// The spacing between the items in the Drawer item.
+/// @group drawer
+$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;
 /// The line height of the Drawer item.
 /// @group drawer
 $kendo-drawer-item-line-height: $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;
 
 /// The horizontal padding of the Drawer item in each level.
 /// @group drawer
@@ -69,6 +81,9 @@ $kendo-drawer-item-level-padding-x: $kendo-drawer-item-padding-x !default;
 /// The count of the Drawer item levels.
 /// @group drawer
 $kendo-drawer-item-level-count: 5 !default;
+/// The border radius of the Drawer item.
+/// @group drawer
+$kendo-drawer-item-border-radius: null !default;
 
 /// The horizontal padding of the Drawer icon.
 /// @group drawer
@@ -110,6 +125,10 @@ $kendo-drawer-selected-hover-bg: k-color(primary-hover) !default;
 /// @group drawer
 $kendo-drawer-selected-hover-text: k-color(on-primary) !default;
 
+/// The background color of the selected and focused Drawer item.
+/// @group drawer
+$kendo-drawer-selected-focus-bg: null !default;
+
 
 @forward "@progress/kendo-theme-core/scss/components/drawer/_variables.scss" with (
     $kendo-drawer-bg: $kendo-drawer-bg,
@@ -126,12 +145,17 @@ $kendo-drawer-selected-hover-text: k-color(on-primary) !default;
     $kendo-drawer-scrollbar-bg: $kendo-drawer-scrollbar-bg,
     $kendo-drawer-scrollbar-radius: $kendo-drawer-scrollbar-radius,
     $kendo-drawer-scrollbar-hover-color: $kendo-drawer-scrollbar-hover-color,
+    $kendo-drawer-items-padding-x: $kendo-drawer-items-padding-x,
+    $kendo-drawer-items-padding-y: $kendo-drawer-items-padding-y,
     $kendo-drawer-item-padding-x: $kendo-drawer-item-padding-x,
     $kendo-drawer-item-padding-y: $kendo-drawer-item-padding-y,
+    $kendo-drawer-item-spacing: $kendo-drawer-item-spacing,
     $kendo-drawer-item-font-size: $kendo-drawer-item-font-size,
     $kendo-drawer-item-line-height: $kendo-drawer-item-line-height,
+    $kendo-drawer-item-font-weight: $kendo-drawer-item-font-weight,
     $kendo-drawer-item-level-padding-x: $kendo-drawer-item-level-padding-x,
     $kendo-drawer-item-level-count: $kendo-drawer-item-level-count,
+    $kendo-drawer-item-border-radius: $kendo-drawer-item-border-radius,
     $kendo-drawer-icon-padding-x: $kendo-drawer-icon-padding-x,
     $kendo-drawer-icon-padding-y: $kendo-drawer-icon-padding-y,
     $kendo-drawer-mini-initial-width: $kendo-drawer-mini-initial-width,
@@ -142,5 +166,6 @@ $kendo-drawer-selected-hover-text: k-color(on-primary) !default;
     $kendo-drawer-selected-bg: $kendo-drawer-selected-bg,
     $kendo-drawer-selected-text: $kendo-drawer-selected-text,
     $kendo-drawer-selected-hover-bg: $kendo-drawer-selected-hover-bg,
-    $kendo-drawer-selected-hover-text: $kendo-drawer-selected-hover-text
+    $kendo-drawer-selected-hover-text: $kendo-drawer-selected-hover-text,
+    $kendo-drawer-selected-focus-bg: $kendo-drawer-selected-focus-bg
 );

package/scss/list/_variables.scss

@@ -60,6 +60,20 @@ $kendo-list-header-font-weight: var( --kendo-font-weight-bold, normal ) !default
 /// @group list
 $kendo-list-filter-padding: k-spacing(2) !default;
 
+/// The horizontal padding of the List filter, when no size is set.
+/// @group list
+$kendo-list-filter-padding-x: $kendo-list-filter-padding !default;
+$kendo-list-sm-filter-padding-x: $kendo-list-filter-padding !default;
+$kendo-list-md-filter-padding-x: $kendo-list-filter-padding !default;
+$kendo-list-lg-filter-padding-x: $kendo-list-filter-padding !default;
+
+/// The vertical padding of the List filter, when no size is set.
+/// @group list
+$kendo-list-filter-padding-y: $kendo-list-filter-padding !default;
+$kendo-list-sm-filter-padding-y: $kendo-list-filter-padding !default;
+$kendo-list-md-filter-padding-y: $kendo-list-filter-padding !default;
+$kendo-list-lg-filter-padding-y: $kendo-list-filter-padding !default;
+
 /// The horizontal padding of the List items, when no size is set.
 /// @group list
 $kendo-list-item-padding-x: null !default;
@@ -124,6 +138,29 @@ $kendo-list-lg-group-item-line-height: null !default;
 /// @group list
 $kendo-list-group-item-font-weight: var( --kendo-font-weight-bold, normal ) !default;
 
+/// The font size of the List item group label.
+/// @group list
+$kendo-list-item-group-label-sm-font-size: .75em !default;
+$kendo-list-item-group-label-md-font-size: .75em !default;
+$kendo-list-item-group-label-lg-font-size: .75em !default;
+
+/// The line-height of the List item group label.
+/// @group list
+$kendo-list-item-group-label-sm-line-height: inherit !default;
+$kendo-list-item-group-label-md-line-height: inherit !default;
+$kendo-list-item-group-label-lg-line-height: inherit !default;
+
+/// The horizontal padding of the List item group label.
+/// @group list
+$kendo-list-item-group-label-sm-padding-x: .5em !default;
+$kendo-list-item-group-label-md-padding-x: .5em !default;
+$kendo-list-item-group-label-lg-padding-x: .5em !default;
+
+/// The vertical padding of the List item group label.
+/// @group list
+$kendo-list-item-group-label-sm-padding-y: 0 !default;
+$kendo-list-item-group-label-md-padding-y: 0 !default;
+$kendo-list-item-group-label-lg-padding-y: 0 !default;
 
 /// The map with the sizes of the List.
 /// @group list
@@ -142,7 +179,13 @@ $kendo-list-sizes: (
         group-item-padding-x: $kendo-list-sm-group-item-padding-x,
         group-item-padding-y: $kendo-list-sm-group-item-padding-y,
         group-item-font-size: null,
-        group-item-line-height: null
+        group-item-line-height: null,
+        item-group-label-padding-x: $kendo-list-item-group-label-sm-padding-x,
+        item-group-label-padding-y: $kendo-list-item-group-label-sm-padding-y,
+        item-group-label-font-size: $kendo-list-item-group-label-sm-font-size,
+        item-group-label-line-height: $kendo-list-item-group-label-sm-line-height,
+        filter-padding-x: $kendo-list-sm-filter-padding-x,
+        filter-padding-y: $kendo-list-sm-filter-padding-y
     ),
     md: (
         font-size: $kendo-list-md-font-size,
@@ -158,7 +201,13 @@ $kendo-list-sizes: (
         group-item-padding-x: $kendo-list-md-group-item-padding-x,
         group-item-padding-y: $kendo-list-md-group-item-padding-y,
         group-item-font-size: null,
-        group-item-line-height: null
+        group-item-line-height: null,
+        item-group-label-padding-x: $kendo-list-item-group-label-md-padding-x,
+        item-group-label-padding-y: $kendo-list-item-group-label-md-padding-y,
+        item-group-label-font-size: $kendo-list-item-group-label-md-font-size,
+        item-group-label-line-height: $kendo-list-item-group-label-md-line-height,
+        filter-padding-x: $kendo-list-md-filter-padding-x,
+        filter-padding-y: $kendo-list-md-filter-padding-y
     ),
     lg: (
         font-size: $kendo-list-lg-font-size,
@@ -174,7 +223,13 @@ $kendo-list-sizes: (
         group-item-padding-x: $kendo-list-lg-group-item-padding-x,
         group-item-padding-y: $kendo-list-lg-group-item-padding-y,
         group-item-font-size: null,
-        group-item-line-height: null
+        group-item-line-height: null,
+        item-group-label-padding-x: $kendo-list-item-group-label-lg-padding-x,
+        item-group-label-padding-y: $kendo-list-item-group-label-lg-padding-y,
+        item-group-label-font-size: $kendo-list-item-group-label-lg-font-size,
+        item-group-label-line-height: $kendo-list-item-group-label-lg-line-height,
+        filter-padding-x: $kendo-list-lg-filter-padding-x,
+        filter-padding-y: $kendo-list-lg-filter-padding-y
     )
 ) !default;
 
@@ -306,6 +361,18 @@ $kendo-list-option-label-text: k-color(subtle) !default;
     $kendo-list-sm-group-item-padding-y: $kendo-list-sm-group-item-padding-y,
     $kendo-list-md-group-item-padding-y: $kendo-list-md-group-item-padding-y,
     $kendo-list-lg-group-item-padding-y: $kendo-list-lg-group-item-padding-y,
+    $kendo-list-item-group-label-sm-padding-x: $kendo-list-item-group-label-sm-padding-x,
+    $kendo-list-item-group-label-md-padding-x: $kendo-list-item-group-label-md-padding-x,
+    $kendo-list-item-group-label-lg-padding-x: $kendo-list-item-group-label-lg-padding-x,
+    $kendo-list-item-group-label-sm-padding-y: $kendo-list-item-group-label-sm-padding-y,
+    $kendo-list-item-group-label-md-padding-y: $kendo-list-item-group-label-md-padding-y,
+    $kendo-list-item-group-label-lg-padding-y: $kendo-list-item-group-label-lg-padding-y,
+    $kendo-list-item-group-label-sm-font-size: $kendo-list-item-group-label-sm-font-size,
+    $kendo-list-item-group-label-md-font-size: $kendo-list-item-group-label-md-font-size,
+    $kendo-list-item-group-label-lg-font-size: $kendo-list-item-group-label-lg-font-size,
+    $kendo-list-item-group-label-sm-line-height: $kendo-list-item-group-label-sm-line-height,
+    $kendo-list-item-group-label-md-line-height: $kendo-list-item-group-label-md-line-height,
+    $kendo-list-item-group-label-lg-line-height: $kendo-list-item-group-label-lg-line-height,
     $kendo-list-group-item-border-width: $kendo-list-group-item-border-width,
     $kendo-list-group-item-font-size: $kendo-list-group-item-font-size,
     $kendo-list-sm-group-item-font-size: $kendo-list-sm-group-item-font-size,
@@ -315,6 +382,14 @@ $kendo-list-option-label-text: k-color(subtle) !default;
     $kendo-list-sm-group-item-line-height: $kendo-list-sm-group-item-line-height,
     $kendo-list-md-group-item-line-height: $kendo-list-md-group-item-line-height,
     $kendo-list-lg-group-item-line-height: $kendo-list-lg-group-item-line-height,
+    $kendo-list-filter-padding-x: $kendo-list-filter-padding-x,
+    $kendo-list-filter-padding-y: $kendo-list-filter-padding-y,
+    $kendo-list-sm-filter-padding-x: $kendo-list-sm-filter-padding-x,
+    $kendo-list-sm-filter-padding-y: $kendo-list-sm-filter-padding-y,
+    $kendo-list-md-filter-padding-x: $kendo-list-md-filter-padding-x,
+    $kendo-list-md-filter-padding-y: $kendo-list-md-filter-padding-y,
+    $kendo-list-lg-filter-padding-x: $kendo-list-lg-filter-padding-x,
+    $kendo-list-lg-filter-padding-y: $kendo-list-lg-filter-padding-y,
     $kendo-list-group-item-font-weight: $kendo-list-group-item-font-weight,
     $kendo-list-sizes: $kendo-list-sizes,
     $kendo-list-bg: $kendo-list-bg,

package/scss/menu/_variables.scss

@@ -134,6 +134,12 @@ $kendo-menu-scroll-button-hover-border: null !default;
 /// @group menu
 $kendo-menu-scroll-button-hover-gradient: null !default;
 
+/// The horizontal padding of the Menu icon.
+/// @group menu
+$kendo-menu-icon-padding-x: null !default;
+/// The vertical padding of the Menu icon.
+/// @group menu
+$kendo-menu-icon-padding-y: null !default;
 
 // Menu Separator
 
@@ -312,6 +318,8 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
     $kendo-menu-scroll-button-hover-text: $kendo-menu-scroll-button-hover-text,
     $kendo-menu-scroll-button-hover-border: $kendo-menu-scroll-button-hover-border,
     $kendo-menu-scroll-button-hover-gradient: $kendo-menu-scroll-button-hover-gradient,
+    $kendo-menu-icon-padding-x: $kendo-menu-icon-padding-x,
+    $kendo-menu-icon-padding-y: $kendo-menu-icon-padding-y,
     $kendo-menu-separator-margin-inline: $kendo-menu-separator-margin-inline,
     $kendo-menu-separator-margin-block: $kendo-menu-separator-margin-block,
     $kendo-menu-separator-border: $kendo-menu-separator-border,

package/scss/notification/_variables.scss

@@ -31,6 +31,12 @@ $kendo-notification-font-size: var( --kendo-font-size-sm, inherit ) !default;
 /// The line height of the Notification.
 /// @group notification
 $kendo-notification-line-height: var( --kendo-line-height, normal ) !default;
+/// The horizontal padding of the Notification actions.
+/// @group notification
+$kendo-notification-actions-padding-x: null !default;
+/// The vertical padding of the Notification actions.
+/// @group notification
+$kendo-notification-actions-padding-y: $kendo-notification-actions-padding-x !default;
 /// The background color of the Notification.
 /// @group notification
 $kendo-notification-bg: k-color(surface-alt) !default;
@@ -76,6 +82,8 @@ $kendo-notification-theme: notification-theme( $kendo-notification-theme-colors
     $kendo-notification-font-family: $kendo-notification-font-family,
     $kendo-notification-font-size: $kendo-notification-font-size,
     $kendo-notification-line-height: $kendo-notification-line-height,
+    $kendo-notification-actions-padding-x: $kendo-notification-actions-padding-x,
+    $kendo-notification-actions-padding-y: $kendo-notification-actions-padding-y,
     $kendo-notification-bg: $kendo-notification-bg,
     $kendo-notification-text: $kendo-notification-text,
     $kendo-notification-border: $kendo-notification-border,

package/scss/slider/_variables.scss

@@ -76,6 +76,9 @@ $kendo-slider-draghandle-hover-border: k-color(primary-hover) !default;
 /// The gradient of the hovered Slider drag handle.
 /// @group slider
 $kendo-slider-draghandle-hover-gradient: null !default;
+/// The shadow of the hovered Slider drag handle.
+/// @group slider
+$kendo-slider-draghandle-hover-shadow: null !default;
 
 /// The background color of the active Slider drag handle.
 /// @group slider
@@ -124,6 +127,9 @@ $kendo-slider-tick-horizontal-image: "data:image/gif;base64,R0lGODlhAQC0AIABALi4
 /// @group slider
 $kendo-slider-tick-vertical-image: "data:image/gif;base64,R0lGODlhtAABAIABALi4uAAAACH5BAEAAAEALAAAAAC0AAEAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7" !default;
 
+/// The background color of the Slider tick marker.
+/// @group slider
+$kendo-slider-tick-marker-bg: null !default;
 
 @forward "@progress/kendo-theme-core/scss/components/slider/_variables.scss" with (
     $kendo-slider-size: $kendo-slider-size,
@@ -149,6 +155,7 @@ $kendo-slider-tick-vertical-image: "data:image/gif;base64,R0lGODlhtAABAIABALi4uA
     $kendo-slider-draghandle-hover-text: $kendo-slider-draghandle-hover-text,
     $kendo-slider-draghandle-hover-border: $kendo-slider-draghandle-hover-border,
     $kendo-slider-draghandle-hover-gradient: $kendo-slider-draghandle-hover-gradient,
+    $kendo-slider-draghandle-hover-shadow: $kendo-slider-draghandle-hover-shadow,
     $kendo-slider-draghandle-pressed-bg: $kendo-slider-draghandle-pressed-bg,
     $kendo-slider-draghandle-pressed-text: $kendo-slider-draghandle-pressed-text,
     $kendo-slider-draghandle-pressed-border: $kendo-slider-draghandle-pressed-border,
@@ -162,5 +169,6 @@ $kendo-slider-tick-vertical-image: "data:image/gif;base64,R0lGODlhtAABAIABALi4uA
     $kendo-slider-selection-bg: $kendo-slider-selection-bg,
     $kendo-slider-disabled-opacity: $kendo-slider-disabled-opacity,
     $kendo-slider-tick-horizontal-image: $kendo-slider-tick-horizontal-image,
-    $kendo-slider-tick-vertical-image: $kendo-slider-tick-vertical-image
+    $kendo-slider-tick-vertical-image: $kendo-slider-tick-vertical-image,
+    $kendo-slider-tick-marker-bg: $kendo-slider-tick-marker-bg
 );