@progress/kendo-theme-classic 11.1.0-dev.2 → 11.1.0-dev.4

package/scss/slider/_variables.scss

@@ -5,9 +5,6 @@
 /// The default size of the Slider.
 /// @group slider
 $kendo-slider-size: 200px !default;
-/// The default size of the Slider tick.
-/// @group slider
-$kendo-slider-tick-size: null !default;
 /// The default size of the Slider's track wrap.
 /// @group slider
 $kendo-slider-alt-size: 30px !default;
@@ -28,12 +25,6 @@ $kendo-slider-button-offset: 10px !default;
 /// The size of the Slider Buttons.
 /// @group slider
 $kendo-slider-button-size: ($kendo-slider-alt-size - 2) !default;
-/// The spacing of the Slider Buttons.
-/// @group slider
-$kendo-slider-button-spacing: ($kendo-slider-button-size + $kendo-slider-button-offset) !default;
-/// The shadow of the focused Slider Buttons.
-/// @group slider
-$kendo-slider-button-focus-shadow: null !default;
 
 /// The thickness of the Slider track.
 /// @group slider
@@ -47,9 +38,6 @@ $kendo-slider-draghandle-border-width: 1px !default;
 /// The transition scale of the active Slider drag handle.
 /// @group slider
 $kendo-slider-draghandle-active-scale: 1 !default;
-/// The size of the active Slider drag handle.
-/// @group slider
-$kendo-slider-draghandle-active-size: null !default;
 
 /// The background color of the Slider drag handle.
 /// @group slider
@@ -127,26 +115,18 @@ $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,
-    $kendo-slider-tick-size: $kendo-slider-tick-size,
     $kendo-slider-alt-size: $kendo-slider-alt-size,
     $kendo-slider-font-family: $kendo-slider-font-family,
     $kendo-slider-font-size: $kendo-slider-font-size,
     $kendo-slider-line-height: $kendo-slider-line-height,
     $kendo-slider-button-offset: $kendo-slider-button-offset,
     $kendo-slider-button-size: $kendo-slider-button-size,
-    $kendo-slider-button-spacing: $kendo-slider-button-spacing,
-    $kendo-slider-button-focus-shadow: $kendo-slider-button-focus-shadow,
     $kendo-slider-track-thickness: $kendo-slider-track-thickness,
     $kendo-slider-draghandle-size: $kendo-slider-draghandle-size,
     $kendo-slider-draghandle-border-width: $kendo-slider-draghandle-border-width,
     $kendo-slider-draghandle-active-scale: $kendo-slider-draghandle-active-scale,
-    $kendo-slider-draghandle-active-size: $kendo-slider-draghandle-active-size,
     $kendo-slider-draghandle-bg: $kendo-slider-draghandle-bg,
     $kendo-slider-draghandle-text: $kendo-slider-draghandle-text,
     $kendo-slider-draghandle-border: $kendo-slider-draghandle-border,
@@ -169,6 +149,5 @@ $kendo-slider-tick-marker-bg: null !default;
     $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-marker-bg: $kendo-slider-tick-marker-bg
+    $kendo-slider-tick-vertical-image: $kendo-slider-tick-vertical-image
 );

package/scss/table/_variables.scss

@@ -160,15 +160,9 @@ $kendo-table-selected-border: null !default;
 /// Background color of highlighted rows in table.
 /// @group table
 $kendo-table-highlighted-bg: color-mix(in srgb, k-color(warning) 25%, transparent) !default;
-/// Text color of highlighted rows in table.
-/// @group table
-$kendo-table-highlighted-text: null !default;
 /// The font weight of highlighted rows in table.
 /// @group table
 $kendo-table-highlighted-font-weight: var( --kendo-font-weight-bold, bold ) !default;
-/// Border color of highlighted rows in table.
-/// @group table
-$kendo-table-highlighted-border: null !default;
 
 /// Background color of selected highlighted rows in table.
 /// @group table
@@ -221,9 +215,7 @@ $kendo-table-cell-row-span-shadow: inset 0 0 0 1px $kendo-table-border !default;
     $kendo-table-selected-text: $kendo-table-selected-text,
     $kendo-table-selected-border: $kendo-table-selected-border,
     $kendo-table-highlighted-bg: $kendo-table-highlighted-bg,
-    $kendo-table-highlighted-text: $kendo-table-highlighted-text,
     $kendo-table-highlighted-font-weight: $kendo-table-highlighted-font-weight,
-    $kendo-table-highlighted-border: $kendo-table-highlighted-border,
     $kendo-table-selected-highlighted-bg: $kendo-table-selected-highlighted-bg,
     $kendo-table-cell-row-span-shadow: $kendo-table-cell-row-span-shadow
 );

package/scss/taskboard/_variables.scss

@@ -54,9 +54,6 @@ $kendo-taskboard-toolbar-gradient: null !default;
 /// The vertical padding of the TaskBoard content.
 /// @group taskboard
 $kendo-taskboard-content-padding-y: $kendo-taskboard-spacer !default;
-/// The horizontal padding of the TaskBoard content.
-/// @group taskboard
-$kendo-taskboard-content-padding-x: $kendo-taskboard-content-padding-y !default;
 
 /// The vertical spacing of the TaskBoard column container.
 /// @group taskboard
@@ -267,7 +264,6 @@ $kendo-taskboard-drag-placeholder-border: k-color(border) !default;
     $kendo-taskboard-toolbar-border: $kendo-taskboard-toolbar-border,
     $kendo-taskboard-toolbar-gradient: $kendo-taskboard-toolbar-gradient,
     $kendo-taskboard-content-padding-y: $kendo-taskboard-content-padding-y,
-    $kendo-taskboard-content-padding-x: $kendo-taskboard-content-padding-x,
     $kendo-taskboard-column-container-spacing-y: $kendo-taskboard-column-container-spacing-y,
     $kendo-taskboard-column-container-padding-y: $kendo-taskboard-column-container-padding-y,
     $kendo-taskboard-column-container-padding-x: $kendo-taskboard-column-container-padding-x,

package/scss/timeline/_variables.scss

@@ -157,10 +157,6 @@ $kendo-timeline-circle-height: 16px !default;
 /// @group timeline
 $kendo-timeline-circle-bg: k-color(primary) !default;
 
-/// The horizontal padding of the Timeline collapse arrow.
-/// @group timeline
-$kendo-timeline-collapse-arrow-padding-x: k-spacing(2) !default;
-
 /// The width of the Timeline event.
 /// @group timeline
 $kendo-timeline-event-width: 400px !default;
@@ -219,7 +215,6 @@ $kendo-timeline-event-min-height-calc: calc(2 * (#{$kendo-timeline-track-event-o
     $kendo-timeline-circle-width: $kendo-timeline-circle-width,
     $kendo-timeline-circle-height: $kendo-timeline-circle-height,
     $kendo-timeline-circle-bg: $kendo-timeline-circle-bg,
-    $kendo-timeline-collapse-arrow-padding-x: $kendo-timeline-collapse-arrow-padding-x,
     $kendo-timeline-event-width: $kendo-timeline-event-width,
     $kendo-timeline-event-height: $kendo-timeline-event-height,
     $kendo-timeline-event-min-height-calc: $kendo-timeline-event-min-height-calc

package/scss/toolbar/_variables.scss

@@ -59,9 +59,6 @@ $kendo-toolbar-lg-separator-height: $kendo-button-lg-calc-size !default;
 /// The width of the border around the Toolbar.
 /// @group toolbar
 $kendo-toolbar-border-width: 1px !default;
-/// The border radius of the Toolbar.
-/// @group toolbar
-$kendo-toolbar-border-radius: null !default;
 
 /// The font family of the Toolbar.
 /// @group toolbar
@@ -99,9 +96,6 @@ $kendo-toolbar-outline-text: $kendo-button-text !default;
 /// The color of the border around the outline Toolbar.
 /// @group toolbar
 $kendo-toolbar-outline-border: color-mix(in srgb, k-color(on-base) 50%, transparent) !default;
-/// The gradient of the outline Toolbar.
-/// @group toolbar
-$kendo-toolbar-outline-gradient: null !default;
 /// The box shadow of the outline Toolbar.
 /// @group toolbar
 $kendo-toolbar-outline-shadow: null !default;
@@ -119,15 +113,9 @@ $kendo-toolbar-flat-text: null !default;
 /// The color of the border around the flat Toolbar.
 /// @group toolbar
 $kendo-toolbar-flat-border: $kendo-toolbar-border !default;
-/// The gradient of the flat Toolbar.
-/// @group toolbar
-$kendo-toolbar-flat-gradient: null !default;
 /// The box shadow of the flat Toolbar.
 /// @group toolbar
 $kendo-toolbar-flat-shadow: null !default;
-/// Border width of the flat Toolbar.
-/// @group toolbar
-$kendo-toolbar-flat-border-width: 1px !default;
 /// The left and right scroll overlay of the flat Toolbar.
 /// @group toolbar
 $kendo-toolbar-flat-scroll-overlay: k-color(app-surface), color-mix(in srgb, k-color(app-surface) 0%, transparent) !default;
@@ -197,7 +185,6 @@ $kendo-toolbar-sizes: (
     $kendo-toolbar-lg-spacing: $kendo-toolbar-lg-spacing,
     $kendo-toolbar-separator-height: $kendo-toolbar-separator-height,
     $kendo-toolbar-border-width: $kendo-toolbar-border-width,
-    $kendo-toolbar-border-radius: $kendo-toolbar-border-radius,
     $kendo-toolbar-font-family: $kendo-toolbar-font-family,
     $kendo-toolbar-font-size: $kendo-toolbar-font-size,
     $kendo-toolbar-line-height: $kendo-toolbar-line-height,
@@ -208,14 +195,11 @@ $kendo-toolbar-sizes: (
     $kendo-toolbar-shadow: $kendo-toolbar-shadow,
     $kendo-toolbar-outline-text: $kendo-toolbar-outline-text,
     $kendo-toolbar-outline-border: $kendo-toolbar-outline-border,
-    $kendo-toolbar-outline-gradient: $kendo-toolbar-outline-gradient,
     $kendo-toolbar-outline-shadow: $kendo-toolbar-outline-shadow,
     $kendo-toolbar-outline-border-width: $kendo-toolbar-outline-border-width,
     $kendo-toolbar-flat-text: $kendo-toolbar-flat-text,
     $kendo-toolbar-flat-border: $kendo-toolbar-flat-border,
-    $kendo-toolbar-flat-gradient: $kendo-toolbar-flat-gradient,
     $kendo-toolbar-flat-shadow: $kendo-toolbar-flat-shadow,
-    $kendo-toolbar-flat-border-width: $kendo-toolbar-flat-border-width,
     $kendo-toolbar-separator-border: $kendo-toolbar-separator-border,
     $kendo-toolbar-input-width: $kendo-toolbar-input-width,
     $kendo-toolbar-item-shadow: $kendo-toolbar-item-shadow,

package/scss/typography/_variables.scss

@@ -5,121 +5,121 @@
 // Headings
 
 /// The font size of the highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h1-font-size: calc( var( --kendo-font-size, .875rem ) * 4 ) !default;
 /// The font size of the second highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h2-font-size: calc( var( --kendo-font-size, .875rem ) * 3 ) !default;
 /// The font size of the third highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h3-font-size: calc( var( --kendo-font-size, .875rem ) * 2.5 ) !default;
 /// The font size of the fourth highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h4-font-size: calc( var( --kendo-font-size, .875rem ) * 2 ) !default;
 /// The font size of the fifth highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h5-font-size: calc( var( --kendo-font-size, .875rem ) * 1.5 ) !default;
 /// The font size of the sixth highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h6-font-size: var( --kendo-font-size, inherit ) !default;
 
 /// The font family of the highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h1-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font family of the second highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h2-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font family of the third highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h3-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font family of the fourth highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h4-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font family of the fifth highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h5-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font family of the sixth highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h6-font-family: var( --kendo-font-family, inherit ) !default;
 
 /// The line height of the highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h1-line-height: 74px !default;
 /// The line height of the second highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h2-line-height: 56px !default;
 /// The line height of the third highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h3-line-height: 42px !default;
 /// The line height of the fourth highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h4-line-height: 40px !default;
 /// The line height of the fifth highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h5-line-height: 28px !default;
 /// The line height of the sixth highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h6-line-height: 20px !default;
 
 /// The font weight of the highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h1-font-weight: var( --kendo-font-weight-normal, normal ) !default;
 /// The font weight of the second highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h2-font-weight: var( --kendo-font-weight-normal, normal ) !default;
 /// The font weight of the third highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h3-font-weight: var( --kendo-font-weight-normal, normal ) !default;
 /// The font weight of the fourth highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h4-font-weight: var( --kendo-font-weight-bold, normal ) !default;
 /// The font weight of the fifth highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h5-font-weight: var( --kendo-font-weight-bold, normal ) !default;
 /// The font weight of the sixth highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h6-font-weight: var( --kendo-font-weight-bold, normal ) !default;
 
 /// The letter spacing of the highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h1-letter-spacing: null !default;
 /// The letter spacing of the second highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h2-letter-spacing: null !default;
 /// The letter spacing of the third highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h3-letter-spacing: null !default;
 /// The letter spacing of the fourth highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h4-letter-spacing: null !default;
 /// The letter spacing of the fifth highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h5-letter-spacing: null !default;
 /// The letter spacing of the sixth highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h6-letter-spacing: null !default;
 
 /// The margin of the highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h1-margin: 0 0 var( --kendo-font-size, inherit ) !default;
 /// The margin of the second highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h2-margin: 0 0 var( --kendo-font-size, inherit ) !default;
 /// The margin of the third highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h3-margin: 0 0 var( --kendo-font-size, inherit ) !default;
 /// The margin of the fourth highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h4-margin: 0 0 var( --kendo-font-size, inherit ) !default;
 /// The margin of the fifth highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h5-margin: 0 0 var( --kendo-font-size, inherit ) !default;
 /// The margin of the sixth highest level heading.
-/// @group typography
+/// @group typography-component
 $kendo-h6-margin: 0 0 var( --kendo-font-size, inherit ) !default;
 
 /// The headings Map
-/// @group typography
+/// @group typography-component
 $kendo-headings: (
     h1: (
         font-size: $kendo-h1-font-size,
@@ -174,136 +174,136 @@ $kendo-headings: (
 // Paragraph
 
 /// The margin of the paragraph.
-/// @group typography
+/// @group typography-component
 $kendo-paragraph-margin: 0 0 var( --kendo-font-size, inherit ) !default;
 /// The font size of the paragraph.
-/// @group typography
+/// @group typography-component
 $kendo-paragraph-font-size: var( --kendo-font-size, inherit ) !default;
 /// The font family of the paragraph.
-/// @group typography
+/// @group typography-component
 $kendo-paragraph-font-family: var( --kendo-font-family, inherit ) !default;
 /// The line height of the paragraph.
-/// @group typography
+/// @group typography-component
 $kendo-paragraph-line-height: 20px !default;
 /// The font weight of the paragraph.
-/// @group typography
+/// @group typography-component
 $kendo-paragraph-font-weight: var( --kendo-font-weight-normal, normal ) !default;
 /// The letter spacing of the paragraph.
-/// @group typography
+/// @group typography-component
 $kendo-paragraph-letter-spacing: null !default;
 
 // Code
 
 /// The font size of the code tag.
-/// @group typography
+/// @group typography-component
 $kendo-code-font-size: var( --kendo-font-size, inherit ) !default;
 /// The font family of the code tag.
-/// @group typography
+/// @group typography-component
 $kendo-code-font-family: var( --kendo-font-family-monospace, normal ) !default;
 /// The line height of the code tag.
-/// @group typography
+/// @group typography-component
 $kendo-code-line-height: 20px !default;
 /// The font weight of the code tag.
-/// @group typography
+/// @group typography-component
 $kendo-code-font-weight: var( --kendo-font-weight-normal, normal ) !default;
 /// The letter spacing of the code tag.
-/// @group typography
+/// @group typography-component
 $kendo-code-letter-spacing: null !default;
 
 /// The horizontal padding of the code tag.
-/// @group typography
+/// @group typography-component
 $kendo-code-padding-x: k-spacing(1) !default;
 /// The vertical padding of the code tag.
-/// @group typography
+/// @group typography-component
 $kendo-code-padding-y: k-spacing(0) !default;
 /// The horizontal padding of the preformatted text.
-/// @group typography
+/// @group typography-component
 $kendo-pre-padding-x: k-spacing(6) !default;
 /// The vertical padding of the preformatted text.
-/// @group typography
+/// @group typography-component
 $kendo-pre-padding-y: k-spacing(4) !default;
 /// The width of the border of the code tag.
-/// @group typography
+/// @group typography-component
 $kendo-code-border-width: 1px !default;
 
 /// The background color of the code tag.
-/// @group typography
+/// @group typography-component
 $kendo-code-bg: k-color(surface) !default;
 /// The text color of the code tag.
-/// @group typography
+/// @group typography-component
 $kendo-code-text: k-color(on-app-surface) !default;
 /// The border color of the code tag.
-/// @group typography
+/// @group typography-component
 $kendo-code-border: k-color(border) !default;
 
 // Display
 /// The font size of the largest display text.
-/// @group typography
+/// @group typography-component
 $kendo-display1-font-size: calc( var( --kendo-font-size, .875rem ) * 8 ) !default;
 /// The font size of the second largest display text.
-/// @group typography
+/// @group typography-component
 $kendo-display2-font-size: calc( var( --kendo-font-size, .875rem ) * 7 ) !default;
 /// The font size of the third largest display text.
-/// @group typography
+/// @group typography-component
 $kendo-display3-font-size: calc( var( --kendo-font-size, .875rem ) * 6 ) !default;
 /// The font size of the fourth largest display text.
-/// @group typography
+/// @group typography-component
 $kendo-display4-font-size: calc( var( --kendo-font-size, .875rem ) * 5 ) !default;
 
 /// The font family of the largest display text.
-/// @group typography
+/// @group typography-component
 $kendo-display1-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font family of the second largest display text.
-/// @group typography
+/// @group typography-component
 $kendo-display2-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font family of the third largest display text.
-/// @group typography
+/// @group typography-component
 $kendo-display3-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font family of the fourth largest display text.
-/// @group typography
+/// @group typography-component
 $kendo-display4-font-family: var( --kendo-font-family, inherit ) !default;
 
 /// The line height of the largest display text.
-/// @group typography
+/// @group typography-component
 $kendo-display1-line-height: 1.2 !default;
 /// The line height of the second largest display text.
-/// @group typography
+/// @group typography-component
 $kendo-display2-line-height: 1.2 !default;
 /// The line height of the third largest display text.
-/// @group typography
+/// @group typography-component
 $kendo-display3-line-height: 1.2 !default;
 /// The line height of the fourth largest display text.
-/// @group typography
+/// @group typography-component
 $kendo-display4-line-height: 1.2 !default;
 
 /// The font weight of the largest display text.
-/// @group typography
+/// @group typography-component
 $kendo-display1-font-weight: var( --kendo-font-weight-light, normal ) !default;
 /// The font weight of the second largest display text.
-/// @group typography
+/// @group typography-component
 $kendo-display2-font-weight: var( --kendo-font-weight-light, normal ) !default;
 /// The font weight of the third largest display text.
-/// @group typography
+/// @group typography-component
 $kendo-display3-font-weight: var( --kendo-font-weight-light, normal ) !default;
 /// The font weight of the fourth largest display text.
-/// @group typography
+/// @group typography-component
 $kendo-display4-font-weight: var( --kendo-font-weight-light, normal ) !default;
 
 /// The letter spacing of the largest display text.
-/// @group typography
+/// @group typography-component
 $kendo-display1-letter-spacing: null !default;
 /// The letter spacing of the second largest display text.
-/// @group typography
+/// @group typography-component
 $kendo-display2-letter-spacing: null !default;
 /// The letter spacing of the third largest display text.
-/// @group typography
+/// @group typography-component
 $kendo-display3-letter-spacing: null !default;
 /// The letter spacing of the fourth largest display text.
-/// @group typography
+/// @group typography-component
 $kendo-display4-letter-spacing: null !default;
 
 /// The displays Map
-/// @group typography
+/// @group typography-component
 $kendo-display: (
     1: (
         font-size: $kendo-display1-font-size,