@progress/kendo-theme-material 10.6.0 → 11.0.0-dev.1

package/scss/timeselector/_layout.scss

@@ -1,6 +1,44 @@
+@use "sass:map";
+@use "sass:list";
 @use "@progress/kendo-theme-core/scss/components/timeselector/_layout.scss" as *;
+@use "../core/_index.scss" as *;
+@use "./_variables.scss" as *;
 
 
 @mixin kendo-time-selector--layout() {
     @include kendo-time-selector--layout-base();
+
+    .k-time-list-wrapper {
+        .k-title {
+            font-weight: var( --kendo-font-weight, normal );
+        }
+
+        &.k-focus {
+            &::before,
+            &::after {
+                height: calc( 50% - (calc( #{$kendo-time-list-title-font-size} * #{$kendo-time-list-title-line-height})) / 2);
+            }
+        }
+    }
+
+    // Time selector header
+    .k-time-header,
+    .k-time-selector-header {
+        .k-time-now {
+            border-width: $kendo-time-selector-border-width;
+        }
+    }
+
+    .k-time-list-container {
+        padding: 0 k-spacing(3);
+    }
+
+    // Time list highlight
+    .k-time-highlight,
+    .k-time-list-highlight {
+        width: auto;
+        border-radius: k-border-radius(xxxl);
+        left: k-spacing(3);
+        right: k-spacing(3);
+    }
 }

package/scss/timeselector/_theme.scss

@@ -10,14 +10,16 @@
     // Time selector
     .k-timeselector {}
 
-
     // Time list
     .k-time-list {
-        .k-item:hover {
-            @include fill(
-                $kendo-list-item-hover-text,
-                $kendo-list-item-hover-bg
-            );
+        &::before,
+        &::after {
+            box-shadow: none;
+        }
+
+        &::before,
+        &::after {
+            box-shadow: none;
         }
     }
 

package/scss/timeselector/_variables.scss

@@ -7,54 +7,57 @@
 
 $kendo-time-selector-border-width: 1px !default;
 $kendo-time-selector-font-family: var( --kendo-font-family, inherit ) !default;
-$kendo-time-selector-font-size: var( --kendo-font-size, inherit ) !default;
-$kendo-time-selector-line-height: math.div( 20, 14 ) !default;
+$kendo-time-selector-font-size: var( --kendo-font-size-lg, inherit ) !default;
+$kendo-time-selector-line-height: var( --kendo-line-height-lg, normal ) !default;
 
-$kendo-time-selector-bg: $kendo-component-bg !default;
-$kendo-time-selector-text: $kendo-component-text !default;
-$kendo-time-selector-border: $kendo-component-border !default;
+$kendo-time-selector-bg: k-color(surface) !default;
+$kendo-time-selector-text: k-color(on-app-surface) !default;
+$kendo-time-selector-border: k-color(border) !default;
 
-$kendo-time-selector-header-padding-x: $kendo-actions-padding-x !default;
-$kendo-time-selector-header-padding-y: $kendo-actions-padding-y !default;
+$kendo-time-selector-header-padding-x: k-spacing(1) !default;
+$kendo-time-selector-header-padding-y: k-spacing(3) !default;
 $kendo-time-selector-header-border-width: 0px !default;
+$kendo-time-selector-header-title-text: k-color(primary-on-surface) !default;
+$kendo-time-selector-header-time-now-text: unset !default;
+$kendo-time-selector-header-time-now-hover-text: unset !default;
 
-$kendo-time-selector-fast-selection-gap: k-spacing(2) !default;
+$kendo-time-selector-fast-selection-gap: null !default;
 
 $kendo-time-list-width: 4em !default;
 $kendo-time-list-height: 240px !default;
 
 $kendo-time-list-title-font-size: var( --kendo-font-size-sm, inherit ) !default;
-$kendo-time-list-title-line-height: var( --kendo-line-height-lg, normal ) !default;
+$kendo-time-list-title-line-height: var( --kendo-line-height-sm, normal ) !default;
 $kendo-time-list-title-height: calc( #{$kendo-time-list-title-font-size} * #{$kendo-time-list-title-line-height} ) !default;
-$kendo-time-list-title-text: $kendo-subtle-text !default;
-$kendo-time-list-title-focus-text: $kendo-component-text !default;
+$kendo-time-list-title-text: k-color(subtle) !default;
+$kendo-time-list-title-focus-text: k-color(on-app-surface) !default;
 
 $kendo-time-list-item-padding-x: $kendo-list-md-item-padding-x !default;
 $kendo-time-list-item-padding-y: $kendo-list-md-item-padding-y !default;
 
-$kendo-time-list-highlight-border-width: 1px 0px !default;
+$kendo-time-list-highlight-border-width: 1px !default;
 $kendo-time-list-highlight-height: calc( calc( #{$kendo-time-selector-font-size} * #{$kendo-time-selector-line-height} ) + calc( #{$kendo-time-list-item-padding-y} * 2 ) ) !default;
-$kendo-time-list-highlight-bg: $kendo-component-bg !default;
-$kendo-time-list-highlight-border: $kendo-component-border !default;
+$kendo-time-list-highlight-bg: transparent !default;
+$kendo-time-list-highlight-border: k-color(primary-on-subtle) !default;
 
-$kendo-time-list-focus-bg: unset !default;
+$kendo-time-list-focus-bg: color-mix(in srgb, k-color(on-app-surface) 8%, transparent) !default;
 
 
 // Time selector sizes
-$kendo-time-selector-sm-font-size: $kendo-list-sm-font-size !default;
-$kendo-time-selector-sm-line-height: $kendo-list-sm-line-height !default;
-$kendo-time-selector-sm-list-item-padding-x: $kendo-list-sm-item-padding-x !default;
-$kendo-time-selector-sm-list-item-padding-y: $kendo-list-sm-item-padding-y !default;
+$kendo-time-selector-sm-font-size: $kendo-time-selector-font-size !default;
+$kendo-time-selector-sm-line-height: $kendo-time-selector-line-height !default;
+$kendo-time-selector-sm-list-item-padding-x: k-spacing(2) !default;
+$kendo-time-selector-sm-list-item-padding-y: k-spacing(2) !default;
 
-$kendo-time-selector-md-font-size: $kendo-list-md-font-size !default;
-$kendo-time-selector-md-line-height: $kendo-list-md-line-height !default;
-$kendo-time-selector-md-list-item-padding-x: $kendo-list-md-item-padding-x !default;
-$kendo-time-selector-md-list-item-padding-y: $kendo-list-md-item-padding-y !default;
+$kendo-time-selector-md-font-size: $kendo-time-selector-font-size !default;
+$kendo-time-selector-md-line-height: $kendo-time-selector-line-height !default;
+$kendo-time-selector-md-list-item-padding-x: k-spacing(3) !default;
+$kendo-time-selector-md-list-item-padding-y: k-spacing(3) !default;
 
-$kendo-time-selector-lg-font-size: $kendo-list-lg-font-size !default;
-$kendo-time-selector-lg-line-height: $kendo-list-lg-line-height !default;
-$kendo-time-selector-lg-list-item-padding-x: $kendo-list-lg-item-padding-x !default;
-$kendo-time-selector-lg-list-item-padding-y: $kendo-list-lg-item-padding-y !default;
+$kendo-time-selector-lg-font-size: $kendo-time-selector-font-size !default;
+$kendo-time-selector-lg-line-height: $kendo-time-selector-line-height !default;
+$kendo-time-selector-lg-list-item-padding-x: k-spacing(4) !default;
+$kendo-time-selector-lg-list-item-padding-y: k-spacing(4) !default;
 
 $kendo-time-selector-sizes: (
     sm: (
@@ -77,6 +80,9 @@ $kendo-time-selector-sizes: (
     )
 ) !default;
 
+$kendo-time-selector-now-button-text: k-color(secondary) !default;
+$kendo-time-selector-now-button-hover-text: k-color(secondary-hover) !default;
+
 @forward "@progress/kendo-theme-core/scss/components/timeselector/_variables.scss" with (
     $kendo-time-selector-border-width: $kendo-time-selector-border-width,
     $kendo-time-selector-font-family: $kendo-time-selector-font-family,
@@ -89,6 +95,9 @@ $kendo-time-selector-sizes: (
     $kendo-time-selector-header-padding-y: $kendo-time-selector-header-padding-y,
     $kendo-time-selector-header-border-width: $kendo-time-selector-header-border-width,
     $kendo-time-selector-fast-selection-gap: $kendo-time-selector-fast-selection-gap,
+    $kendo-time-selector-header-title-text: $kendo-time-selector-header-title-text,
+    $kendo-time-selector-header-time-now-text: $kendo-time-selector-header-time-now-text,
+    $kendo-time-selector-header-time-now-hover-text: $kendo-time-selector-header-time-now-hover-text,
     $kendo-time-list-width: $kendo-time-list-width,
     $kendo-time-list-height: $kendo-time-list-height,
     $kendo-time-list-title-font-size: $kendo-time-list-title-font-size,
@@ -115,5 +124,7 @@ $kendo-time-selector-sizes: (
     $kendo-time-selector-lg-line-height: $kendo-time-selector-lg-line-height,
     $kendo-time-selector-lg-list-item-padding-x: $kendo-time-selector-lg-list-item-padding-x,
     $kendo-time-selector-lg-list-item-padding-y: $kendo-time-selector-lg-list-item-padding-y,
-    $kendo-time-selector-sizes: $kendo-time-selector-sizes
+    $kendo-time-selector-sizes: $kendo-time-selector-sizes,
+    $kendo-time-selector-now-button-text: $kendo-time-selector-now-button-text,
+    $kendo-time-selector-now-button-hover-text: $kendo-time-selector-now-button-hover-text
 );

package/scss/toolbar/_layout.scss

@@ -1,4 +1,3 @@
-@use "../core/_index.scss" as *;
 @use "@progress/kendo-theme-core/scss/components/toolbar/_layout.scss" as *;
 
 
@@ -6,50 +5,4 @@
 
     @include kendo-toolbar--layout-base();
 
-    .k-toolbar,
-    .k-toolbar-popup {
-
-        // Button
-        .k-button {
-            @include box-shadow( none );
-        }
-
-
-        // Button group
-        .k-button-group {
-            @include box-shadow( none );
-        }
-
-
-        // Split button
-        .k-split-button {
-            @include box-shadow( none );
-        }
-
-        &.k-toolbar-outline {
-            @include box-shadow( none );
-        }
-    }
-
-    // Overflow container
-    .k-overflow-container {
-
-        .k-button {
-            @include box-shadow( none );
-            font-weight: normal;
-            text-transform: unset;
-
-            &::before {
-                display: none;
-            }
-
-            &:disabled,
-            &.k-disabled {
-                opacity: .6;
-                filter: grayscale(.1);
-            }
-        }
-
-    }
-
 }

package/scss/toolbar/_theme.scss

@@ -1,3 +1,4 @@
+@use "./_variables.scss" as *;
 @use "../core/_index.scss" as *;
 @use "../button/_variables.scss" as *;
 @use "../core/functions/index.import.scss" as *;
@@ -7,49 +8,8 @@
 @mixin kendo-toolbar--theme() {
 
     @include kendo-toolbar--theme-base();
-
-    .k-toolbar,
-    .k-toolbar-popup {
-
-        .k-button-solid-base {
-            background-color: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-button-bg ));
-            border-color: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-button-bg ));
-
-            // Hover state
-            &:hover,
-            &.k-hover {
-                background-color: if($kendo-enable-color-system, k-color( base-subtle-hover ), null);
-                border-color: if($kendo-enable-color-system, k-color( base-subtle-hover ), null);
-            }
-
-            // Focus state
-            &:focus,
-            &.k-focus {
-                background-color: if($kendo-enable-color-system, k-color( base-subtle-hover ), null);
-                border-color: if($kendo-enable-color-system, k-color( base-subtle-hover ), null);
-            }
-
-            // Active state
-            &:active,
-            &.k-active {
-                background-color: if($kendo-enable-color-system, k-color( base-subtle-active ), null);
-                border-color: if($kendo-enable-color-system, k-color( base-subtle-active ), null);
-            }
-
-            // Selected state
-            &.k-selected {
-                background-color: if($kendo-enable-color-system, k-color( base-subtle-active ), null);
-                border-color: if($kendo-enable-color-system, k-color( base-subtle-active ), null);
-            }
-
-            &.k-input-button,
-            &.k-input-spinner .k-spinner-increase,
-            &.k-input-spinner .k-spinner-decrease {
-                background: none;
-                border-color: transparent;
-            }
-        }
-
+    .k-toolbar-flat {
+        border-top-color: $kendo-toolbar-flat-border !important; // stylelint-disable-line declaration-no-important
+        border-inline-color: $kendo-toolbar-flat-border !important; // stylelint-disable-line declaration-no-important
     }
-
 }

package/scss/toolbar/_variables.scss

@@ -36,7 +36,7 @@ $kendo-toolbar-lg-padding-y: k-spacing(2.5) !default;
 $kendo-toolbar-spacing: k-spacing(2) !default;
 /// The spacing between the tools of the small Toolbar.
 /// @group toolbar
-$kendo-toolbar-sm-spacing: k-spacing(1.5) !default;
+$kendo-toolbar-sm-spacing: k-spacing(1) !default;
 /// The spacing between the tools of the medium Toolbar.
 /// @group toolbar
 $kendo-toolbar-md-spacing: $kendo-toolbar-spacing !default;
@@ -59,7 +59,7 @@ $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: 0 !default;
+$kendo-toolbar-border-width: 1px !default;
 /// The border radius of the Toolbar.
 /// @group toolbar
 $kendo-toolbar-border-radius: null !default;
@@ -72,34 +72,34 @@ $kendo-toolbar-font-family: var( --kendo-font-family, inherit ) !default;
 $kendo-toolbar-font-size: var( --kendo-font-size, inherit ) !default;
 /// The line height of the Toolbar.
 /// @group toolbar
-$kendo-toolbar-line-height: math.div( 20, 14 ) !default;
+$kendo-toolbar-line-height: var( --kendo-line-height, normal ) !default;
 
 /// The background color of the Toolbar.
 /// @group toolbar
-$kendo-toolbar-bg: $kendo-component-bg !default;
+$kendo-toolbar-bg: k-color(surface) !default;
 /// The text color of the Toolbar.
 /// @group toolbar
-$kendo-toolbar-text: $kendo-component-text !default;
+$kendo-toolbar-text: k-color(base-on-subtle) !default;
 /// The color of the border around the Toolbar.
 /// @group toolbar
-$kendo-toolbar-border: $kendo-component-border !default;
+$kendo-toolbar-border: $kendo-toolbar-bg !default;
 /// The gradient of the Toolbar.
 /// @group toolbar
 $kendo-toolbar-gradient: null !default;
 /// The box shadow of the Toolbar.
 /// @group toolbar
-$kendo-toolbar-shadow: k-elevation(4) !default;
+$kendo-toolbar-shadow: null !default;
 /// The left and right scroll overlay of the Toolbar.
 /// @group toolbar
-$kendo-toolbar-scroll-overlay: $kendo-toolbar-bg, if($kendo-enable-color-system, color-mix(in srgb, k-color( app-surface ) 0%, transparent), rgba( $kendo-color-white, 0)) !default;
+$kendo-toolbar-scroll-overlay: $kendo-toolbar-bg, color-mix(in srgb, k-color(app-surface) 0%, transparent) !default;
 
 
 /// The text color of the outline Toolbar.
 /// @group toolbar
-$kendo-toolbar-outline-text: unset !default;
+$kendo-toolbar-outline-text: k-color(base-on-subtle) !default;
 /// The color of the border around the outline Toolbar.
 /// @group toolbar
-$kendo-toolbar-outline-border: currentColor !default;
+$kendo-toolbar-outline-border: color-mix(in srgb, k-color(on-app-surface) 44%, transparent) !default;
 /// The gradient of the outline Toolbar.
 /// @group toolbar
 $kendo-toolbar-outline-gradient: null !default;
@@ -111,32 +111,32 @@ $kendo-toolbar-outline-shadow: null !default;
 $kendo-toolbar-outline-border-width: 1px !default;
 /// The left and right scroll overlay of the outline Toolbar.
 /// @group toolbar
-$kendo-toolbar-outline-scroll-overlay: if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white), if($kendo-enable-color-system, color-mix(in srgb, k-color( app-surface ) 0%, transparent), rgba( $kendo-color-white, 0)) !default;
+$kendo-toolbar-outline-scroll-overlay: k-color(app-surface), color-mix(in srgb, k-color(app-surface) 0%, transparent) !default;
 
 
 /// The text color of the flat Toolbar.
 /// @group toolbar
-$kendo-toolbar-flat-text: null !default;
+$kendo-toolbar-flat-text: k-color(base-on-subtle) !default;
 /// The color of the border around the flat Toolbar.
 /// @group toolbar
-$kendo-toolbar-flat-border: $kendo-toolbar-border !default;
+$kendo-toolbar-flat-border: k-color(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: 0 2px 0 -1px $kendo-component-border !default;
+$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: if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white), if($kendo-enable-color-system, color-mix(in srgb, k-color( app-surface ) 0%, transparent), rgba( $kendo-color-white, 0)) !default;
+$kendo-toolbar-flat-scroll-overlay: k-color(app-surface), color-mix(in srgb, k-color(app-surface) 0%, transparent) !default;
 
 
 /// The color of the separator border of the Toolbar.
 /// @group toolbar
-$kendo-toolbar-separator-border: inherit !default;
+$kendo-toolbar-separator-border: k-color(border) !default;
 
 /// The width of the input in the Toolbar.
 /// @group toolbar
@@ -144,7 +144,7 @@ $kendo-toolbar-input-width: 10em !default;
 
 /// The box shadow of the focused Toolbar item.
 /// @group toolbar
-$kendo-toolbar-item-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .14), 0 1px 10px rgba(0, 0, 0, .12) !default;
+$kendo-toolbar-item-shadow: null !default;
 
 /// The font size of the Toolbar overflow container.
 /// @group toolbar

package/scss/tooltip/_functions.scss

@@ -7,7 +7,7 @@
 
     @each $name, $color in $colors {
         $_theme: map.merge(( $name: (
-            color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-color( $color )),
+            color: k-color(on-#{$name}),
             background-color: $color,
             border: $color,
         )), $_theme );

package/scss/tooltip/_variables.scss

@@ -1,16 +1,16 @@
 @use "sass:math";
 @use "./_functions.scss" as *;
 @use "../core/_index.scss" as *;
-@use "../core/color-system/_functions.scss" as *;
+@use "../core/functions/index.import.scss" as *;
 
 // Tooltip
 
 /// The vertical padding of the Tooltip.
 /// @group tooltip
-$kendo-tooltip-padding-y: k-spacing(.5) !default;
+$kendo-tooltip-padding-y: k-spacing(1) !default;
 /// The horizontal padding of the Tooltip.
 /// @group tooltip
-$kendo-tooltip-padding-x: calc( #{k-spacing(4)} / 2 ) !default;
+$kendo-tooltip-padding-x: k-spacing(2) !default;
 /// The width of the border around the Tooltip.
 /// @group tooltip
 $kendo-tooltip-border-width: 0px !default;
@@ -26,11 +26,11 @@ $kendo-tooltip-font-family: var( --kendo-font-family, inherit ) !default;
 $kendo-tooltip-font-size: var( --kendo-font-size-sm, inherit ) !default;
 /// The line height of the Tooltip.
 /// @group tooltip
-$kendo-tooltip-line-height: math.div( 20, 14 ) !default;
+$kendo-tooltip-line-height: var( --kendo-line-height, normal ) !default;
 
 /// The font size of the Tooltip title.
 /// @group tooltip
-$kendo-tooltip-title-font-size: calc( var( --kendo-font-size-sm, .75rem ) * 1.25 ) !default;
+$kendo-tooltip-title-font-size: var( --kendo-font-size-sm, inherit ) !default;
 /// The line height of the Tooltip title.
 /// @group tooltip
 $kendo-tooltip-title-line-height: var( --kendo-line-height-xs, normal ) !default;
@@ -41,10 +41,10 @@ $kendo-tooltip-callout-size: 6px !default;
 
 /// The default background of the Tooltip.
 /// @group tooltip
-$kendo-tooltip-bg: material-color( gray, 700, .9 ) !default;
+$kendo-tooltip-bg: k-color(inverse-on-surface) !default;
 /// The default text color of the Tooltip.
 /// @group tooltip
-$kendo-tooltip-text: get-base-contrast( gray, 700 ) !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;
@@ -55,7 +55,18 @@ $kendo-tooltip-shadow: k-elevation(2) !default;
 
 /// The theme colors map for the Tooltip.
 /// @group tooltip
-$kendo-tooltip-theme-colors: $kendo-theme-colors !default;
+$kendo-tooltip-theme-colors: (
+    "primary": k-color(primary),
+    "secondary": k-color(secondary),
+    "tertiary": k-color(tertiary),
+    "info": k-color(info),
+    "success": k-color(success),
+    "warning": k-color(warning),
+    "error": k-color(error),
+    "dark": k-color(dark),
+    "light": k-color(light),
+    "inverse": if($kendo-is-dark-theme, k-color(light), k-color(dark))
+) !default;
 /// The generated theme colors map for the Tooltip.
 /// @group tooltip
 $kendo-tooltip-theme: tooltip-theme( $kendo-tooltip-theme-colors ) !default;

package/scss/treelist/_layout.scss

@@ -1,26 +1,7 @@
-@use "./_variables.scss" as *;
 @use "@progress/kendo-theme-core/scss/components/treelist/_layout.scss" as *;
 
 
 @mixin kendo-treelist--layout() {
 
     @include kendo-treelist--layout-base();
-
-    .k-treelist {
-        tr.k-footer-template td {
-            border-width: $kendo-treelist-footer-row-border-width 0;
-        }
-
-        tr.k-footer td,
-        tr.k-footer-template + tr.k-footer-template td {
-            border-width: 0 0 $kendo-treelist-footer-row-border-width;
-        }
-    }
-
-    .k-treelist-scrollable {
-        tr.k-group-footer td {
-            border-bottom-width: $kendo-treelist-footer-row-border-width;
-        }
-    }
-
 }

package/scss/treelist/_theme.scss

@@ -5,28 +5,23 @@
 
     @include kendo-treelist--theme-base();
 
-    .k-treelist {
-        tr.k-footer,
-        tr.k-footer-template {
-            &:hover {
-                background-color: $kendo-treelist-footer-row-bg;
-            }
-        }
-    }
-
     // Sticky headers
     .k-treelist-scrollable {
-        .k-grid-toolbar,
-        .k-grid-header,
-        .k-grid-header tr:hover {
-            background-color: inherit;
-        }
-
         .k-group-footer td,
         .k-grouping-row td,
         tbody .k-group-cell {
             background-color: $kendo-treelist-footer-row-bg;
         }
+
+        .k-group-footer.k-table-row {
+            &:hover,
+            &.k-hover {
+                td,
+                .k-table-td {
+                   background-color: transparent
+                }
+            }
+        }
     }
 
 }

package/scss/treelist/_variables.scss

@@ -4,7 +4,7 @@
 
 /// The background color of the TreeList footer row.
 /// @group treelist
-$kendo-treelist-footer-row-bg: $kendo-grid-selected-bg !default;
+$kendo-treelist-footer-row-bg: $kendo-grid-header-bg !default;
 /// The border width of the TreeList footer row.
 /// @group treelist
 $kendo-treelist-footer-row-border-width: 1px !default;

package/scss/treeview/_theme.scss

@@ -1,5 +1,3 @@
-@use "./_variables.scss" as *;
-@use "../core/_index.scss" as *;
 @use "@progress/kendo-theme-core/scss/components/treeview/_theme.scss" as *;
 
 
@@ -7,37 +5,10 @@
 
     @include kendo-treeview--theme-base();
 
-    // Treeview
-    .k-treeview {}
-
-
-    // Treeview item
-    .k-treeview-item {}
-
-
     // Treeview leaf
     .k-treeview-leaf {
-
-        // Focus state
-        &:focus,
-        &.k-focus {
-            @include fill(
-                $kendo-treeview-item-hover-text,
-                $kendo-treeview-item-hover-bg,
-                $kendo-treeview-item-hover-border,
-                $kendo-treeview-item-hover-gradient
-            );
-        }
-
-        // Selected Focus state
-        &.k-selected:focus,
-        &.k-selected.k-focus {
-            @include fill(
-                $kendo-treeview-item-selected-focus-text,
-                $kendo-treeview-item-selected-focus-bg,
-                $kendo-treeview-item-selected-focus-border,
-                $kendo-treeview-item-selected-focus-gradient
-            );
+        &.k-selected {
+            font-weight: var( --kendo-font-weight-semibold, 600 );
         }
     }