@progress/kendo-theme-classic 12.1.0-dev.2 → 12.1.0-dev.3

package/scss/scrollview/_variables.scss

@@ -65,12 +65,9 @@ $kendo-scrollview-arrow-tap-highlight-color: $kendo-color-rgba-transparent !defa
 /// The color of the ScrollView navigation arrows.
 /// @group scrollview
 $kendo-scrollview-navigation-color: white !default;
-/// The box shadow of the ScrollView navigation arrows.
-/// @group scrollview
-$kendo-scrollview-navigation-icon-shadow: rgba( black, .3 ) 0 0 15px !default;
 /// The background color of the ScrollView navigation.
 /// @group scrollview
-$kendo-scrollview-navigation-bg: rgba( black, 0 ) !default;
+$kendo-scrollview-navigation-bg: transparent !default;
 /// The opacity of the ScrollView navigation.
 /// @group scrollview
 $kendo-scrollview-navigation-default-opacity: .7 !default;
@@ -113,7 +110,6 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
     $kendo-scrollview-pager-height: $kendo-scrollview-pager-height,
     $kendo-scrollview-arrow-tap-highlight-color: $kendo-scrollview-arrow-tap-highlight-color,
     $kendo-scrollview-navigation-color: $kendo-scrollview-navigation-color,
-    $kendo-scrollview-navigation-icon-shadow: $kendo-scrollview-navigation-icon-shadow,
     $kendo-scrollview-navigation-bg: $kendo-scrollview-navigation-bg,
     $kendo-scrollview-navigation-default-opacity: $kendo-scrollview-navigation-default-opacity,
     $kendo-scrollview-navigation-hover-opacity: $kendo-scrollview-navigation-hover-opacity,

package/scss/stepper/_variables.scss

@@ -180,10 +180,10 @@ $kendo-stepper-indicator-current-disabled-border: $kendo-stepper-indicator-done-
 $kendo-stepper-label-text: null !default;
 /// The success text color of the Stepper label.
 /// @group stepper
-$kendo-stepper-label-success-text: k-color(success) !default;
+$kendo-stepper-label-success-text: k-color(success-on-surface) !default;
 /// The error text color of the Stepper label.
 /// @group stepper
-$kendo-stepper-label-error-text: k-color(error) !default;
+$kendo-stepper-label-error-text: k-color(error-on-surface) !default;
 /// The text color of the hovered Stepper label.
 /// @group stepper
 $kendo-stepper-label-hover-text: unset !default;

package/scss/time-marker/_variables.scss

@@ -1,9 +1,11 @@
+@use "../core/_index.scss" as *;
+
 /// The border width of the current time indicator.
 /// @group time-marker
 $kendo-current-time-width: 1px !default;
 /// The color of the current time indicator.
 /// @group time-marker
-$kendo-current-time-color: #ff0000 !default;
+$kendo-current-time-color: k-color(error-on-surface) !default;
 
 
 @forward "@progress/kendo-theme-core/scss/components/time-marker/_variables.scss" with (

package/scss/timeline/_variables.scss

@@ -149,10 +149,10 @@ $kendo-timeline-mobile-vertical-padding-with-dates-calc: calc(#{$kendo-timeline-
 
 /// The width of the Timeline circle.
 /// @group timeline
-$kendo-timeline-circle-width: 16px !default;
+$kendo-timeline-circle-width: k-spacing(4) !default;
 /// The height of the Timeline circle.
 /// @group timeline
-$kendo-timeline-circle-height: 16px !default;
+$kendo-timeline-circle-height: $kendo-timeline-circle-width !default;
 /// The background color of the Timeline circle.
 /// @group timeline
 $kendo-timeline-circle-bg: k-color(primary) !default;

package/scss/toolbar/_variables.scss

@@ -86,7 +86,7 @@ $kendo-toolbar-scroll-overlay: $kendo-toolbar-bg, color-mix(in srgb, k-color(app
 $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;
+$kendo-toolbar-outline-border: color-mix(in srgb, k-color(on-app-surface) 50%, transparent) !default;
 /// The box shadow of the outline Toolbar.
 /// @group toolbar
 $kendo-toolbar-outline-shadow: null !default;

package/scss/tooltip/_variables.scss

@@ -40,10 +40,10 @@ $kendo-tooltip-callout-size: 6px !default;
 
 /// The default background of the Tooltip.
 /// @group tooltip
-$kendo-tooltip-bg: k-color(on-app-surface) !default;
+$kendo-tooltip-bg: k-color(inverse) !default;
 /// The default text color of the Tooltip.
 /// @group tooltip
-$kendo-tooltip-text: k-color(app-surface) !default;
+$kendo-tooltip-text: k-color(on-inverse) !default;
 /// The default border color of the Tooltip.
 /// @group tooltip
 $kendo-tooltip-border: $kendo-tooltip-bg !default;

package/scss/treeview/_variables.scss

@@ -120,7 +120,7 @@ $kendo-treeview-border: null !default;
 
 /// The background color of hovered TreeView items.
 /// @group treeview
-$kendo-treeview-item-hover-bg: k-color(base-hover) !default;
+$kendo-treeview-item-hover-bg: color-mix(in srgb, k-color(on-app-surface) 8%, transparent) !default;
 /// The text color of hovered TreeView items.
 /// @group treeview
 $kendo-treeview-item-hover-text: k-color(on-app-surface) !default;
@@ -146,7 +146,7 @@ $kendo-treeview-item-selected-gradient: null !default;
 
 /// The box shadow of focused TreeView items.
 /// @group treeview
-$kendo-treeview-item-focus-shadow: $kendo-focus-shadow !default;
+$kendo-treeview-item-focus-shadow: inset 0 0 2px 0 k-color(border) !default;
 
 /// The border color of the Load More button in the TreeView.
 /// @group treeview

package/scss/upload/_variables.scss

@@ -46,7 +46,7 @@ $kendo-upload-dropzone-bg: k-color(surface) !default;
 $kendo-upload-dropzone-border: $kendo-upload-border !default;
 /// The background color of the hovered Upload dropzone.
 /// @group upload
-$kendo-upload-dropzone-hover-bg: k-color(base-hover) !default;
+$kendo-upload-dropzone-hover-bg: color-mix(in srgb, k-color(on-app-surface) 8%, transparent) !default;
 
 /// The text color of the Upload status message.
 /// @group upload
@@ -88,21 +88,21 @@ $kendo-upload-progress-bg: k-color(info) !default;
 
 /// The success text color of the Upload.
 /// @group upload
-$kendo-upload-success-text: k-color(success) !default;
+$kendo-upload-success-text: k-color(success-on-surface) !default;
 /// The success background color of the Upload progress bar.
 /// @group upload
 $kendo-upload-success-bg: k-color(success) !default;
 
 /// The error text color of the Upload.
 /// @group upload
-$kendo-upload-error-text: k-color(error) !default;
+$kendo-upload-error-text: k-color(error-on-surface) !default;
 /// The error background color of the Upload progress bar.
 /// @group upload
 $kendo-upload-error-bg: k-color(error) !default;
 
 /// The shadow of the focused Upload button, actions and uploaded items.
 /// @group upload
-$kendo-upload-focus-shadow: 0 0 0 2px rgba( black, .13 ) !default;
+$kendo-upload-focus-shadow: 0 0 0 2px k-color(border-alt) !default;
 
 /// The margin of the Upload files list.
 /// @group upload

package/scss/wizard/_variables.scss

@@ -33,7 +33,7 @@ $kendo-wizard-font-family: var( --kendo-font-family, inherit ) !default;
 
 /// The outline of the focused Wizard step.
 /// @group wizard
-$kendo-wizard-step-focus-border: #656565 !default;
+$kendo-wizard-step-focus-border: k-color(subtle) !default;
 
 
 @forward "@progress/kendo-theme-core/scss/components/wizard/_variables.scss" with (