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

package/scss/editor/_variables.scss

@@ -2,81 +2,87 @@
 @use "../core/" as *;
 @use "../input/_variables.scss" as *;
 
-/// The width of the border around the editor
+/// The width of the border around the Еditor.
 /// @group editor
 $kendo-editor-border-width: 1px !default;
-/// The font family of the editor
+/// The font family of the Еditor.
 /// @group editor
 $kendo-editor-font-family: var( --kendo-font-family, inherit ) !default;
-/// The font size of the editor
+/// The font size of the Еditor.
 /// @group editor
 $kendo-editor-font-size: var( --kendo-font-size, inherit ) !default;
-/// The line height of the editor
+/// The line height of the Еditor.
 /// @group editor
 $kendo-editor-line-height: var( --kendo-line-height, normal ) !default;
-/// The text color of the editor
+/// The text color of the Editor.
 /// @group editor
 $kendo-editor-text: var( --kendo-component-text, initial ) !default;
-/// The background color of the editor
+/// The background color of the Editor.
 /// @group editor
 $kendo-editor-bg: var( --kendo-component-bg, initial ) !default;
-/// The color of the border around editor
+/// The color of the border around Editor.
 /// @group editor
 $kendo-editor-border: var( --kendo-component-border, initial ) !default;
-/// The placeholder text color of the editor
+/// The text color of the Еditor's placeholder.
 /// @group editor
 $kendo-editor-placeholder-text: var( --kendo-input-placeholder-text, #{$kendo-input-placeholder-text} ) !default;
-/// The placeholder opacity of the editor
+/// The opacity of the Editor's placeholder.
 /// @group editor
 $kendo-editor-placeholder-opacity: var( --kendo-input-placeholder-opacity, #{$kendo-input-placeholder-opacity} ) !default;
-/// The outline color of the editor content
+/// The outline color of the Editor's content.
 /// @group editor
 $kendo-editor-content-outline-color: var( --kendo-body-text, initial ) !default;
-/// The size of the editor resize handle
-/// @group editor
-$kendo-editor-resize-handle-size: map.get( $kendo-spacing, 2 ) !default;
-/// The border width of the editor resize handle
-/// @group editor
-$kendo-editor-resize-handle-border-width: 1px !default;
-/// The horizontal margin of the editor export tool icon
+/// The horizontal margin of the Editor's export tool icon.
 /// @group editor
 $kendo-editor-export-tool-icon-margin-x: map.get( $kendo-spacing, 1 ) !default;
-///  The outline width of the editor selected node
+/// The outline width of the Editor's selected node.
 /// @group editor
 $kendo-editor-selectednode-outline-width: map.get( $kendo-spacing, 0.5 ) !default;
 
-// Cell size
-$ct-cell-size: 20px !default;
-
-/// The selected text color of the editor
+/// The selected text color of the Editor.
 /// @group editor
 $kendo-editor-selected-text: $kendo-color-white !default;
-/// The selected background color of the editor
+/// The selected background color of the Editor.
 /// @group editor
-$kendo-editor-selected-bg: get-theme-color-var( primary-100 ) !default;
-/// The highlighted background color of the editor
+$kendo-editor-selected-bg: k-get-theme-color-var( primary-100 ) !default;
+/// The highlighted background color of the Editor.
 /// @group editor
-$kendo-editor-highlighted-bg: get-theme-color-var( primary-60 ) !default;
+$kendo-editor-highlighted-bg: k-get-theme-color-var( primary-60 ) !default;
 
-/// The border color of the editor resize handle
+/// The size of the Editor's resize handle.
+/// @group editor
+$kendo-editor-resize-handle-size: map.get( $kendo-spacing, 2 ) !default;
+/// The border width of the Editor's resize handle.
+/// @group editor
+$kendo-editor-resize-handle-border-width: 1px !default;
+/// The border color of the Editor's resize handle.
 /// @group editor
 $kendo-editor-resize-handle-border: $kendo-color-black !default;
-/// The background color of the editor resize handle
+/// The background color of the Editor's resize handle.
 /// @group editor
 $kendo-editor-resize-handle-bg: $kendo-color-white !default;
 
-/// The outline color of the editor selected node
+/// The outline color of the Editor's selected node.
 /// @group editor
-$kendo-editor-selectednode-outline-color: get-theme-color-var( primary-100 ) !default;
+$kendo-editor-selectednode-outline-color: k-get-theme-color-var( primary-100 ) !default;
 
-/// The border color of the inline editor data cell
+/// The border color of the Inline Editor data cell.
 /// @group editor
 $kendo-editor-inline-td-border: var( --kendo-component-border, initial ) !default;
-/// The hover border color of the inline editor
+/// The hover border color of the Inline Editor.
 /// @group editor
 $kendo-editor-inline-hover-border: var( --kendo-component-border, initial ) !default;
 
 // Insert table
+/// The size of the cell in the Insert table popup.
+/// @group editor
+$ct-cell-size: 20px !default;
+/// The text color of the selected cells in the Insert table popup.
+/// @group editor
 $kendo-editor-ct-popup-text: var( --kendo-selected-text, initial ) !default;
+/// The background color of the selected cells in the Insert table popup.
+/// @group editor
 $kendo-editor-ct-popup-bg: var( --kendo-selected-bg, initial ) !default;
+/// The border color of the selected cells in the Insert table popup.
+/// @group editor
 $kendo-editor-ct-popup-border: var( --kendo-selected-border, initial ) !default;

package/scss/expansion-panel/_variables.scss

@@ -1,99 +1,102 @@
 @use "sass:map";
 @use "../core/" as *;
 
-/// Vertical margin of the expander.
+/// The vertical spacing of the ExpansionPanel.
 /// @group expander
 $kendo-expander-margin-y: map.get( $kendo-spacing, 2 ) !default;
-/// Border width of the expander.
+/// The width of the border around the ExpansionPanel.
 /// @group expander
 $kendo-expander-border-width: 1px !default;
-/// Background color of the expander.
+/// The font family of the ExpansionPanel.
 /// @group expander
 $kendo-expander-font-family: var( --kendo-font-family, inherit ) !default;
-/// Font size of the expander.
+/// The font size of the ExpansionPanel.
 /// @group expander
 $kendo-expander-font-size: var( --kendo-font-size, inherit ) !default;
-/// Line height of the expander.
+/// The hine height of the ExpansionPanel.
 /// @group expander
 $kendo-expander-line-height: var( --kendo-line-height, normal ) !default;
 
-/// Text color of the expander.
+/// The text color of the ExpansionPanel.
 /// @group expander
 $kendo-expander-text: var( --kendo-component-text, initial ) !default;
-/// Background color of the expander.
+/// The background color of the ExpansionPanel.
 /// @group expander
-$kendo-expander-bg: get-theme-color-var( neutral-10 ) !default;
-/// Border color of the expander.
+$kendo-expander-bg: k-get-theme-color-var( neutral-10 ) !default;
+/// The border color of the ExpansionPanel.
 /// @group expander
 $kendo-expander-border: var( --kendo-component-border, initial ) !default;
-/// Box shadow of the expander.
+/// The box shadow of the ExpansionPanel.
 /// @group expander
-$kendo-expander-shadow: inset 0 0 0 2px get-theme-color-var( neutral-30 ) !default;
+$kendo-expander-shadow: inset 0 0 0 2px k-get-theme-color-var( neutral-30 ) !default;
 
-/// Background color of the expanded expander.
+/// The background color of the expanded ExpansionPanel.
 /// @group expander
 $kendo-expander-expanded-bg: var( --kendo-component-bg, initial ) !default;
 
-/// Background color of the disabled expander.
-/// @group expander
-$kendo-expander-disabled-bg: var( --kendo-disabled-bg, initial ) !default;
-/// Text color of the disabled expander.
+/// The text color of the disabled ExpansionPanel.
 /// @group expander
 $kendo-expander-disabled-text: var( --kendo-disabled-text, initial ) !default;
-/// Offset of the focused expander.
+/// The background color of the disabled ExpansionPanel.
+/// @group expander
+$kendo-expander-disabled-bg: var( --kendo-disabled-bg, initial ) !default;
+
+/// The offset of the focused ExpansionPanel.
 /// @group expander
 $kendo-expander-focus-offset: 1px !default;
-/// Outline width of the focused expander.
+/// The outline width of the focused ExpansionPanel.
 /// @group expander
 $kendo-expander-focus-outline-width: 1px !default;
-/// Outline style of the focused expander.
+/// The outline style of the focused ExpansionPanel.
 /// @group expander
 $kendo-expander-focus-outline-style: solid !default;
-/// The focus outline color of the expander.
+/// The outline color of the focused ExpansionPanel.
 /// @group expander
-$kendo-expander-focus-outline: get-theme-color-var( neutral-130 ) !default;
+$kendo-expander-focus-outline: k-get-theme-color-var( neutral-130 ) !default;
 
-/// Background color of the focused expander.
+/// The background color of the focused ExpansionPanel.
 /// @group expander
 $kendo-expander-focus-bg: var( --kendo-component-bg, initial ) !default;
-/// Box shadow color of the focused expander.
+/// The box shadow of the focused ExpansionPanel.
 /// @group expander
-$kendo-expander-focus-shadow: inset 0px 0px 0px 2px get-theme-color-var( neutral-130 ) !default;
+$kendo-expander-focus-shadow: inset 0px 0px 0px 2px k-get-theme-color-var( neutral-130 ) !default;
 
-/// Horizontal padding of the expander header.
+/// The horizontal padding of the ExpansionPanel header.
 /// @group expander
 $kendo-expander-header-padding-x: map.get( $kendo-spacing, 4 ) !default;
-/// Vertical padding of the expander header.
+/// The vertical padding of the ExpansionPanel header.
 /// @group expander
 $kendo-expander-header-padding-y: map.get( $kendo-spacing, 3 ) !default;
-/// Text color of the expander header.
+
+/// The text color of the ExpansionPanel header.
 /// @group expander
-$kendo-expander-header-text: get-theme-color-var( primary-100 ) !default;
-/// Background color of the expander header.
+$kendo-expander-header-text: k-get-theme-color-var( primary-100 ) !default;
+/// The background color of the ExpansionPanel header.
 /// @group expander
 $kendo-expander-header-bg: inherit !default;
-/// Background color of the hovered expander header.
+
+/// The background color of the hovered ExpansionPanel header.
 /// @group expander
-$kendo-expander-header-hover-bg: get-theme-color-var( neutral-20 ) !default;
+$kendo-expander-header-hover-bg: k-get-theme-color-var( neutral-20 ) !default;
 
-/// Text color of the expander title.
+/// The text color of the ExpansionPanel title.
 /// @group expander
-$kendo-expander-title-text: get-theme-color-var( primary-100 ) !default;
+$kendo-expander-title-text: k-get-theme-color-var( primary-100 ) !default;
 
-/// Text color of the expander sub-title.
+/// The text color of the ExpansionPanel sub-title.
 /// @group expander
 $kendo-expander-header-sub-title-text: var( --kendo-subtle-text, initial ) !default;
 
-/// Horizontal margin of the expander indicator.
+/// The horizontal margin of the ExpansionPanel indicator.
 /// @group expander
 $kendo-expander-indicator-margin-x: map.get( $kendo-spacing, 2.5 ) !default;
-/// Text color of the expander indicator.
+/// The text color of the ExpansionPanel indicator.
 /// @group expander
 $kendo-expander-indicator-text: var( --kendo-expander-text, #{$kendo-expander-text} ) !default;
 
-/// Horizontal padding of the expander content.
+/// The horizontal padding of the ExpansionPanel content.
 /// @group expander
 $kendo-expander-content-padding-x: map.get( $kendo-spacing, 4 ) !default;
-/// Vertical padding of the expander content.
+/// The vertical padding of the ExpansionPanel content.
 /// @group expander
 $kendo-expander-content-padding-y: map.get( $kendo-spacing, 4 ) !default;

package/scss/fab/_theme.scss

@@ -185,7 +185,7 @@
         &.k-disabled .k-fab-item-icon,
         &:disabled .k-fab-item-text,
         &.k-disabled .k-fab-item-text {
-            @include disabled(
+            @include disabled-color(
                 var( --kendo-disabled-text, inherit ),
                 var( --kendo-disabled-bg, inherit ),
                 var( --kendo-disabled-border, inherit )

package/scss/fab/_variables.scss

@@ -8,7 +8,7 @@
 $kendo-fab-border-width: 1px !default;
 /// The border radius of the FAB.
 /// @group floating-action-button
-$kendo-fab-border-radius: var( --kendo-border-radius-md, 0 ) !default;
+$kendo-fab-border-radius: var( --kendo-border-radius-md, #{$kendo-border-radius-md} ) !default;
 /// The font family of the FAB.
 /// @group floating-action-button
 $kendo-fab-font-family: var( --kendo-font-family, inherit ) !default;
@@ -86,7 +86,7 @@ $kendo-fab-item-text-border-width: 1px !default;
 $kendo-fab-item-text-border-style: solid !default;
 /// The border radius of the FAB item text.
 /// @group floating-action-button
-$kendo-fab-item-text-border-radius: var( --kendo-border-radius-md, 0 ) !default;
+$kendo-fab-item-text-border-radius: var( --kendo-border-radius-md, #{$kendo-border-radius-md} ) !default;
 /// The font size of the FAB item text.
 /// @group floating-action-button
 $kendo-fab-item-text-font-size: var( --kendo-font-size-sm, inherit ) !default;
@@ -151,13 +151,13 @@ $kendo-fab-sizes: (
 $kendo-fab-item-offset-y: map.get( $kendo-spacing, 2 ) !default;
 /// The base text color of the FAB item.
 /// @group floating-action-button
-$kendo-fab-item-text: get-theme-color-var( neutral-160 ) !default;
+$kendo-fab-item-text: k-get-theme-color-var( neutral-160 ) !default;
 /// The base background color of the FAB item.
 /// @group floating-action-button
 $kendo-fab-item-bg: var( --kendo-component-bg, inherit ) !default;
 /// The base border color of the FAB item.
 /// @group floating-action-button
-$kendo-fab-item-border: get-theme-color-var( neutral-110 ) !default;
+$kendo-fab-item-border: k-get-theme-color-var( neutral-110 ) !default;
 /// The text color of the hovered FAB item.
 /// @group floating-action-button
 $kendo-fab-item-hover-text: var( --kendo-hover-text, inherit ) !default;
@@ -166,16 +166,16 @@ $kendo-fab-item-hover-text: var( --kendo-hover-text, inherit ) !default;
 $kendo-fab-item-hover-bg: var( --kendo-hover-bg, inherit ) !default;
 /// The border color of the hovered FAB item.
 /// @group floating-action-button
-$kendo-fab-item-hover-border: get-theme-color-var( neutral-110 ) !default;
+$kendo-fab-item-hover-border: k-get-theme-color-var( neutral-110 ) !default;
 /// The text color of the focused FAB item.
 /// @group floating-action-button
-$kendo-fab-item-focus-text: get-theme-color-var( neutral-160 ) !default;
+$kendo-fab-item-focus-text: k-get-theme-color-var( neutral-160 ) !default;
 /// The background color of the focused FAB item.
 /// @group floating-action-button
 $kendo-fab-item-focus-bg: var( --kendo-component-bg, inherit ) !default;
 /// The border color of the focused FAB item.
 /// @group floating-action-button
-$kendo-fab-item-focus-border: get-theme-color-var( neutral-110 ) !default;
+$kendo-fab-item-focus-border: k-get-theme-color-var( neutral-110 ) !default;
 /// The text color of the active FAB item.
 /// @group floating-action-button
 $kendo-fab-item-active-text: var( --kendo-selected-text, inherit ) !default;
@@ -184,4 +184,4 @@ $kendo-fab-item-active-text: var( --kendo-selected-text, inherit ) !default;
 $kendo-fab-item-active-bg: var( --kendo-selected-bg, inherit ) !default;
 /// The border color of the active FAB item.
 /// @group floating-action-button
-$kendo-fab-item-active-border: get-theme-color-var( neutral-110 ) !default;
+$kendo-fab-item-active-border: k-get-theme-color-var( neutral-110 ) !default;

package/scss/filter/_variables.scss

@@ -1,38 +1,38 @@
 @use "../core/" as *;
 
-/// Horizontal padding of the filter.
+/// The horizontal padding of the Filter.
 /// @group filter
 $kendo-filter-padding-x: $kendo-padding-md-x !default;
-/// Vertical padding of the filter.
+/// The vertical padding of the Filter.
 /// @group filter
 $kendo-filter-padding-y: $kendo-padding-md-y !default;
 
-/// Bottom margin of the filter.
+/// The bottom margin of the Filter.
 /// @group filter
 $kendo-filter-bottom-margin: 30px !default;
-/// Width of the line that connects the filter items.
+/// The width of the line that connects the Filter items.
 /// @group filter
 $kendo-filter-line-size: 1px !default;
 
-/// Width of the dropdown elements in the filter items.
+/// The width of the dropdown elements in the Filter items.
 /// @group filter
 $kendo-filter-operator-dropdown-width: 15em !default;
 
-/// Text color of the preview field.
+/// The text color of the Filter.
 /// @group filter
-$kendo-filter-preview-field-text: get-theme-color-var( primary-100 ) !default;
-/// Text color of the preview operator.
-/// @group filter
-$kendo-filter-preview-operator-text: get-theme-color-var( neutral-130 ) !default;
+$kendo-filter-text: var( --kendo-component-text, initial ) !default;
 
-/// Text color of the filter.
+/// The text color of the Filter preview field.
 /// @group filter
-$kendo-filter-text: var( --kendo-component-text, initial ) !default;
+$kendo-filter-preview-field-text: k-get-theme-color-var( primary-100 ) !default;
+/// The text color of the Filter preview operator.
+/// @group filter
+$kendo-filter-preview-operator-text: k-get-theme-color-var( neutral-130 ) !default;
 
-/// Background color of the line that connects the filter items.
+/// The background color of the line that connects the Filter items.
 /// @group filter
 $kendo-filter-line-bg: var( --kendo-component-border, initial ) !default;
 
-/// Border color of the focused filter.
+/// The border color of the focused Filter.
 /// @group filter
-$kendo-filter-toolbar-focus-border: get-theme-color-var( neutral-130 ) !default;
+$kendo-filter-toolbar-focus-border: k-get-theme-color-var( neutral-130 ) !default;

package/scss/forms/_variables.scss

@@ -89,7 +89,7 @@ $kendo-form-hint-margin-top: map.get( $kendo-spacing, 1 ) !default;
 
 /// The text color of the Form hint.
 /// @group form
-$kendo-form-hint-text: get-theme-color-var( neutral-130 ) !default;
+$kendo-form-hint-text: k-get-theme-color-var( neutral-130 ) !default;
 
 /// The row spacing of the small Form.
 /// @group form
@@ -171,7 +171,7 @@ $kendo-fieldset-border: initial !default;
 $kendo-fieldset-legend-bg: transparent !default;
 /// The text color of the Form legend.
 /// @group form
-$kendo-fieldset-legend-text: get-theme-color-var( neutral-130 ) !default;
+$kendo-fieldset-legend-text: k-get-theme-color-var( neutral-130 ) !default;
 /// The border color of the Form legend.
 /// @group form
 $kendo-fieldset-legend-border: initial !default;

package/scss/gantt/_layout.scss

@@ -519,7 +519,7 @@
     // Single task
     .k-single-wrap {}
     .k-task-single {
-        border-radius: var( --kendo-border-radius-md, 0 );
+        border-radius: var( --kendo-border-radius-md, #{$kendo-border-radius-md} );
         border-width: var( --kendo-gantt-task-border-width, #{$kendo-gantt-task-border-width} );
         border-style: solid;
         box-sizing: border-box;
@@ -552,7 +552,7 @@
         }
     }
     .k-task-complete {
-        border-radius: var( --kendo-border-radius-md, 0 );
+        border-radius: var( --kendo-border-radius-md, #{$kendo-border-radius-md} );
         width: 20%;
         position: absolute;
         z-index: 1;

package/scss/gantt/_variables.scss

@@ -42,7 +42,7 @@ $kendo-gantt-line-size: 2px !default;
 $kendo-gantt-line-fill: black !default;
 /// Selected background fill of the gantt connecting lines.
 /// @group gantt
-$kendo-gantt-line-selected-fill: get-theme-color-var( primary-120 ) !default;
+$kendo-gantt-line-selected-fill: k-get-theme-color-var( primary-120 ) !default;
 
 /// Size of the gantt task dot.
 /// @group gantt
@@ -71,23 +71,23 @@ $kendo-gantt-milestone-bg: $kendo-gantt-text !default;
 $kendo-gantt-milestone-border: $kendo-gantt-text !default;
 /// Selected background color of the gantt milestone.
 /// @group gantt
-$kendo-gantt-milestone-selected-bg: get-theme-color-var( primary-100 ) !default;
+$kendo-gantt-milestone-selected-bg: k-get-theme-color-var( primary-100 ) !default;
 /// Selected border color of the gantt milestone.
 /// @group gantt
-$kendo-gantt-milestone-selected-border: get-theme-color-var( primary-100 ) !default;
+$kendo-gantt-milestone-selected-border: k-get-theme-color-var( primary-100 ) !default;
 
 /// Background color of the gantt summary.
 /// @group gantt
-$kendo-gantt-summary-bg: get-theme-color-var( neutral-110 ) !default;
+$kendo-gantt-summary-bg: k-get-theme-color-var( neutral-110 ) !default;
 /// Background color of the gantt summary progress.
 /// @group gantt
-$kendo-gantt-summary-progress-bg: get-theme-color-var( neutral-160 ) !default;
+$kendo-gantt-summary-progress-bg: k-get-theme-color-var( neutral-160 ) !default;
 /// Selected background color of the gantt summary.
 /// @group gantt
-$kendo-gantt-summary-selected-bg: get-theme-color-var( primary-50 ) !default;
+$kendo-gantt-summary-selected-bg: k-get-theme-color-var( primary-50 ) !default;
 /// Selected background color of the gantt summary progress.
 /// @group gantt
-$kendo-gantt-summary-progress-selected-bg: get-theme-color-var( primary-100 ) !default;
+$kendo-gantt-summary-progress-selected-bg: k-get-theme-color-var( primary-100 ) !default;
 
 /// Border width of the gantt task.
 /// @group gantt
@@ -100,7 +100,7 @@ $kendo-gantt-task-padding-x: map.get( $kendo-spacing, 2 ) !default;
 $kendo-gantt-task-padding-y: map.get( $kendo-spacing, 1 ) !default;
 /// Background color of the gantt task.
 /// @group gantt
-$kendo-gantt-task-bg: get-theme-color-var( neutral-110 ) !default;
+$kendo-gantt-task-bg: k-get-theme-color-var( neutral-110 ) !default;
 /// Text color of the gantt task.
 /// @group gantt
 $kendo-gantt-task-text: $kendo-color-white !default;
@@ -109,13 +109,13 @@ $kendo-gantt-task-text: $kendo-color-white !default;
 $kendo-gantt-task-border: inherit !default;
 /// Background color of the gantt task progress.
 /// @group gantt
-$kendo-gantt-task-progress-bg: get-theme-color-var( neutral-160 ) !default;
+$kendo-gantt-task-progress-bg: k-get-theme-color-var( neutral-160 ) !default;
 /// Background hover color of the gantt task progress.
 /// @group gantt
-$kendo-gantt-task-progress-hover-bg: get-theme-color-var( neutral-190 ) !default;
+$kendo-gantt-task-progress-hover-bg: k-get-theme-color-var( neutral-190 ) !default;
 /// Selected background color of the gantt task.
 /// @group gantt
-$kendo-gantt-task-selected-bg: get-theme-color-var( primary-50 ) !default;
+$kendo-gantt-task-selected-bg: k-get-theme-color-var( primary-50 ) !default;
 /// Selected text color of the gantt task.
 /// @group gantt
 $kendo-gantt-task-selected-text: $kendo-color-white !default;
@@ -124,7 +124,7 @@ $kendo-gantt-task-selected-text: $kendo-color-white !default;
 $kendo-gantt-task-selected-border: transparent !default;
 /// Selected background color of the gantt task progress.
 /// @group gantt
-$kendo-gantt-task-progress-selected-bg: get-theme-color-var( primary-100 ) !default;
+$kendo-gantt-task-progress-selected-bg: k-get-theme-color-var( primary-100 ) !default;
 
 /// Vertical padding of the gantt task actions.
 /// @group gantt
@@ -189,33 +189,33 @@ $kendo-gantt-planned-offset-resize-handler-margin-x: 1.4em !default;
 $kendo-gantt-planned-text: $kendo-color-white !default;
 /// Background color of the gantt planned tooltip.
 /// @group gantt
-$kendo-gantt-planned-bg: get-theme-color-var( primary-100 ) !default;
+$kendo-gantt-planned-bg: k-get-theme-color-var( primary-100 ) !default;
 /// Border color of the gantt planned tooltip.
 /// @group gantt
-$kendo-gantt-planned-border: get-theme-color-var( primary-100 ) !default;
+$kendo-gantt-planned-border: k-get-theme-color-var( primary-100 ) !default;
 
 /// Text color of the gantt delayed task.
 /// @group gantt
 $kendo-gantt-delayed-text: $kendo-color-white !default;
 /// Background color of the gantt delayed task.
 /// @group gantt
-$kendo-gantt-delayed-bg: get-theme-color-var( error-160 ) !default;
+$kendo-gantt-delayed-bg: k-get-theme-color-var( error-160 ) !default;
 /// Complement background color of the gantt delayed task.
 /// @group gantt
-$kendo-gantt-delayed-bg-lighter: get-theme-color-var( error-110) !default;
+$kendo-gantt-delayed-bg-lighter: k-get-theme-color-var( error-110) !default;
 /// Background hover color of the gantt delayed task.
 /// @group gantt
-$kendo-gantt-delayed-hover-bg: get-theme-color-var( error-190 ) !default;
+$kendo-gantt-delayed-hover-bg: k-get-theme-color-var( error-190 ) !default;
 
 /// Background color of the gantt advanced task.
 /// @group gantt
-$kendo-gantt-advanced-bg: get-theme-color-var( success-160 ) !default;
+$kendo-gantt-advanced-bg: k-get-theme-color-var( success-160 ) !default;
 /// Complement background color of the gantt advanced task.
 /// @group gantt
-$kendo-gantt-advanced-bg-lighter: get-theme-color-var( success-110 ) !default;
+$kendo-gantt-advanced-bg-lighter: k-get-theme-color-var( success-110 ) !default;
 /// Background hover color of the gantt advanced task.
 /// @group gantt
-$kendo-gantt-advanced-hover-bg: get-theme-color-var( success-190 ) !default;
+$kendo-gantt-advanced-hover-bg: k-get-theme-color-var( success-190 ) !default;
 
 /// Text color of the gantt delayed task action.
 /// @group gantt
@@ -235,7 +235,7 @@ $kendo-gantt-validation-tooltip-label-width: 50px !default;
 $kendo-gantt-validation-tooltip-border: var( --kendo-component-border, inherit ) !default;
 /// Border color of the gantt validation tooltip in valid state.
 /// @group gantt
-$kendo-gantt-validation-tooltip-valid-border: get-theme-color-var( success-100 ) !default;
+$kendo-gantt-validation-tooltip-valid-border: k-get-theme-color-var( success-100 ) !default;
 /// Border color of the gantt validation tooltip in invalid state.
 /// @group gantt
-$kendo-gantt-validation-tooltip-invalid-border: get-theme-color-var( error-100 ) !default;
+$kendo-gantt-validation-tooltip-invalid-border: k-get-theme-color-var( error-100 ) !default;

package/scss/grid/_theme.scss

@@ -502,7 +502,7 @@
             &.k-disabled .k-link,
             &.k-disabled .k-icon,
             &.k-disabled .k-svg-icon {
-                @include disabled(
+                @include disabled-color(
                     var( --kendo-disabled-text, inherit )
                 );
             }
@@ -522,7 +522,7 @@
 
         .k-listgroup-item {
             &.k-disabled {
-                @include disabled(
+                @include disabled-color(
                     $bg: var( --kendo-disabled-bg, inherit )
                 );
             }

package/scss/grid/_variables.scss

@@ -236,7 +236,7 @@ $kendo-grid-header-text: $kendo-table-header-text !default;
 $kendo-grid-header-border: $kendo-table-header-border !default;
 /// Background color of grid header icons.
 /// @group grid
-$kendo-grid-header-icon-text: get-theme-color-var( neutral-130 ) !default;
+$kendo-grid-header-icon-text: k-get-theme-color-var( neutral-130 ) !default;
 
 // Background color of grid footer.
 /// @group grid
@@ -340,13 +340,13 @@ $kendo-grid-sort-index-spacing-x: map.get( $kendo-spacing, 0.5 ) !default;
 $kendo-grid-sort-icon-spacing: var( --kendo-icon-lg-spacing, .5rem ) !default;
 /// Text color of the grid sort indicator.
 /// @group grid
-$kendo-grid-sort-indicator-text: get-theme-color-var( neutral-130 ) !default;
+$kendo-grid-sort-indicator-text: k-get-theme-color-var( neutral-130 ) !default;
 /// Text color of the grid sort order indicator.
 /// @group grid
-$kendo-grid-sort-indicator-order-text: get-theme-color-var( primary-100 ) !default;
+$kendo-grid-sort-indicator-order-text: k-get-theme-color-var( primary-100 ) !default;
 /// Background color of the sorted grid cells.
 /// @group grid
-$kendo-grid-sorted-bg: get-theme-color-var( neutral-10 ) !default;
+$kendo-grid-sorted-bg: k-get-theme-color-var( neutral-10 ) !default;
 
 /// Horizontal padding of the grid command cells.
 /// @group grid
@@ -366,7 +366,7 @@ $kendo-grid-group-indicator-padding-y: $kendo-button-md-padding-y !default;
 $kendo-grid-group-indicator-border-width: $kendo-button-border-width !default;
 /// Border radius of the grid group indicator.
 /// @group grid
-$kendo-grid-group-indicator-border-radius: var( --kendo-border-radius-md, 0 ) !default;
+$kendo-grid-group-indicator-border-radius: var( --kendo-border-radius-md, #{$kendo-border-radius-md} ) !default;
 /// Spacing of the grid group indicator.
 /// @group grid
 $kendo-grid-group-indicator-gap: $kendo-table-cell-padding-y !default;
@@ -378,10 +378,10 @@ $kendo-grid-group-indicator-text: var( --kendo-component-text, initial ) !defaul
 $kendo-grid-group-indicator-bg: var( --kendo-component-bg, initial ) !default;
 /// Border color of the grid group indicator.
 /// @group grid
-$kendo-grid-group-indicator-border: get-theme-color-var( neutral-110 ) !default;
+$kendo-grid-group-indicator-border: k-get-theme-color-var( neutral-110 ) !default;
 /// Text color of the grid group indicator icon.
 /// @group grid
-$kendo-grid-group-indicator-icon-text: get-theme-color-var( neutral-130 ) !default;
+$kendo-grid-group-indicator-icon-text: k-get-theme-color-var( neutral-130 ) !default;
 
 /// Horizontal border width of the grid group footer.
 /// @group grid
@@ -392,7 +392,7 @@ $kendo-grid-group-footer-border-width-x: 0px !default;
 
 /// Text color of the grid group drop clue.
 /// @group grid
-$kendo-grid-group-drop-hint-bg: get-theme-color-var( primary-100 ) !default;
+$kendo-grid-group-drop-hint-bg: k-get-theme-color-var( primary-100 ) !default;
 
 /// Border width of the grid sticky cell.
 /// @group grid
@@ -405,7 +405,7 @@ $kendo-grid-sticky-bg: var( --kendo-component-bg, initial ) !default;
 $kendo-grid-sticky-text: $kendo-grid-text !default;
 /// Border color of the grid sticky cell.
 /// @group grid
-$kendo-grid-sticky-border: get-theme-color-var( neutral-90 ) !default;
+$kendo-grid-sticky-border: k-get-theme-color-var( neutral-90 ) !default;
 /// Alt background color of the grid sticky cell.
 /// @group grid
 $kendo-grid-sticky-alt-bg: $kendo-grid-sticky-bg !default;
@@ -578,10 +578,10 @@ $kendo-grid-filterable-icon-spacing: calc( #{$kendo-button-calc-size} + #{$kendo
 
 /// Background color of the grid row resize indicator
 /// @group grid
-$kendo-grid-row-resizer-hover-bg: get-theme-color-var( neutral-90 ) !default;
+$kendo-grid-row-resizer-hover-bg: k-get-theme-color-var( neutral-90 ) !default;
 /// Active background color of the grid row indicator
 /// @group grid
-$kendo-grid-row-resizer-active-bg: get-theme-color-var( primary-100 ) !default;
+$kendo-grid-row-resizer-active-bg: k-get-theme-color-var( primary-100 ) !default;
 /// Height of the grid row resize indicator
 /// @group grid
 $kendo-grid-row-resizer-height: map.get( $kendo-spacing, 0.5 ) !default;