@progress/kendo-theme-fluent 6.5.0-dev.0 → 6.5.0-dev.2

package/scss/imageeditor/_variables.scss

@@ -10,7 +10,7 @@ $kendo-image-editor-bg: var( --kendo-component-bg, inherit ) !default;
 $kendo-image-editor-text: var( --kendo-component-text, inherit ) !default;
 /// Border color of the imageeditor.
 /// @group imageeditor
-$kendo-image-editor-border: get-theme-color-var( neutral-30 ) !default;
+$kendo-image-editor-border: k-get-theme-color-var( neutral-30 ) !default;
 
 /// Vertical margin of the imageeditor.
 /// @group imageeditor
@@ -40,7 +40,7 @@ $kendo-image-editor-font-family: var( --kendo-font-family, inherit ) !default;
 
 /// Imageeditor content background color.
 /// @group imageeditor
-$kendo-image-editor-content-bg: get-theme-color-var( neutral-50 ) !default;
+$kendo-image-editor-content-bg: k-get-theme-color-var( neutral-50 ) !default;
 /// Imageeditor content text color.
 /// @group imageeditor
 $kendo-image-editor-content-text: inherit !default;

package/scss/index.scss

@@ -327,6 +327,9 @@
 
 // Output styles
 @mixin styles() {
+    // Core
+    @include kendo-core--styles();
+
     // Core css variables
     @include core-styles();
 

package/scss/input/_variables.scss

@@ -91,7 +91,7 @@ $kendo-input-spinner-icon-offset: null !default;
 
 /// The text color of the solid Input components.
 /// @group input
-$kendo-input-solid-text: get-theme-color-var( neutral-160 ) !default;
+$kendo-input-solid-text: k-get-theme-color-var( neutral-160 ) !default;
 
 /// The background color of the solid Input components.
 /// @group input
@@ -99,11 +99,11 @@ $kendo-input-solid-bg: $kendo-color-white !default;
 
 /// The border color of the solid Input components.
 /// @group input
-$kendo-input-solid-border: get-theme-color-var( neutral-130 ) !default;
+$kendo-input-solid-border: k-get-theme-color-var( neutral-130 ) !default;
 
 /// The text color of the hovered solid Input components.
 /// @group input
-$kendo-input-solid-hover-text: get-theme-color-var( neutral-190 ) !default;
+$kendo-input-solid-hover-text: k-get-theme-color-var( neutral-190 ) !default;
 
 /// The background color of the hovered solid Input components.
 /// @group input
@@ -111,7 +111,7 @@ $kendo-input-solid-hover-bg: $kendo-input-solid-bg !default;
 
 /// The border color of the hovered solid Input components.
 /// @group input
-$kendo-input-solid-hover-border: get-theme-color-var( neutral-160 ) !default;
+$kendo-input-solid-hover-border: k-get-theme-color-var( neutral-160 ) !default;
 
 /// The text color of the focused solid Input components.
 /// @group input
@@ -123,7 +123,7 @@ $kendo-input-solid-focus-bg: $kendo-input-solid-bg !default;
 
 /// The border color of the focused solid Input components.
 /// @group input
-$kendo-input-solid-focus-border: get-theme-color-var( primary-100 ) !default;
+$kendo-input-solid-focus-border: k-get-theme-color-var( primary-100 ) !default;
 
 /// The text color of the hovered and focused solid Input components.
 /// @group input
@@ -151,7 +151,7 @@ $kendo-input-solid-disabled-border: $kendo-disabled-border !default;
 
 /// The text color of the outline Input components.
 /// @group input
-$kendo-input-outline-text: get-theme-color-var( neutral-160 ) !default;
+$kendo-input-outline-text: k-get-theme-color-var( neutral-160 ) !default;
 
 /// The background color of the outline Input components.
 /// @group input
@@ -159,11 +159,11 @@ $kendo-input-outline-bg: $kendo-color-white !default;
 
 /// The border color of the outline Input components.
 /// @group input
-$kendo-input-outline-border: get-theme-color-var( neutral-130 ) !default;
+$kendo-input-outline-border: k-get-theme-color-var( neutral-130 ) !default;
 
 /// The text color of the hovered outline Input components.
 /// @group input
-$kendo-input-outline-hover-text: get-theme-color-var( neutral-190 ) !default;
+$kendo-input-outline-hover-text: k-get-theme-color-var( neutral-190 ) !default;
 
 /// The background color of the hovered outline Input components.
 /// @group input
@@ -171,11 +171,11 @@ $kendo-input-outline-hover-bg: $kendo-color-white !default;
 
 /// The border color of the hovered outline Input components.
 /// @group input
-$kendo-input-outline-hover-border: get-theme-color-var( neutral-160 ) !default;
+$kendo-input-outline-hover-border: k-get-theme-color-var( neutral-160 ) !default;
 
 /// The text color of the focused outline Input components.
 /// @group input
-$kendo-input-outline-focus-text: get-theme-color-var( neutral-160 ) !default;
+$kendo-input-outline-focus-text: k-get-theme-color-var( neutral-160 ) !default;
 
 /// The background color of the focused outline Input components.
 /// @group input
@@ -183,7 +183,7 @@ $kendo-input-outline-focus-bg: $kendo-color-white !default;
 
 /// The border color of the focused outline Input components.
 /// @group input
-$kendo-input-outline-focus-border: get-theme-color-var( primary-100 ) !default;
+$kendo-input-outline-focus-border: k-get-theme-color-var( primary-100 ) !default;
 
 /// The text color of the hovered and focused outline Input components.
 /// @group input
@@ -211,7 +211,7 @@ $kendo-input-outline-disabled-border: $kendo-disabled-text !default;
 
 /// The text color of the flat Input components.
 /// @group input
-$kendo-input-flat-text: get-theme-color-var( neutral-160 ) !default;
+$kendo-input-flat-text: k-get-theme-color-var( neutral-160 ) !default;
 
 /// The background color of the flat Input components.
 /// @group input
@@ -219,11 +219,11 @@ $kendo-input-flat-bg: $kendo-color-white !default;
 
 /// The border color of the flat Input components.
 /// @group input
-$kendo-input-flat-border: get-theme-color-var( neutral-130 ) !default;
+$kendo-input-flat-border: k-get-theme-color-var( neutral-130 ) !default;
 
 /// The text color of the hovered flat Input components.
 /// @group input
-$kendo-input-flat-hover-text: get-theme-color-var( neutral-190 ) !default;
+$kendo-input-flat-hover-text: k-get-theme-color-var( neutral-190 ) !default;
 
 /// The background color of the hovered flat Input components.
 /// @group input
@@ -231,11 +231,11 @@ $kendo-input-flat-hover-bg: $kendo-color-white !default;
 
 /// The border color of the hovered flat Input components.
 /// @group input
-$kendo-input-flat-hover-border: get-theme-color-var( neutral-160 ) !default;
+$kendo-input-flat-hover-border: k-get-theme-color-var( neutral-160 ) !default;
 
 /// The text color of the focused flat Input components.
 /// @group input
-$kendo-input-flat-focus-text: get-theme-color-var( neutral-160 ) !default;
+$kendo-input-flat-focus-text: k-get-theme-color-var( neutral-160 ) !default;
 
 /// The background color of the focused flat Input components.
 /// @group input
@@ -243,7 +243,7 @@ $kendo-input-flat-focus-bg: $kendo-color-white !default;
 
 /// The border color of the focused flat Input components.
 /// @group input
-$kendo-input-flat-focus-border: get-theme-color-var( primary-100 ) !default;
+$kendo-input-flat-focus-border: k-get-theme-color-var( primary-100 ) !default;
 
 /// The text color of the hovered and focused flat Input components.
 /// @group input
@@ -271,7 +271,7 @@ $kendo-input-flat-disabled-border: $kendo-disabled-text !default;
 
 /// The text color of the solid Picker components.
 /// @group input
-$kendo-picker-solid-text: get-theme-color-var( neutral-160 ) !default;
+$kendo-picker-solid-text: k-get-theme-color-var( neutral-160 ) !default;
 
 /// The background color of the solid Picker components.
 /// @group input
@@ -279,11 +279,11 @@ $kendo-picker-solid-bg: $kendo-color-white !default;
 
 /// The border color of the solid Picker components.
 /// @group input
-$kendo-picker-solid-border: get-theme-color-var( neutral-130 )!default;
+$kendo-picker-solid-border: k-get-theme-color-var( neutral-130 )!default;
 
 /// The text color of the hovered solid Picker components.
 /// @group input
-$kendo-picker-solid-hover-text: get-theme-color-var( neutral-190 ) !default;
+$kendo-picker-solid-hover-text: k-get-theme-color-var( neutral-190 ) !default;
 
 /// The background color of hovered the solid Picker components.
 /// @group input
@@ -291,11 +291,11 @@ $kendo-picker-solid-hover-bg: $kendo-color-white !default;
 
 /// The border color of the hovered solid Picker components.
 /// @group input
-$kendo-picker-solid-hover-border: get-theme-color-var( neutral-160 ) !default;
+$kendo-picker-solid-hover-border: k-get-theme-color-var( neutral-160 ) !default;
 
 /// The text color of the focused solid Picker components.
 /// @group input
-$kendo-picker-solid-focus-text: get-theme-color-var( neutral-160 ) !default;
+$kendo-picker-solid-focus-text: k-get-theme-color-var( neutral-160 ) !default;
 
 /// The background color of the focused solid Picker components.
 /// @group input
@@ -303,7 +303,7 @@ $kendo-picker-solid-focus-bg: $kendo-color-white !default;
 
 /// The border color of the focused solid Picker components.
 /// @group input
-$kendo-picker-solid-focus-border: get-theme-color-var( primary-100 ) !default;
+$kendo-picker-solid-focus-border: k-get-theme-color-var( primary-100 ) !default;
 
 /// The text color of the hovered and focused solid Picker components.
 /// @group input
@@ -323,7 +323,7 @@ $kendo-picker-solid-disabled-text: $kendo-disabled-text !default;
 
 /// The background color of the disabled solid Picker components.
 /// @group input
-$kendo-picker-solid-disabled-bg: get-theme-color-var( neutral-30 ) !default;
+$kendo-picker-solid-disabled-bg: k-get-theme-color-var( neutral-30 ) !default;
 
 /// The border color of the disabled solid Picker components.
 /// @group input
@@ -331,7 +331,7 @@ $kendo-picker-solid-disabled-border: $kendo-disabled-border !default;
 
 /// The text color of the outline Picker components.
 /// @group input
-$kendo-picker-outline-text: get-theme-color-var( neutral-160 ) !default;
+$kendo-picker-outline-text: k-get-theme-color-var( neutral-160 ) !default;
 
 /// The background color of the outline Picker components.
 /// @group input
@@ -339,7 +339,7 @@ $kendo-picker-outline-bg: none !default;
 
 /// The border color of the outline Picker components.
 /// @group input
-$kendo-picker-outline-border: get-theme-color-var( neutral-160 ) !default;
+$kendo-picker-outline-border: k-get-theme-color-var( neutral-160 ) !default;
 
 /// The text color of the hovered outline Picker components.
 /// @group input
@@ -347,7 +347,7 @@ $kendo-picker-outline-hover-text: $kendo-color-white !default;
 
 /// The background color of the hovered outline Picker components.
 /// @group input
-$kendo-picker-outline-hover-bg: get-theme-color-var( neutral-190 ) !default;
+$kendo-picker-outline-hover-bg: k-get-theme-color-var( neutral-190 ) !default;
 
 /// The border color of the hovered outline Picker components.
 /// @group input
@@ -355,7 +355,7 @@ $kendo-picker-outline-hover-border: $kendo-picker-outline-hover-bg!default;
 
 /// The text color of the focused outline Picker components.
 /// @group input
-$kendo-picker-outline-focus-text: get-theme-color-var( neutral-160 ) !default;
+$kendo-picker-outline-focus-text: k-get-theme-color-var( neutral-160 ) !default;
 
 /// The background color of the focused outline Picker components.
 /// @group input
@@ -363,7 +363,7 @@ $kendo-picker-outline-focus-bg: $kendo-color-white!default;
 
 /// The border color of the focused outline Picker components.
 /// @group input
-$kendo-picker-outline-focus-border: get-theme-color-var( primary-100 ) !default;
+$kendo-picker-outline-focus-border: k-get-theme-color-var( primary-100 ) !default;
 
 /// The text color of the hovered and focused outline Picker components.
 /// @group input
@@ -371,11 +371,11 @@ $kendo-picker-outline-hover-focus-text: $kendo-color-white !default;
 
 /// The background color of the hovered and focused outline Picker components.
 /// @group input
-$kendo-picker-outline-hover-focus-bg: get-theme-color-var( neutral-190 ) !default;
+$kendo-picker-outline-hover-focus-bg: k-get-theme-color-var( neutral-190 ) !default;
 
 /// The border color of the hovered and focused outline Picker components.
 /// @group input
-$kendo-picker-outline-hover-focus-border: get-theme-color-var( primary-100 ) !default;
+$kendo-picker-outline-hover-focus-border: k-get-theme-color-var( primary-100 ) !default;
 
 /// The text color of the disabled outline Picker components.
 /// @group input
@@ -391,7 +391,7 @@ $kendo-picker-outline-disabled-border: $kendo-picker-outline-disabled-text!defau
 
 /// The text color of the flat Picker components.
 /// @group input
-$kendo-picker-flat-text: get-theme-color-var( neutral-160 ) !default;
+$kendo-picker-flat-text: k-get-theme-color-var( neutral-160 ) !default;
 
 /// The background color of the flat Picker components.
 /// @group input
@@ -399,23 +399,23 @@ $kendo-picker-flat-bg: $kendo-color-white !default;
 
 /// The border color of the flat Picker components.
 /// @group input
-$kendo-picker-flat-border: get-theme-color-var( neutral-130 ) !default;
+$kendo-picker-flat-border: k-get-theme-color-var( neutral-130 ) !default;
 
 /// The text color of the hovered flat Picker components.
 /// @group input
-$kendo-picker-flat-hover-text: get-theme-color-var( neutral-190 ) !default;
+$kendo-picker-flat-hover-text: k-get-theme-color-var( neutral-190 ) !default;
 
 /// The background color of the hovered flat Picker components.
 /// @group input
-$kendo-picker-flat-hover-bg: get-theme-color-var( neutral-20 ) !default;
+$kendo-picker-flat-hover-bg: k-get-theme-color-var( neutral-20 ) !default;
 
 /// The border color of the hovered flat Picker components.
 /// @group input
-$kendo-picker-flat-hover-border: get-theme-color-var( neutral-160 ) !default;
+$kendo-picker-flat-hover-border: k-get-theme-color-var( neutral-160 ) !default;
 
 /// The text color of the focused flat Picker components.
 /// @group input
-$kendo-picker-flat-focus-text: get-theme-color-var( neutral-160 ) !default;
+$kendo-picker-flat-focus-text: k-get-theme-color-var( neutral-160 ) !default;
 
 /// The background color of the focused flat Picker components.
 /// @group input
@@ -423,7 +423,7 @@ $kendo-picker-flat-focus-bg: $kendo-color-white !default;
 
 /// The border color of the focused flat Picker components.
 /// @group input
-$kendo-picker-flat-focus-border: get-theme-color-var( primary-100 ) !default;
+$kendo-picker-flat-focus-border: k-get-theme-color-var( primary-100 ) !default;
 
 /// The text color of the hovered and focused flat Picker components.
 /// @group input
@@ -622,11 +622,11 @@ $kendo-input-theme-colors: (
 
 /// The background color of the Input prefix.
 /// @group input
-$kendo-input-prefix-bg: get-theme-color-var( neutral-20 ) !default;
+$kendo-input-prefix-bg: k-get-theme-color-var( neutral-20 ) !default;
 
 /// The background color of the Input suffix.
 /// @group input
-$kendo-input-suffix-bg: get-theme-color-var( neutral-20 ) !default;
+$kendo-input-suffix-bg: k-get-theme-color-var( neutral-20 ) !default;
 
 /// The border color of the invalid Input components.
 /// @group input
@@ -637,14 +637,14 @@ $kendo-input-invalid-text: var( --kendo-invalid-text, #{$kendo-invalid-text} ) !
 
 /// The text color of the Input placeholder.
 /// @group input
-$kendo-input-placeholder-text: get-theme-color-var( neutral-130 ) !default;
+$kendo-input-placeholder-text: k-get-theme-color-var( neutral-130 ) !default;
 /// The opacity of the Input placeholder.
 /// @group input
 $kendo-input-placeholder-opacity: 1 !default;
 
 /// The color of the Input clear value icon.
 /// @group input
-$kendo-input-clear-value-text: get-theme-color-var( neutral-130 ) !default;
+$kendo-input-clear-value-text: k-get-theme-color-var( neutral-130 ) !default;
 /// The opacity of the Input clear value icon.
 /// @group input
 $kendo-input-clear-value-opacity: .6 !default;

package/scss/list/_variables.scss

@@ -125,7 +125,7 @@ $kendo-list-group-item-font-weight: var( --kendo-font-weight-bold, normal ) !def
 
 /// The text color of the List item icon
 /// @group list
-$kendo-list-item-icon-text: get-theme-color-var( primary-100 ) !default;
+$kendo-list-item-icon-text: k-get-theme-color-var( primary-100 ) !default;
 
 /// The map with the sizes of the List.
 /// @group list
@@ -206,7 +206,7 @@ $kendo-list-border: var( --kendo-component-border, inherit ) !default;
 $kendo-list-header-bg: $kendo-color-white !default;
 /// The text color of the List header.
 /// @group list
-$kendo-list-header-text: get-theme-color-var( primary-100 ) !default;
+$kendo-list-header-text: k-get-theme-color-var( primary-100 ) !default;
 /// The border color of the List header.
 /// @group list
 $kendo-list-header-border: inherit !default;
@@ -220,52 +220,52 @@ $kendo-list-header-shadow: $kendo-box-shadow-depth-3 !default;
 $kendo-list-item-bg: $kendo-color-white !default;
 /// The text color of the List items.
 /// @group list
-$kendo-list-item-text: get-theme-color-var( neutral-160 ) !default;
+$kendo-list-item-text: k-get-theme-color-var( neutral-160 ) !default;
 
 /// The background color of the hovered List items.
 /// @group list
-$kendo-list-item-hover-bg: get-theme-color-var( neutral-20 ) !default;
+$kendo-list-item-hover-bg: k-get-theme-color-var( neutral-20 ) !default;
 /// The text color of the hovered List items.
 /// @group list
-$kendo-list-item-hover-text: get-theme-color-var( neutral-190 ) !default;
+$kendo-list-item-hover-text: k-get-theme-color-var( neutral-190 ) !default;
 
 /// The background color of the focused List items.
 /// @group list
 $kendo-list-item-focus-bg: $kendo-color-white !default;
 /// The text color of the focused List items.
 /// @group list
-$kendo-list-item-focus-text: get-theme-color-var( neutral-160 ) !default;
+$kendo-list-item-focus-text: k-get-theme-color-var( neutral-160 ) !default;
 /// The box shadow of the focused List items.
 /// @group list
-$kendo-list-item-focus-shadow: inset 0 0 0 1px get-theme-color-var( neutral-130 ) !default;
+$kendo-list-item-focus-shadow: inset 0 0 0 1px k-get-theme-color-var( neutral-130 ) !default;
 
 /// The background color of the selected List items.
 /// @group list
-$kendo-list-item-selected-bg: get-theme-color-var( neutral-40 ) !default;
+$kendo-list-item-selected-bg: k-get-theme-color-var( neutral-40 ) !default;
 /// The text color of the selected List items.
 /// @group list
-$kendo-list-item-selected-text: get-theme-color-var( neutral-190 ) !default;
+$kendo-list-item-selected-text: k-get-theme-color-var( neutral-190 ) !default;
 
 /// The background color of the selected hovered List items.
 /// @group list
-$kendo-list-item-selected-hover-bg: get-theme-color-var( neutral-50 ) !default;
+$kendo-list-item-selected-hover-bg: k-get-theme-color-var( neutral-50 ) !default;
 /// The text color of the selected hovered List items.
 /// @group list
-$kendo-list-item-selected-hover-text: get-theme-color-var( neutral-190 ) !default;
+$kendo-list-item-selected-hover-text: k-get-theme-color-var( neutral-190 ) !default;
 
 /// The background color of the disabled List items.
 /// @group list
 $kendo-list-item-disabled-bg: $kendo-color-white !default;
 /// The text color of the disabled List items.
 /// @group list
-$kendo-list-item-disabled-text: get-theme-color-var( neutral-90 ) !default;
+$kendo-list-item-disabled-text: k-get-theme-color-var( neutral-90 ) !default;
 
 /// The background color of the List group items.
 /// @group list
 $kendo-list-group-item-bg: $kendo-color-white !default;
 /// The text color of the List group items.
 /// @group list
-$kendo-list-group-item-text: get-theme-color-var( primary-100 ) !default;
+$kendo-list-group-item-text: k-get-theme-color-var( primary-100 ) !default;
 /// The border color of the List group items.
 /// @group list
 $kendo-list-group-item-border: inherit !default;
@@ -275,7 +275,7 @@ $kendo-list-group-item-shadow: none !default;
 
 /// The text color of the 'No Data' text.
 /// @group list
-$kendo-list-no-data-text: get-theme-color-var( neutral-160 ) !default;
+$kendo-list-no-data-text: k-get-theme-color-var( neutral-160 ) !default;
 
 /// The color of the 'Option Label' text.
 /// @group list

package/scss/listbox/_variables.scss

@@ -1,45 +1,44 @@
 @use "sass:map";
 @use "../core/" as *;
 
-/// Margin between the listbox elements.
+/// The spacing between the ListBox elements.
 /// @group listbox
 $kendo-listbox-spacing: map.get( $kendo-spacing, 2 ) !default;
-/// Margin between the listbox buttons.
+/// The spacing between the ListBox buttons.
 /// @group listbox
 $kendo-listbox-button-spacing: map.get( $kendo-spacing, 2 ) !default;
-/// Width of the listbox.
+/// WThe width of the ListBox.
 /// @group listbox
 $kendo-listbox-width: 10em !default;
-/// Height of the listbox.
+/// The height of the ListBox.
 /// @group listbox
 $kendo-listbox-height: 200px !default;
-
-/// Border width of the listbox.
+/// The width of the border around the ListBox.
 /// @group listbox
 $kendo-listbox-border-width: 1px !default;
-/// Font family of the listbox.
+/// The font family of the ListBox.
 /// @group listbox
 $kendo-listbox-font-family: var( --kendo-font-family, normal ) !default;
-/// Font size of the listbox.
+/// The font size of the ListBox.
 /// @group listbox
 $kendo-listbox-font-size: var( --kendo-font-size, inherit ) !default;
-/// Line height of the listbox.
+/// The line height of the ListBox.
 /// @group listbox
 $kendo-listbox-line-height: var( --kendo-line-height, normal ) !default;
 
-/// Background color of the listbox component.
-/// @group listbox
-$kendo-listbox-bg: var( --kendo-component-bg, transparent ) !default;
-/// Text color of the listbox component.
+/// The text color of the ListBox.
 /// @group listbox
 $kendo-listbox-text: var( --kendo-component-text, inherit ) !default;
-/// Border color of the listbox component.
+/// The background color of the ListBox.
+/// @group listbox
+$kendo-listbox-bg: var( --kendo-component-bg, transparent ) !default;
+/// The border color of the ListBox.
 /// @group listbox
 $kendo-listbox-border: var( --kendo-component-border, inherit ) !default;
 
-/// Width of the drop hint.
+/// The width of the ListBox drop hint.
 /// @group listbox
 $kendo-listbox-drop-hint-width: 1px !default;
-/// Border color of the drop hint.
+/// The border color of the ListBox drop hint.
 /// @group listbox
-$kendo-listbox-drop-hint-border-color: get-theme-color-var( primary-100 ) !default;
+$kendo-listbox-drop-hint-border-color: k-get-theme-color-var( primary-100 ) !default;

package/scss/listgroup/_variables.scss

@@ -7,7 +7,7 @@
 $kendo-listgroup-border-width: 1px !default;
 /// Border radius of the listgroup.
 /// @group listgroup
-$kendo-listgroup-border-radius: var( --kendo-border-radius-md, 0 ) !default;
+$kendo-listgroup-border-radius: var( --kendo-border-radius-md, #{$kendo-border-radius-md} ) !default;
 
 /// Font size of the listgroup.
 /// @group listgroup

package/scss/listview/_variables.scss

@@ -2,91 +2,91 @@
 @use "../core/" as *;
 @use "../list/_variables.scss"as *;
 
-/// Horizontal padding of listview.
+/// The horizontal padding of the ListView.
 /// @group listview
 $kendo-listview-padding-x: map.get( $kendo-spacing, 1 ) !default;
-/// Vertical padding of listview.
+/// The vertical padding of the ListView.
 /// @group listview
 $kendo-listview-padding-y: map.get( $kendo-spacing, 1 ) !default;
-/// Width of listview.
+/// The width of the border around bordered ListView.
 /// @group listview
 $kendo-listview-border-width: 1px !default;
 
-/// Horizontal padding of listview header.
+/// The horizontal padding of the ListView header.
 /// @group listview
 $kendo-listview-header-padding-x: map.get( $kendo-spacing, 4 ) !default;
-/// Vertical padding of listview header.
+/// The vertical padding of the ListView header.
 /// @group listview
 $kendo-listview-header-padding-y: map.get( $kendo-spacing, 2 ) !default;
 
-/// Horizontal padding of listview footer.
+/// The horizontal padding of the ListView footer.
 /// @group listview
 $kendo-listview-footer-padding-x: $kendo-listview-header-padding-x !default;
-/// Vertical padding of listview footer.
+/// The vertical padding of the ListView footer.
 /// @group listview
 $kendo-listview-footer-padding-y: $kendo-listview-header-padding-y !default;
 
-/// Horizontal padding of listview items.
+/// The horizontal padding of the ListView items.
 /// @group listview
 $kendo-listview-item-padding-x: map.get( $kendo-spacing, 1 ) !default;
-/// Vertical padding of listview items.
+/// The vertical padding of the ListView items.
 /// @group listview
 $kendo-listview-item-padding-y: map.get( $kendo-spacing, 1 ) !default;
 
-/// Font family of listview.
+/// The font family of the ListView.
 /// @group listview
 $kendo-listview-font-family: var( --kendo-font-family, initial ) !default;
-/// Font size of listview.
+/// The font size of the ListView.
 /// @group listview
 $kendo-listview-font-size: var( --kendo-font-size, initial ) !default;
-/// Line height of listview.
+/// The line height of the ListView.
 /// @group listview
 $kendo-listview-line-height: var( --kendo-line-height, initial ) !default;
 
-/// Gap between items of grid listview.
+/// The gap between items of ListView with grid layout.
 /// @group listview
 $kendo-listview-grid-gap: map.get( $kendo-spacing, 0 ) !default;
 
-/// Text color of listview.
+/// The text color of the ListView.
 /// @group listview
 $kendo-listview-text: var( --kendo-component-text, initial ) !default;
-/// Background color of listview.
+/// The background color of the ListView.
 /// @group listview
 $kendo-listview-bg: var( --kendo-component-bg, initial ) !default;
-/// Border color of listview.
+/// The border color of the ListView.
 /// @group listview
 $kendo-listview-border: var( --kendo-component-border, initial ) !default;
 
-/// Text color of focused listview items.
+/// The text color of the ListView header.
 /// @group listview
-$kendo-listview-item-focus-text: initial !default;
-/// Background color of focused listview items.
+$kendo-listview-header-text: initial !default;
+/// The background color of the ListView header.
 /// @group listview
-$kendo-listview-item-focus-bg: initial !default;
-/// Box shadow of focused listview items.
+$kendo-listview-header-bg: initial !default;
+/// The border color of the ListView header.
 /// @group listview
-$kendo-listview-item-focus-shadow: var( --kendo-list-item-focus-shadow, $kendo-list-item-focus-shadow ) !default;
+$kendo-listview-header-border: $kendo-listview-border !default;
 
-/// Text color of selected listview items.
+/// The text color of the ListView footer.
 /// @group listview
-$kendo-listview-item-selected-text: initial !default;
-/// Background color of selected listview items.
+$kendo-listview-footer-text: initial !default;
+/// The background color of the ListView footer.
 /// @group listview
-$kendo-listview-item-selected-bg: get-theme-color-var( neutral-20 ) !default;
+$kendo-listview-footer-bg: initial !default;
 
-/// Text color of listview header.
-/// @group listview
-$kendo-listview-header-text: initial !default;
-/// Background color of listview.
+/// The text color of the selected ListView items.
 /// @group listview
-$kendo-listview-header-bg: initial !default;
-/// Border color of listview.
+$kendo-listview-item-selected-text: initial !default;
+/// The background color of the selected ListView items.
 /// @group listview
-$kendo-listview-header-border: $kendo-listview-border !default;
+$kendo-listview-item-selected-bg: k-get-theme-color-var( neutral-20 ) !default;
 
-/// Text color of listview footer.
+/// The text color of the focused ListView items.
 /// @group listview
-$kendo-listview-footer-text: initial !default;
-/// Background color of listview.
+$kendo-listview-item-focus-text: initial !default;
+/// The background color of the focused ListView items.
 /// @group listview
-$kendo-listview-footer-bg: initial !default;
+$kendo-listview-item-focus-bg: initial !default;
+/// The box shadow of the focused ListView items.
+/// @group listview
+$kendo-listview-item-focus-shadow: var( --kendo-list-item-focus-shadow, $kendo-list-item-focus-shadow ) !default;