@progress/kendo-theme-bootstrap 4.43.1-dev.4 → 4.43.1-dev.8

package/scss/treeview/_variables.scss

@@ -1,47 +1,101 @@
 // Treeview
-$treeview-padding-x: 2px !default;
-$treeview-padding-y: $treeview-padding-x !default;
+
+/// Font family of the treeview component.
+/// @group treeview
 $treeview-font-family: $font-family !default;
-$treeview-font-size: $font-size !default;
-$treeview-line-height: $line-height !default;
+/// Font size of the treeview component.
+/// @group treeview
+$treeview-font-size: $font-size-md !default;
+/// Line height of the treeview component.
+/// @group treeview
+$treeview-line-height: $line-height-md !default;
 
+/// Indentation of child groups in treeview component.
+/// @group treeview
 $treeview-indent: 16px !default;
 
+/// Horizontal padding of treeview items.
+/// @group treeview
 $treeview-item-padding-x: map-get( $spacing, 3 ) !default;
-$treeview-item-padding-y: ( $treeview-item-padding-x / 2 ) !default;
-$treeview-item-border-width: 1px !default;
+/// Vertical padding of treeview items.
+/// @group treeview
+$treeview-item-padding-y: map-get( $spacing, 1 ) !default;
+/// Border width of treeview items.
+/// @group treeview
+$treeview-item-border-width: 0px !default;
+/// Border radius of treeview items.
+/// @group treeview
 $treeview-item-border-radius: map-get( $spacing, 1 ) !default;
 
+/// Background color of the treeview component.
+/// @group treeview
 $treeview-bg: null !default;
+/// Text color of the treeview component.
+/// @group treeview
 $treeview-text: $component-text !default;
+/// Border color of the treeview component.
+/// @group treeview
 $treeview-border: null !default;
 
+/// Background color of hovered treeview items.
+/// @group treeview
 $treeview-item-hovered-bg: $hovered-bg !default;
+/// Text color of hovered treeview items.
+/// @group treeview
 $treeview-item-hovered-text: $hovered-text !default;
+/// Border color of hovered treeview items.
+/// @group treeview
 $treeview-item-hovered-border: $treeview-item-hovered-bg !default;
+/// Background gradient of hovered treeview items.
+/// @group treeview
 $treeview-item-hovered-gradient: null !default;
 
+/// Background color of selected treeview items.
+/// @group treeview
 $treeview-item-selected-bg: $selected-bg !default;
+/// Text color of selected treeview items.
+/// @group treeview
 $treeview-item-selected-text: $selected-text !default;
+/// Border color of selected treeview items.
+/// @group treeview
 $treeview-item-selected-border: $treeview-item-selected-bg !default;
+/// Background gradient of selected treeview items.
+/// @group treeview
 $treeview-item-selected-gradient: null !default;
 
-$treeview-item-focused-shadow: 0 0 0 2px $component-border !default;
-$treeview-item-selected-focused-shadow: 0 0 0 2px rgba( $treeview-item-selected-border, .5 ) !default;
-
-$treeview-loadmore-checkboxes-padding-x: calc( #{$icon-spacing} + #{$checkbox-size} + #{$treeview-indent} ) !default;
-$treeview-loadmore-checkboxes-icon-indent: calc( -1 * (#{$icon-spacing} + #{$treeview-indent}) ) !default;
-$treeview-loadmore-checkboxes-icon-margin-x: $icon-spacing !default;
+/// Box shadow of focused treeview items.
+/// @group treeview
+$treeview-item-focused-shadow: inset 0 0 0 2px rgba( $treeview-text, .15 ) !default;
 
+/// Background color of load more.
+/// @group treeview
 $treeview-loadmore-bg: transparent !default;
+/// Text color of load more.
+/// @group treeview
 $treeview-loadmore-text: $link-text !default;
+/// Border color of load more.
+/// @group treeview
 $treeview-loadmore-border: null !default;
 
+/// Background color of a hovered load more.
+/// @group treeview
 $treeview-loadmore-hover-bg: transparent !default;
+/// Text color of a hovered load more.
+/// @group treeview
 $treeview-loadmore-hover-text: $link-hover-text !default;
+/// Border color of a hovered load more.
+/// @group treeview
 $treeview-loadmore-hover-border: null !default;
 
+/// Background color of a focused load more.
+/// @group treeview
 $treeview-loadmore-focus-bg: transparent !default;
-$treeview-loadmore-focus-text: $link-text !default;
+/// Text color of a focused load more.
+/// @group treeview
+$treeview-loadmore-focus-text: $link-hover-text !default;
+/// Border color of a focused load more.
+/// @group treeview
 $treeview-loadmore-focus-border: null !default;
-$treeview-loadmore-focus-shadow: none !default;
+/// Box shadow of a focused load more.
+/// @group treeview
+$treeview-loadmore-focus-shadow: $treeview-item-focused-shadow !default;