@progress/kendo-theme-classic 8.0.0-dev.4 → 8.0.0-dev.6

package/dist/all.css

@@ -29283,7 +29283,7 @@ kendo-sortable {
 }
 
 .k-h1 {
-    font-size: var(--kendo-h1-font-size, calc(var( --kendo-font-size, inherit )*4));
+    font-size: var(--kendo-h1-font-size, calc(var( --kendo-font-size, .875rem )*4));
     font-family: var(--kendo-h1-font-family, var(--kendo-font-family, inherit));
     line-height: var(--kendo-h1-line-height, 74px);
     font-weight: var(--kendo-h1-font-weight, var(--kendo-font-weight-normal, normal));
@@ -29292,7 +29292,7 @@ kendo-sortable {
 }
 
 .k-h2 {
-    font-size: var(--kendo-h2-font-size, calc(var( --kendo-font-size, inherit )*3));
+    font-size: var(--kendo-h2-font-size, calc(var( --kendo-font-size, .875rem )*3));
     font-family: var(--kendo-h2-font-family, var(--kendo-font-family, inherit));
     line-height: var(--kendo-h2-line-height, 56px);
     font-weight: var(--kendo-h2-font-weight, var(--kendo-font-weight-normal, normal));
@@ -29301,7 +29301,7 @@ kendo-sortable {
 }
 
 .k-h3 {
-    font-size: var(--kendo-h3-font-size, calc(var( --kendo-font-size, inherit )*2.5));
+    font-size: var(--kendo-h3-font-size, calc(var( --kendo-font-size, .875rem )*2.5));
     font-family: var(--kendo-h3-font-family, var(--kendo-font-family, inherit));
     line-height: var(--kendo-h3-line-height, 42px);
     font-weight: var(--kendo-h3-font-weight, var(--kendo-font-weight-normal, normal));
@@ -29310,7 +29310,7 @@ kendo-sortable {
 }
 
 .k-h4 {
-    font-size: var(--kendo-h4-font-size, calc(var( --kendo-font-size, inherit )*2));
+    font-size: var(--kendo-h4-font-size, calc(var( --kendo-font-size, .875rem )*2));
     font-family: var(--kendo-h4-font-family, var(--kendo-font-family, inherit));
     line-height: var(--kendo-h4-line-height, 40px);
     font-weight: var(--kendo-h4-font-weight, var(--kendo-font-weight-bold, normal));
@@ -29319,7 +29319,7 @@ kendo-sortable {
 }
 
 .k-h5 {
-    font-size: var(--kendo-h5-font-size, calc(var( --kendo-font-size, inherit )*1.5));
+    font-size: var(--kendo-h5-font-size, calc(var( --kendo-font-size, .875rem )*1.5));
     font-family: var(--kendo-h5-font-family, var(--kendo-font-family, inherit));
     line-height: var(--kendo-h5-line-height, 28px);
     font-weight: var(--kendo-h5-font-weight, var(--kendo-font-weight-bold, normal));
@@ -29377,7 +29377,7 @@ kendo-sortable {
 }
 
 .k-display-1 {
-    font-size: var(--kendo-display1-font-size, calc(var( --kendo-font-size, inherit )*8));
+    font-size: var(--kendo-display1-font-size, calc(var( --kendo-font-size, .875rem )*8));
     font-family: var(--kendo-display1-font-family, var(--kendo-font-family, inherit));
     line-height: var(--kendo-display1-line-height, 1.2);
     font-weight: var(--kendo-display1-font-weight, var(--kendo-font-weight-light, normal));
@@ -29385,7 +29385,7 @@ kendo-sortable {
 }
 
 .k-display-2 {
-    font-size: var(--kendo-display2-font-size, calc(var( --kendo-font-size, inherit )*7));
+    font-size: var(--kendo-display2-font-size, calc(var( --kendo-font-size, .875rem )*7));
     font-family: var(--kendo-display2-font-family, var(--kendo-font-family, inherit));
     line-height: var(--kendo-display2-line-height, 1.2);
     font-weight: var(--kendo-display2-font-weight, var(--kendo-font-weight-light, normal));
@@ -29393,7 +29393,7 @@ kendo-sortable {
 }
 
 .k-display-3 {
-    font-size: var(--kendo-display3-font-size, calc(var( --kendo-font-size, inherit )*6));
+    font-size: var(--kendo-display3-font-size, calc(var( --kendo-font-size, .875rem )*6));
     font-family: var(--kendo-display3-font-family, var(--kendo-font-family, inherit));
     line-height: var(--kendo-display3-line-height, 1.2);
     font-weight: var(--kendo-display3-font-weight, var(--kendo-font-weight-light, normal));
@@ -29401,7 +29401,7 @@ kendo-sortable {
 }
 
 .k-display-4 {
-    font-size: var(--kendo-display4-font-size, calc(var( --kendo-font-size, inherit )*5));
+    font-size: var(--kendo-display4-font-size, calc(var( --kendo-font-size, .875rem )*5));
     font-family: var(--kendo-display4-font-family, var(--kendo-font-family, inherit));
     line-height: var(--kendo-display4-line-height, 1.2);
     font-weight: var(--kendo-display4-font-weight, var(--kendo-font-weight-light, normal));
@@ -54297,8 +54297,8 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 
 .k-scrollview-nav > .k-link::before {
     content: "";
-    width: 10pxvar(--kendo-spacing-5, 1.25rem);
-    height: 10pxvar(--kendo-spacing-5, 1.25rem);
+    width: calc(10px + var(--kendo-spacing-5, 1.25rem));
+    height: calc(10px + var(--kendo-spacing-5, 1.25rem));
     display: block;
     position: absolute;
     top: 50%;
@@ -54585,7 +54585,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 
 .k-chart-tooltip {
     border-radius: var(--kendo-border-radius-md, 0.25rem);
-    font-size: calc(var( --kendo-font-size, inherit )*0.929);
+    font-size: 0.812875rem;
     line-height: var(--kendo-line-height, normal);
     padding-block: var(--kendo-spacing-1, 0.25rem);
     padding-inline: var(--kendo-spacing-2, 0.5rem);

package/dist/all.scss

@@ -12341,25 +12341,25 @@ $kendo-utils: (
 // #region @import "./_text-decoration.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/typography/_text-decoration.scss
 /// This is equivalent to `text-decoration: underline;`.
 /// @example text-decoration: underline;
-/// @name .k-underline
+/// @name .k-text-underline
 /// @group text-decoration
 /// @contextType css
 
 /// This is equivalent to `text-decoration: overline;`.
 /// @example text-decoration: overline;
-/// @name .k-overline
+/// @name .k-text-overline
 /// @group text-decoration
 /// @contextType css
 
 /// This is equivalent to `text-decoration: line-through;`.
 /// @example text-decoration: line-through;
-/// @name .k-line-through
+/// @name .k-text-line-through
 /// @group text-decoration
 /// @contextType css
 
 /// This is equivalent to `text-decoration: none-decoration;`.
 /// @example text-decoration: none-decoration;
-/// @name .k-none-decoration
+/// @name .k-text-no-underline
 /// @group text-decoration
 /// @contextType css
 
@@ -15120,11 +15120,11 @@ $_kendo-module-meta: (
 
 
 // Headings
-$kendo-h1-font-size: calc( var( --kendo-font-size, inherit ) * 4 ) !default;
-$kendo-h2-font-size: calc( var( --kendo-font-size, inherit ) * 3 ) !default;
-$kendo-h3-font-size: calc( var( --kendo-font-size, inherit ) * 2.5 ) !default;
-$kendo-h4-font-size: calc( var( --kendo-font-size, inherit ) * 2 ) !default;
-$kendo-h5-font-size: calc( var( --kendo-font-size, inherit ) * 1.5 ) !default;
+$kendo-h1-font-size: calc( var( --kendo-font-size, .875rem ) * 4 ) !default;
+$kendo-h2-font-size: calc( var( --kendo-font-size, .875rem ) * 3 ) !default;
+$kendo-h3-font-size: calc( var( --kendo-font-size, .875rem ) * 2.5 ) !default;
+$kendo-h4-font-size: calc( var( --kendo-font-size, .875rem ) * 2 ) !default;
+$kendo-h5-font-size: calc( var( --kendo-font-size, .875rem ) * 1.5 ) !default;
 $kendo-h6-font-size: var( --kendo-font-size, inherit ) !default;
 
 $kendo-h1-font-family: var( --kendo-font-family, inherit ) !default;
@@ -15243,10 +15243,10 @@ $kendo-code-border: $kendo-component-border !default;
 
 
 // Display
-$kendo-display1-font-size: calc( var( --kendo-font-size, inherit ) * 8 ) !default;
-$kendo-display2-font-size: calc( var( --kendo-font-size, inherit ) * 7 ) !default;
-$kendo-display3-font-size: calc( var( --kendo-font-size, inherit ) * 6 ) !default;
-$kendo-display4-font-size: calc( var( --kendo-font-size, inherit ) * 5 ) !default;
+$kendo-display1-font-size: calc( var( --kendo-font-size, .875rem ) * 8 ) !default;
+$kendo-display2-font-size: calc( var( --kendo-font-size, .875rem ) * 7 ) !default;
+$kendo-display3-font-size: calc( var( --kendo-font-size, .875rem ) * 6 ) !default;
+$kendo-display4-font-size: calc( var( --kendo-font-size, .875rem ) * 5 ) !default;
 
 $kendo-display1-font-family: var( --kendo-font-family, inherit ) !default;
 $kendo-display2-font-family: var( --kendo-font-family, inherit ) !default;
@@ -42125,119 +42125,161 @@ $_kendo-module-meta: (
 
 // Component
 // #region @import "./_variables.scss"; -> scss/tabstrip/_variables.scss
-// Tabstrip
+// TabStrip
+
+
+/// The horizontal padding of the TabStrip wrapper.
+/// @group tabstrip
 $kendo-tabstrip-wrapper-padding-x: k-spacing(0) !default;
+/// The vertical padding of the TabStrip wrapper.
+/// @group tabstrip
 $kendo-tabstrip-wrapper-padding-y: k-spacing(0) !default;
+/// The border width around the TabStrip wrapper.
+/// @group tabstrip
 $kendo-tabstrip-wrapper-border-width: 0px !default;
 
+/// The font family of the TabStrip.
+/// @group tabstrip
 $kendo-tabstrip-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font size of the TabStrip.
+/// @group tabstrip
 $kendo-tabstrip-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the TabStrip.
+/// @group tabstrip
 $kendo-tabstrip-line-height: var( --kendo-line-height, normal )!default;
+/// The border width around the TabStrip.
+/// @group tabstrip
 $kendo-tabstrip-border-width: 1px !default;
 
+/// The background color of the TabStrip wrapper.
+/// @group tabstrip
 $kendo-tabstrip-wrapper-bg: null !default;
+/// The text color of the TabStrip wrapper.
+/// @group tabstrip
 $kendo-tabstrip-wrapper-text: null !default;
+/// The border color of the TabStrip wrapper.
+/// @group tabstrip
 $kendo-tabstrip-wrapper-border: null !default;
 
-/// Background color of tabstrip component
+/// The background color of the TabStrip.
 /// @group tabstrip
 $kendo-tabstrip-bg: null !default;
-/// Text color of tabstrip component
+/// The text color of the TabStrip.
 /// @group tabstrip
 $kendo-tabstrip-text: $kendo-component-text !default;
-/// Border color of tabstrip component
+/// The border color of the TabStrip.
 /// @group tabstrip
 $kendo-tabstrip-border: $kendo-component-border !default;
 
-/// Horizontal padding of tabs
+/// The horizontal padding of the TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-item-padding-x: k-spacing(2) !default;
-/// Vertical padding of tabs
+/// The vertical padding of the TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-item-padding-y: k-spacing(1) !default;
-/// Width of border around tabs
+/// The border width around the TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-item-border-width: 1px !default;
-/// Border radius of tabs
+/// The border radius of the TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-item-border-radius: k-border-radius(md) !default;
-/// Spacing between tabs
+/// The gap between the TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-item-gap: k-spacing(0) !default;
 
-/// Background color of tabs
+///  The background color of the TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-item-bg: $kendo-base-bg !default;
-/// Text color of tabs
+/// The text color of the TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-item-text: $kendo-base-text !default;
-/// Border color of tabs
+/// The border color of the TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-item-border: $kendo-base-border !default;
-/// Background gradient of tabs
+/// The gradient of the TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-item-gradient: $kendo-base-gradient !default;
 
-/// Background color of hovered tabs
+/// The background color of the hovered TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-item-hover-bg: $kendo-hover-bg !default;
-/// Text color of hovered tabs
+/// The text color of the hovered TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-item-hover-text: $kendo-hover-text !default;
-/// Border color of hovered tabs
+/// The border color of the hovered TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-item-hover-border: $kendo-hover-border !default;
-/// Background gradient of hovered tabs
+/// The gradient of the hovered TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-item-hover-gradient: null !default;
 
-/// Background color of selected tabs
+/// The background color of the selected TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-item-selected-bg: $kendo-component-bg !default;
-/// Text color of selected tabs
+/// The text color of the selected TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-item-selected-text: $kendo-component-text !default;
-/// Border color of selected tabs
+/// The border color of the selected TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-item-selected-border: $kendo-component-border !default;
-/// Background gradient of selected tabs
+/// The gradient of the selected TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-item-selected-gradient: false !default;
 
+/// The shadow of the focused TabStrip items.
+/// @group tabstrip
 $kendo-tabstrip-item-focus-shadow: $kendo-list-item-focus-shadow !default;
 
+/// The shadow of the dragged TabStrip items.
+/// @group tabstrip
 $kendo-tabstrip-item-dragging-shadow: k-elevation(3) !default;
 
+/// The background color of the disabled TabStrip items.
+/// @group tabstrip
 $kendo-tabstrip-item-disabled-bg: null !default;
+/// The text color of the disabled TabStrip items.
+/// @group tabstrip
 $kendo-tabstrip-item-disabled-text: null !default;
+/// The border color of the disabled TabStrip items.
+/// @group tabstrip
 $kendo-tabstrip-item-disabled-border: null !default;
+/// The gradient of the disabled TabStrip items.
+/// @group tabstrip
 $kendo-tabstrip-item-disabled-gradient: null !default;
+/// The opacity of the disabled TabStrip items.
+/// @group tabstrip
 $kendo-tabstrip-item-disabled-opacity: null !default;
+/// The filter of the disabled TabStrip items.
+/// @group tabstrip
 $kendo-tabstrip-item-disabled-filter: null !default;
 
+/// The border width of the TabStrip indicator.
+/// @group tabstrip
 $kendo-tabstrip-indicator-size: null !default;
+/// The border color of the TabStrip ripple.
+/// @group tabstrip
 $kendo-tabstrip-indicator-color: null !default;
 
-/// Horizontal padding of tabstrip content
+/// The horizontal padding of the TabStrip content.
 /// @group tabstrip
 $kendo-tabstrip-content-padding-x: k-spacing(4) !default;
-/// Vertical padding of tabstrip content
+/// The vertical padding of the TabStrip content.
 /// @group tabstrip
 $kendo-tabstrip-content-padding-y: k-spacing(4) !default;
-/// Width of border around tabstrip content
+/// The border width around the TabStrip content.
 /// @group tabstrip
 $kendo-tabstrip-content-border-width: 1px !default;
 
-/// Background color of tabstrip content
+/// The background color of the TabStrip content.
 /// @group tabstrip
 $kendo-tabstrip-content-bg: $kendo-component-bg !default;
-/// Text color of tabstrip content
+/// The text color of the TabStrip content.
 /// @group tabstrip
 $kendo-tabstrip-content-text: $kendo-component-text !default;
-/// Border color of tabstrip content
+/// The border color of the TabStrip content.
 /// @group tabstrip
 $kendo-tabstrip-content-border: $kendo-component-border !default;
-/// Border color of tabstrip focused content
+/// The border color of the focused TabStrip content.
 /// @group tabstrip
 $kendo-tabstrip-content-focus-border: $kendo-component-text !default;
 
@@ -55773,98 +55815,241 @@ $_kendo-module-meta: (
 // Component
 // #region @import "./_variables.scss"; -> scss/scheduler/_variables.scss
 // Scheduler
+
+/// The width of the border around the Scheduler.
+/// @group scheduler
 $kendo-scheduler-border-width: 1px !default;
+/// The font family of the Scheduler.
+/// @group scheduler
 $kendo-scheduler-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font size of the Scheduler.
+/// @group scheduler
 $kendo-scheduler-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the Scheduler.
+/// @group scheduler
 $kendo-scheduler-line-height: var( --kendo-line-height, normal ) !default;
 
+/// The background color of the Scheduler.
+/// @group scheduler
 $kendo-scheduler-bg: $kendo-component-bg !default;
+/// The text color of the Scheduler.
+/// @group scheduler
 $kendo-scheduler-text: $kendo-component-text !default;
+/// The border color of the Scheduler.
+/// @group scheduler
 $kendo-scheduler-border: $kendo-component-border !default;
 
+/// The background color of the Scheduler ToolBar.
+/// @group scheduler
 $kendo-scheduler-toolbar-bg: $kendo-toolbar-bg !default;
+/// The text color of the Scheduler ToolBar.
+/// @group scheduler
 $kendo-scheduler-toolbar-text: $kendo-toolbar-text !default;
+/// The border color of the Scheduler ToolBar.
+/// @group scheduler
 $kendo-scheduler-toolbar-border: $kendo-toolbar-border !default;
+/// The gradient of the Scheduler ToolBar.
+/// @group scheduler
 $kendo-scheduler-toolbar-gradient: $kendo-toolbar-gradient !default;
 
+/// The background color of the Scheduler footer.
+/// @group scheduler
 $kendo-scheduler-footer-bg: $kendo-toolbar-bg !default;
+/// The text color of the Scheduler footer.
+/// @group scheduler
 $kendo-scheduler-footer-text: $kendo-toolbar-text !default;
+/// The border color of the Scheduler footer.
+/// @group scheduler
 $kendo-scheduler-footer-border: $kendo-toolbar-border !default;
+/// The gradient of the Scheduler footer.
+/// @group scheduler
 $kendo-scheduler-footer-gradient: $kendo-toolbar-gradient !default;
 
+/// The minimum height of the Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-min-height: 25px !default;
+/// The border radius of the Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-border-radius: k-border-radius(md) !default;
+/// The line height of the Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-line-height: calc( #{$kendo-scheduler-event-min-height} - (2 * #{$kendo-padding-md-y}) ) !default;
 
+/// The background color of the Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-bg: if($kendo-enable-color-system, k-color( primary ), k-color-tint( $kendo-selected-bg, 2 )) !default;
+/// The text color of the Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-text: $kendo-selected-text !default;
+/// The border color of the Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-border: null !default;
+/// The gradient of the Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-gradient: null !default;
+/// The shadow of the Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-shadow: null !default;
 
+/// The background color of the hovered Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-hover-bg: null !default;
+/// The text color of the hovered Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-hover-text: null !default;
+/// The border color of the hovered Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-hover-border: null !default;
+/// The gradient of the hovered Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-hover-gradient: null !default;
+/// The shadow of the hovered Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-hover-shadow: null !default;
 
+/// The background color of the selected Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-selected-bg: $kendo-selected-bg !default;
+/// The text color of the selected Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-selected-text: $kendo-selected-text !default;
+/// The border color of the selected Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-selected-border: null !default;
+/// The gradient of the selected Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-selected-gradient: null !default;
+/// The shadow of the selected Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-selected-shadow: inset 0 0 0 2px rgba( black, .13 ) !default;
 
+/// The shadow of the ongoing Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-ongoing-shadow: inset 0px 0px 0px 1px #ff0000 !default;
 
+/// The horizontal padding of the Scheduler cell.
+/// @group scheduler
 $kendo-scheduler-cell-padding-x: k-spacing(2) !default;
+/// The vertical padding of the Scheduler cell.
+/// @group scheduler
 $kendo-scheduler-cell-padding-y: k-spacing(2) !default;
+/// The height of the Scheduler cell.
+/// @group scheduler
 $kendo-scheduler-cell-height: $kendo-line-height-em !default;
+/// The width of the Scheduler date column.
+/// @group scheduler
 $kendo-scheduler-datecolumn-width: 12em !default;
+/// The width of the Scheduler time column.
+/// @group scheduler
 $kendo-scheduler-timecolumn-width: 11em !default;
 
+/// The background color of the non-working hours in the Scheduler.
+/// @group scheduler
 $kendo-scheduler-nonwork-bg: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-scheduler-bg, .5 )) !default;
+/// The text color of the non-working hours in the Scheduler.
+/// @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: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-scheduler-bg, .5 )) !default;
+/// The text color of the preceding/subsequent month cells in the Calendar.
+/// @group scheduler
 $kendo-scheduler-othermonth-text: null !default;
 
+/// The horizontal padding of the year view in the Scheduler.
+/// @group scheduler
 $kendo-scheduler-yearview-padding-x: k-spacing(3) !default;
+/// The vertical padding of the year view in the Scheduler.
+/// @group scheduler
 $kendo-scheduler-yearview-padding-y: $kendo-scheduler-yearview-padding-x !default;
 
+/// The spacing between the calendars of the year view in the Scheduler.
+/// @group scheduler
 $kendo-scheduler-yearview-calendar-gap: k-spacing(3) !default;
 
+/// The days with events indicator size of the year view in the Scheduler.
+/// @group scheduler
 $kendo-scheduler-yearview-indicator-size: 3px !default;
+/// The top position of the days with events indicator of the year view in the Scheduler.
+/// @group scheduler
 $kendo-scheduler-yearview-indicator-calc-offset-top: calc( #{$kendo-calendar-cell-size} - (#{$kendo-calendar-cell-padding-y} * 2)) !default;
+/// The left position of the days with events indicator of the year view in the Scheduler.
+/// @group scheduler
 $kendo-scheduler-yearview-indicator-calc-offset-left: calc( 50% - #{k-math-div( $kendo-scheduler-yearview-indicator-size, 2 )} ) !default;
+/// The border radius of the days with events indicator of the year view in the Scheduler.
+/// @group scheduler
 $kendo-scheduler-yearview-indicator-border-radius: 50% !default;
+/// The background color of the days with events indicator of the year view in the Scheduler.
+/// @group scheduler
 $kendo-scheduler-yearview-indicator-bg: $kendo-color-primary !default;
+/// The background color of the selected days with events indicator of the year view in the Scheduler.
+/// @group scheduler
 $kendo-scheduler-yearview-indicator-selected-bg: $kendo-color-primary-contrast !default;
 
+/// The horizontal padding of the Scheduler Tooltip.
+/// @group scheduler
 $kendo-scheduler-tooltip-padding-x: k-spacing(2) !default;
+/// The vertical padding of the Scheduler Tooltip.
+/// @group scheduler
 $kendo-scheduler-tooltip-padding-y: k-spacing(2) !default;
+/// The width of the border of the Scheduler Tooltip.
+/// @group scheduler
 $kendo-scheduler-tooltip-border-width: 0 !default;
+/// The background color of the Scheduler Tooltip.
+/// @group scheduler
 $kendo-scheduler-tooltip-bg: $kendo-color-primary-contrast !default;
+/// The text color of the Scheduler Tooltip.
+/// @group scheduler
 $kendo-scheduler-tooltip-text: $kendo-base-text !default;
+/// The border color of the Scheduler Tooltip.
+/// @group scheduler
 $kendo-scheduler-tooltip-border: null !default;
+/// The shadow of the Scheduler Tooltip.
+/// @group scheduler
 $kendo-scheduler-tooltip-shadow: k-elevation(2) !default;
 
 
 // TODO: use 3
+/// The vertical margin of the Scheduler Tooltip title.
+/// @group scheduler
 $kendo-scheduler-tooltip-title-margin-y: k-spacing(1) !default;
+/// The font size of the month inside the Scheduler Tooltip.
+/// @group scheduler
 $kendo-scheduler-tooltip-month-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The font size of the day inside the Scheduler Tooltip.
+/// @group scheduler
 $kendo-scheduler-tooltip-day-font-size: calc( #{$kendo-scheduler-tooltip-month-font-size} * 2 ) !default;
 
+/// The max height of the events inside the Scheduler Tooltip.
+/// @group scheduler
 $kendo-scheduler-tooltip-events-max-height: 250px !default;
+/// The spacing between the events inside the Scheduler Tooltip.
+/// @group scheduler
 $kendo-scheduler-tooltip-events-gap: k-spacing(1) !default;
 
+/// The horizontal padding of the events inside the Scheduler Tooltip.
+/// @group scheduler
 $kendo-scheduler-tooltip-event-padding-x: k-spacing(2) !default;
+/// The vertical padding of the events inside the Scheduler Tooltip.
+/// @group scheduler
 $kendo-scheduler-tooltip-event-padding-y: k-spacing(1) !default;
+/// The border radius of the events inside the Scheduler Tooltip.
+/// @group scheduler
 $kendo-scheduler-tooltip-event-border-radius: k-border-radius(md) !default;
+/// The spacing between the events items inside the Scheduler Tooltip.
+/// @group scheduler
 $kendo-scheduler-tooltip-event-gap: k-spacing(1) !default;
 
+/// The color of the Scheduler Tooltip callout.
+/// @group scheduler
 $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
 
 // #endregion
@@ -59890,8 +60075,8 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
 
         &::before {
             content: "";
-            width: ($kendo-scrollview-pagebutton-size + $kendo-scrollview-pager-item-spacing);
-            height: ($kendo-scrollview-pagebutton-size + $kendo-scrollview-pager-item-spacing);
+            width: calc( #{$kendo-scrollview-pagebutton-size} + #{$kendo-scrollview-pager-item-spacing} );
+            height: calc( #{$kendo-scrollview-pagebutton-size} + #{$kendo-scrollview-pager-item-spacing} );
             display: block;
             position: absolute;
             top: 50%;
@@ -60457,7 +60642,7 @@ $kendo-chart-line-height: var( --kendo-line-height, normal ) !default;
 $kendo-chart-sm-font-size: 11px !default;
 $kendo-chart-md-font-size: 12px !default;
 $kendo-chart-lg-font-size: 16px !default;
-$kendo-chart-tooltip-font-size: calc( var( --kendo-font-size, inherit ) * .929) !default;
+$kendo-chart-tooltip-font-size: calc( #{$kendo-font-size} * .929) !default;
 $kendo-chart-label-font-size: .857em !default;
 $kendo-chart-title-font-size: 1.143em !default;
 $kendo-chart-pane-title-font-size: $kendo-chart-label-font-size !default;