@use "sass:map";
@use "../core/_index.scss" as *;
@use "../button/_variables.scss" as *;
@use "../chip/_variables.scss" as *;
@use "../table/_variables.scss" as *;
@use "../toolbar/_variables.scss" as *;
@use "../list/_variables.scss" as *;

/// The border width of the Grid.
/// @group grid
$kendo-grid-border-width: 1px !default;
/// The border style of the Grid.
/// @group grid
$kendo-grid-border-style: solid !default;
/// The font family of the Grid.
/// @group grid
$kendo-grid-font-family: var( --kendo-font-family, inherit ) !default;
/// The font size of the Grid.
/// @group grid
$kendo-grid-font-size: var( --kendo-font-size, inherit ) !default;
/// The line height of the Grid.
/// @group grid
$kendo-grid-line-height: var( --kendo-line-height, normal ) !default;

/// The horizontal padding of the Grid.
/// @group grid
$kendo-grid-padding-x: $kendo-table-cell-padding-x !default;
/// The vertical padding of the Grid.
/// @group grid
$kendo-grid-padding-y: $kendo-table-cell-padding-y !default;

/// The horizontal padding of the Grid header.
/// @group grid
$kendo-grid-header-padding-x: $kendo-grid-padding-x !default;
/// The vertical padding of the Grid header.
/// @group grid
$kendo-grid-header-padding-y: $kendo-grid-padding-y !default;

/// The horizontal padding of the Grid grouping header.
/// @group grid
$kendo-grid-grouping-header-padding-x: $kendo-toolbar-md-padding-x !default;
/// The vertical padding of the Grid grouping header.
/// @group grid
$kendo-grid-grouping-header-padding-y: $kendo-toolbar-md-padding-y !default;

/// The horizontal padding of the Grid cell.
/// @group grid
$kendo-grid-cell-padding-x: $kendo-grid-padding-x !default;
/// The vertical padding of the Grid cell.
/// @group grid
$kendo-grid-cell-padding-y: $kendo-grid-padding-y !default;

/// The horizontal padding of the Grid filter cell.
/// @group grid
$kendo-grid-filter-cell-padding-x: $kendo-grid-padding-y !default;
/// The vertical padding of the Grid filter cell.
/// @group grid
$kendo-grid-filter-cell-padding-y: $kendo-grid-filter-cell-padding-x !default;

/// The horizontal padding of the Grid edit cell.
/// @group grid
$kendo-grid-edit-cell-padding-x: $kendo-grid-cell-padding-x !default;
/// The vertical padding of the Grid filter cell.
/// @group grid
$kendo-grid-edit-cell-padding-y: calc( #{k-spacing(2.5)} / 2 ) !default;


/// The size of the Grid group drop clue.
/// @group grid
$kendo-grid-group-drop-hint-size: 6px !default;
/// The line size of the Grid group drop clue.
/// @group grid
$kendo-grid-group-drop-hint-line-size: 1px !default;
/// The dot size of the Grid group drop clue.
/// @group grid
$kendo-grid-group-drop-hint-dot-size: $kendo-grid-group-drop-hint-size !default;
/// The height of the Grid group drop clue.
/// @group grid
$kendo-grid-group-drop-hint-height: calc( #{$kendo-chip-calc-size} + #{$kendo-grid-group-drop-hint-size} ) !default;
/// The top offset of the Grid group drop clue.
/// @group grid
$kendo-grid-group-drop-hint-top: 2px !default;


$kendo-grid-sm-padding-x: k-spacing(3) !default;
$kendo-grid-sm-padding-y: k-spacing(1.5) !default;
$kendo-grid-sm-header-padding-x: $kendo-grid-sm-padding-x !default;
$kendo-grid-sm-header-padding-y: $kendo-grid-sm-padding-y !default;
$kendo-grid-sm-grouping-header-padding-x: k-spacing(1.5) !default;
$kendo-grid-sm-grouping-header-padding-y: $kendo-grid-sm-grouping-header-padding-x !default;
$kendo-grid-sm-cell-padding-x: $kendo-grid-sm-padding-x !default;
$kendo-grid-sm-cell-padding-y: $kendo-grid-sm-padding-y !default;
$kendo-grid-sm-filter-cell-padding-x: $kendo-grid-sm-padding-x !default;
$kendo-grid-sm-filter-cell-padding-y: k-spacing(2) !default;
$kendo-grid-sm-edit-cell-padding-x: $kendo-grid-sm-padding-x !default;
$kendo-grid-sm-edit-cell-padding-y: k-spacing(0.5) !default;
$kendo-grid-sm-group-dropclue-height: calc( #{$kendo-chip-sm-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default;
$kendo-grid-sm-selection-aggregates-padding-x: $kendo-grid-sm-padding-y !default;
$kendo-grid-sm-selection-aggregates-padding-y: $kendo-grid-sm-padding-y !default;

$kendo-grid-md-padding-x: $kendo-grid-padding-x !default;
$kendo-grid-md-padding-y: $kendo-grid-padding-y !default;
$kendo-grid-md-header-padding-x: $kendo-grid-header-padding-x !default;
$kendo-grid-md-header-padding-y: $kendo-grid-header-padding-y !default;
$kendo-grid-md-grouping-header-padding-x: $kendo-grid-grouping-header-padding-x !default;
$kendo-grid-md-grouping-header-padding-y: $kendo-grid-grouping-header-padding-y !default;
$kendo-grid-md-cell-padding-x: $kendo-grid-cell-padding-x !default;
$kendo-grid-md-cell-padding-y: $kendo-grid-cell-padding-y !default;
$kendo-grid-md-filter-cell-padding-x: $kendo-grid-filter-cell-padding-x !default;
$kendo-grid-md-filter-cell-padding-y: $kendo-grid-filter-cell-padding-y !default;
$kendo-grid-md-edit-cell-padding-x: $kendo-grid-edit-cell-padding-x !default;
$kendo-grid-md-edit-cell-padding-y: $kendo-grid-edit-cell-padding-y !default;
$kendo-grid-md-group-dropclue-height: $kendo-grid-group-drop-hint-height !default;
$kendo-grid-md-selection-aggregates-padding-x: k-spacing(2) !default;
$kendo-grid-md-selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-x !default;


// Kendo Grid sizes
$kendo-grid-sizes: (
    sm: (
        header-padding-x: $kendo-grid-sm-header-padding-x,
        header-padding-y: $kendo-grid-sm-header-padding-y,
        grouping-header-padding-x: $kendo-grid-sm-grouping-header-padding-x,
        grouping-header-padding-y: $kendo-grid-sm-grouping-header-padding-y,
        cell-padding-x: $kendo-grid-sm-cell-padding-x,
        cell-padding-y: $kendo-grid-sm-cell-padding-y,
        filter-cell-padding-x: $kendo-grid-sm-filter-cell-padding-x,
        filter-cell-padding-y: $kendo-grid-sm-filter-cell-padding-y,
        edit-cell-padding-x: $kendo-grid-sm-edit-cell-padding-x,
        edit-cell-padding-y: $kendo-grid-sm-edit-cell-padding-y,
        button-padding-y: $kendo-button-sm-padding-y,
        button-calc-size: $kendo-button-sm-calc-size,
        group-dropclue-height: $kendo-grid-sm-group-dropclue-height,
        selection-aggregates-padding-x: $kendo-grid-sm-selection-aggregates-padding-x,
        selection-aggregates-padding-y: $kendo-grid-sm-selection-aggregates-padding-y
    ),
    md: (
        header-padding-x: $kendo-grid-md-header-padding-x,
        header-padding-y: $kendo-grid-md-header-padding-y,
        grouping-header-padding-x: $kendo-grid-md-grouping-header-padding-x,
        grouping-header-padding-y: $kendo-grid-md-grouping-header-padding-y,
        cell-padding-x: $kendo-grid-md-cell-padding-x,
        cell-padding-y: $kendo-grid-md-cell-padding-y,
        filter-cell-padding-x: $kendo-grid-md-filter-cell-padding-x,
        filter-cell-padding-y: $kendo-grid-md-filter-cell-padding-y,
        edit-cell-padding-x: $kendo-grid-md-edit-cell-padding-x,
        edit-cell-padding-y: $kendo-grid-md-edit-cell-padding-y,
        button-padding-y: $kendo-button-md-padding-y,
        button-calc-size: $kendo-button-md-calc-size,
        group-dropclue-height: $kendo-grid-sm-group-dropclue-height,
        selection-aggregates-padding-x: $kendo-grid-md-selection-aggregates-padding-x,
        selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-y
    ),
) !default;


/// The background color of the Grid.
/// @group grid
$kendo-grid-bg: $kendo-table-bg !default;
/// The text color of the Grid.
/// @group grid
$kendo-grid-text: $kendo-table-text !default;
/// The border color of the Grid.
/// @group grid
$kendo-grid-border: $kendo-table-border !default;
/// The focus shadow of the Grid.
/// @group grid
$kendo-grid-focus-shadow: $kendo-list-item-focus-shadow !default;

/// The background color of alternating rows in Grid.
/// @group grid
$kendo-grid-alt-bg: $kendo-table-alt-row-bg !default;
/// The text color of alternating rows in Grid.
/// @group grid
$kendo-grid-alt-text: $kendo-table-alt-row-text !default;
/// The border color of alternating rows in Grid.
/// @group grid
$kendo-grid-alt-border: $kendo-table-alt-row-border !default;

/// The background color of hover rows in Grid.
/// @group grid
$kendo-grid-hover-bg: $kendo-table-hover-bg !default;
/// The text color of hover rows in Grid.
/// @group grid
$kendo-grid-hover-text: $kendo-table-hover-text !default;
/// The border color of hover rows in Grid.
/// @group grid
$kendo-grid-hover-border: $kendo-table-hover-border !default;

/// The background color of selected rows in Grid.
/// @group grid
$kendo-grid-selected-bg: $kendo-table-selected-bg !default;
/// The text color of selected rows in Grid.
/// @group grid
$kendo-grid-selected-text: $kendo-table-selected-text !default;
/// The border color of selected rows in Grid.
/// @group grid
$kendo-grid-selected-border: $kendo-table-selected-border !default;

/// The background color of hovered selected rows in Grid.
/// @group grid
$kendo-grid-selected-hover-bg: $kendo-table-selected-hover-bg !default;
/// The text color of hovered selected rows in Grid.
/// @group grid
$kendo-grid-selected-hover-text: $kendo-table-selected-hover-text !default;
/// The border color of hovered selected rows in Grid.
/// @group grid
$kendo-grid-selected-hover-border: $kendo-table-selected-hover-border !default;

/// The vertical border width of the Grid header.
/// @group grid
$kendo-grid-header-border-width-y: $kendo-grid-border-width !default;
/// The horizontal border width of the Grid header.
/// @group grid
$kendo-grid-header-border-width-x: 0 !default;
/// The font size of the Grid header.
/// @group grid
$kendo-grid-header-font-size: inherit !default;
/// The font weight of the Grid header.
/// @group grid
$kendo-grid-header-font-weight: var( --kendo-font-weight-bold, normal ) !default;
/// The menu spacing of the Grid header.
/// @group grid
$kendo-grid-header-menu-spacing: var( --kendo-icon-spacing, .5rem ) !default;
/// The border width of the first cell in the Grid header.
/// @group grid
$kendo-grid-header-first-border-width: $kendo-grid-border-width !default;
/// The background color of Grid header.
/// @group grid
$kendo-grid-header-bg: $kendo-table-header-bg !default;
/// The text color of Grid header.
/// @group grid
$kendo-grid-header-text: $kendo-table-header-text !default;
/// The border color of Grid header.
/// @group grid
$kendo-grid-header-border: $kendo-table-header-border !default;
/// The background color of Grid header icons.
/// @group grid
$kendo-grid-header-icon-text: if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-130 )) !default;

// The background color of Grid footer.
/// @group grid
$kendo-grid-footer-bg: $kendo-table-footer-bg !default;
/// The text color of Grid footer.
/// @group grid
$kendo-grid-footer-text: $kendo-table-footer-text !default;
/// The border color of Grid footer.
/// @group grid
$kendo-grid-footer-border: $kendo-table-footer-border !default;

/// The background color of the Grid selection aggregates container.
/// @group grid
$kendo-grid-selection-aggregates-bg: $kendo-toolbar-bg !default;
/// The text color of the Grid selection aggregates container.
/// @group grid
$kendo-grid-selection-aggregates-text: $kendo-grid-text !default;
/// The border color of the Grid selection aggregates container.
/// @group grid
$kendo-grid-selection-aggregates-border: $kendo-grid-border !default;
/// The border width of the Grid selection aggregates container.
/// @group grid
$kendo-grid-selection-aggregates-border-width: $kendo-grid-border-width !default;
/// The spacing between the Grid selection aggregates items.
/// @group grid
$kendo-grid-selection-aggregates-spacing: k-spacing(2) !default;
/// Line height of the Grid selection aggregates container.
/// @group grid
$kendo-grid-selection-aggregates-line-height: $kendo-grid-line-height !default;
/// The font weight of the Grid selection aggregates container.
/// @group grid
$kendo-grid-selection-aggregates-font-weight: $kendo-font-weight-bold !default;

/// The background color of the Grid grouping header.
/// @group grid
$kendo-grid-grouping-header-bg: $kendo-toolbar-bg !default;
/// The text color of the Grid grouping header.
/// @group grid
$kendo-grid-grouping-header-text: $kendo-toolbar-text !default;
/// The border color of the Grid grouping header.
/// @group grid
$kendo-grid-grouping-header-border: $kendo-toolbar-border !default;

/// The vertical border width of the Grid grouping row.
/// @group grid
$kendo-grid-grouping-row-border-width-y: $kendo-grid-border-width !default;
/// The background color of the Grid grouping row.
/// @group grid
$kendo-grid-grouping-row-bg: $kendo-table-group-row-bg !default;
/// The text color of the Grid grouping row.
/// @group grid
$kendo-grid-grouping-row-text: $kendo-table-group-row-text !default;
/// The border color of the Grid grouping row.
/// @group grid
$kendo-grid-grouping-row-border: $kendo-table-group-row-border !default;

/// The horizontal padding of the Grid filter cell.
/// @group grid
$kendo-grid-filter-cell-padding-x: $kendo-grid-padding-y !default;
/// The vertical padding of the Grid filter cell.
/// @group grid
$kendo-grid-filter-cell-padding-y: $kendo-grid-filter-cell-padding-x !default;

/// The horizontal padding of the Grid Toolbar.
/// @group grid
$kendo-grid-toolbar-padding-x: $kendo-toolbar-md-padding-x !default;
/// The vertical padding of the Grid Toolbar.
/// @group grid
$kendo-grid-toolbar-padding-y: $kendo-toolbar-md-padding-y !default;
/// The spacing of the Grid Toolbar.
/// @group grid
$kendo-grid-toolbar-spacing: $kendo-toolbar-md-spacing !default;
/// The border width of the Grid Toolbar.
/// @group grid
$kendo-grid-toolbar-border-width: $kendo-grid-border-width !default;

/// The vertical border width of the Grid cell.
/// @group grid
$kendo-grid-cell-border-width-y: $kendo-grid-border-width !default;
/// The horizontal border width of the Grid cell.
/// @group grid
$kendo-grid-cell-border-width-x: 0px !default;
/// The font size of the Grid sort index.
/// @group grid
$kendo-grid-sort-index-font-size: var( --kendo-font-size-sm, inherit ) !default;
/// The default height of the Grid sort index.
/// @group grid
$kendo-grid-sort-index-height: var( --kendo-icon-size, 1rem ) !default;
/// The horizontal offset of the Grid sort index.
/// @group grid
$kendo-grid-sort-index-spacing-y: calc( var( --kendo-icon-spacing, .5rem ) / 4 ) !default;
/// The vertical offset of the Grid sort index.
/// @group grid
$kendo-grid-sort-index-spacing-x: k-spacing(0.5) !default;
/// The spacing of the Grid sort icon.
/// @group grid
$kendo-grid-sort-icon-spacing: var( --kendo-icon-lg-spacing, .5rem ) !default;
/// The text color of the Grid sort indicator.
/// @group grid
$kendo-grid-sort-indicator-text: if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-130 )) !default;
/// The text color of the Grid sort order indicator.
/// @group grid
$kendo-grid-sort-indicator-order-text: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
/// The background color of the sorted Grid cells.
/// @group grid
$kendo-grid-sorted-bg: if($kendo-enable-color-system, k-color( surface ), k-get-theme-color-var( neutral-10 )) !default;

/// The horizontal padding of the Grid command cells.
/// @group grid
$kendo-grid-command-cell-padding-y: calc( #{$kendo-table-cell-padding-y} - (#{$kendo-button-calc-size} - #{$kendo-line-height-em} ) / 2 ) !default;
/// The vertical padding of the Grid command cells.
/// @group grid
$kendo-grid-command-cell-button-spacing: k-spacing(2) !default;

/// The horizontal padding of the Grid group indicator.
/// @group grid
$kendo-grid-group-indicator-padding-x: $kendo-button-md-padding-x !default;
/// The vertical padding of the Grid group indicator.
/// @group grid
$kendo-grid-group-indicator-padding-y: $kendo-button-md-padding-y !default;
/// The border width of the Grid group indicator.
/// @group grid
$kendo-grid-group-indicator-border-width: $kendo-button-border-width !default;
/// The border radius of the Grid group indicator.
/// @group grid
$kendo-grid-group-indicator-border-radius: k-border-radius(md) !default;
/// Spacing of the grid group indicator.
/// @group grid
$kendo-grid-group-indicator-gap: $kendo-table-cell-padding-y !default;
/// The text color of the Grid group indicator.
/// @group grid
$kendo-grid-group-indicator-text: var( --kendo-component-text, initial ) !default;
/// The background color of the Grid group indicator.
/// @group grid
$kendo-grid-group-indicator-bg: var( --kendo-component-bg, initial ) !default;
/// The border color of the Grid group indicator.
/// @group grid
$kendo-grid-group-indicator-border: if($kendo-enable-color-system, k-color( border ), k-get-theme-color-var( neutral-110 )) !default;
/// The text color of the Grid group indicator icon.
/// @group grid
$kendo-grid-group-indicator-icon-text: if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-130 )) !default;

/// The horizontal border width of the Grid group footer.
/// @group grid
$kendo-grid-group-footer-border-width-y: 0px !default;
/// The vertical border width of the Grid group footer.
/// @group grid
$kendo-grid-group-footer-border-width-x: 0px !default;

/// The text color of the Grid group drop clue.
/// @group grid
$kendo-grid-group-drop-hint-bg: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;

/// The border width of the Grid sticky cell.
/// @group grid
$kendo-grid-sticky-cell-border-width: $kendo-grid-border-width !default;
/// The background color of the Grid sticky cell.
/// @group grid
$kendo-grid-sticky-bg: var( --kendo-component-bg, initial ) !default;
/// The text color of the Grid sticky cell.
/// @group grid
$kendo-grid-sticky-text: $kendo-grid-text !default;
/// The border color of the Grid sticky cell.
/// @group grid
$kendo-grid-sticky-border: if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 80%, transparent), k-get-theme-color-var( neutral-90 )) !default;
/// The alt background color of the Grid sticky cell.
/// @group grid
$kendo-grid-sticky-alt-bg: $kendo-grid-sticky-bg !default;
/// The background color of the Grid sticky cell.
/// @group grid
$kendo-grid-sticky-hover-bg: $kendo-grid-hover-bg !default;

/// The background color of the Grid sticky header.
/// @group grid
$kendo-grid-sticky-header-bg: $kendo-grid-header-bg !default;
/// The text color of the Grid sticky header.
/// @group grid
$kendo-grid-sticky-header-text: $kendo-grid-header-text !default;
/// The border color of the Grid sticky header.
/// @group grid
$kendo-grid-sticky-header-border: $kendo-grid-sticky-border !default;

/// The background color of the Grid sticky footer.
/// @group grid
$kendo-grid-sticky-footer-bg: $kendo-grid-header-bg !default;
/// The background color of the Grid sticky footer.
/// @group grid
$kendo-grid-sticky-footer-hover-bg: $kendo-grid-hover-bg !default;

/// The background color of the selected Grid sticky cells.
/// @group grid
$kendo-grid-sticky-selected-bg: $kendo-grid-selected-bg !default;
/// The background color of the selected alt Grid sticky cells.
/// @group grid
$kendo-grid-sticky-selected-alt-bg: $kendo-grid-sticky-selected-bg !default;
/// The background color of the hovered selected Grid sticky cells.
/// @group grid
$kendo-grid-sticky-selected-hover-bg: if($kendo-enable-color-system, $kendo-grid-sticky-selected-bg, $kendo-grid-selected-hover-bg) !default;

/// The horizontal padding of the Grid filter menu container.
/// @group grid
$kendo-filter-menu-container-padding-y: k-spacing(3) !default;
/// The vertical padding of the Grid filter menu container.
/// @group grid
$kendo-filter-menu-container-padding-x: k-spacing(3) !default;

/// The default width of the Grid column menu.
/// @group grid
$kendo-grid-column-menu-width: 230px !default;
/// The max width of the Grid column menu.
/// @group grid
$kendo-grid-column-menu-max-width: 320px !default;
/// The spacing of the Grid column menu.
/// @group grid
$kendo-grid-column-menu-spacing: k-spacing(2) !default;
/// The focus shadow of the Grid column menu.
/// @group grid
$kendo-grid-column-menu-shadow: var( --kendo-box-shadow-depth-4, none ) !default;
/// The background color of the Grid column menu.
/// @group grid
$kendo-grid-column-menu-bg: var( --kendo-component-bg, inherit ) !default;
/// The text color of the Grid column menu.
/// @group grid
$kendo-grid-column-menu-text: var( --kendo-component-text, inherit ) !default;
/// The border color of the Grid column menu.
/// @group grid
$kendo-grid-column-menu-border: var( --kendo-component-border, inherit ) !default;

/// The font size of the Grid column menu checkbox container.
/// @group grid
$kendo-grid-column-menu-multicheck-font-size: $kendo-list-md-font-size !default;
/// The line height of the Grid column menu checkbox container.
/// @group grid
$kendo-grid-column-menu-multicheck-line-height: $kendo-list-md-line-height !default;

/// The vertical padding of the Grid column menu items wrap.
/// @group grid
$kendo-grid-column-menu-items-wrap-padding-y: k-spacing(2) !default;
/// The horizontal padding of the Grid column menu items wrap.
/// @group grid
$kendo-grid-column-menu-items-wrap-padding-x: k-spacing(2) !default;

/// The horizontal padding of the Grid column menu item.
/// @group grid
$kendo-grid-column-menu-item-padding-y: $kendo-list-md-item-padding-y !default;
/// The vertical padding of the Grid column menu item.
/// @group grid
$kendo-grid-column-menu-item-padding-x: $kendo-list-md-item-padding-x !default;
/// The spacing of the Grid column menu item.
/// @group grid
$kendo-grid-column-menu-item-gap: $kendo-list-md-item-padding-x !default;
/// The icon spacing of the Grid column menu item.
/// @group grid
$kendo-grid-column-menu-item-icon-spacing: var( --kendo-icon-spacing, .5rem ) !default;
/// The background color of the Grid column menu item.
/// @group grid
$kendo-grid-column-menu-item-bg: $kendo-list-item-bg !default;
/// The text color of the Grid column menu item.
/// @group grid
$kendo-grid-column-menu-item-text: $kendo-list-item-text !default;
/// The background color of the Grid column menu item.
/// @group grid
$kendo-grid-column-menu-item-hover-bg: $kendo-list-item-hover-bg !default;
/// The text color of the hovered Grid column menu item.
/// @group grid
$kendo-grid-column-menu-item-hover-text: $kendo-list-item-hover-text !default;
/// The background color of the selected Grid column menu item.
/// @group grid
$kendo-grid-column-menu-item-selected-bg: $kendo-list-item-selected-bg !default;
/// The text color of the selected Grid column menu item.
/// @group grid
$kendo-grid-column-menu-item-selected-text: $kendo-list-item-selected-text !default;
/// The focus shadow of the Grid column menu item.
/// @group grid
$kendo-grid-column-menu-item-focus-shadow: $kendo-list-item-focus-shadow !default;
/// The text color of the Grid column menu item icon.
/// @group grid
$kendo-grid-column-menu-item-icon-text: $kendo-list-item-icon-text !default;

/// The vertical padding of the Grid column menu group header.
/// @group grid
$kendo-grid-column-menu-group-header-padding-y: $kendo-grid-column-menu-item-padding-y !default;
/// The horizontal padding of the Grid column menu group header.
/// @group grid
$kendo-grid-column-menu-group-header-padding-x: $kendo-grid-column-menu-item-padding-x !default;
/// The border width of the Grid column menu group header.
/// @group grid
$kendo-grid-column-menu-group-header-border-width: 1px !default;
/// The border style of the Grid column menu group header.
/// @group grid
$kendo-grid-column-menu-group-header-border-style: solid !default;
/// The font size of the Grid column menu group header.
/// @group grid
$kendo-grid-column-menu-group-header-font-size: var( --kendo-font-size-sm, inherit ) !default;
/// The font weight of the Grid column menu group header.
/// @group grid
$kendo-grid-column-menu-group-header-font-weight: var( --kendo-font-weight-bold, normal ) !default;
/// The mine height of the Grid column menu group header.
/// @group grid
$kendo-grid-column-menu-group-header-line-height: var( --kendo-line-height, normal ) !default;
/// The text transform of the Grid column menu group header.
/// @group grid
$kendo-grid-column-menu-group-header-text-transform: uppercase !default;

/// The background color of the Grid column menu group.
/// @group grid
$kendo-grid-column-menu-group-header-bg: var( --kendo-component-bg, inherit ) !default;
/// The text color of the Grid column menu group.
/// @group grid
$kendo-grid-column-menu-group-header-text: var( --kendo-component-text, inherit ) !default;
/// The border color of the Grid column menu group.
/// @group grid
$kendo-grid-column-menu-group-header-border: var( --kendo-component-border, inherit) !default;

/// The horizontal padding of the tabstrip content in the Grid tabbed column menu.
/// @group grid
$kendo-grid-column-menu-tabbed-tabstrip-content-padding-x: k-spacing(0) !default;
/// The vertical padding of the tabstrip content in the Grid tabbed column menu.
/// @group grid
$kendo-grid-column-menu-tabbed-tabstrip-content-padding-y: k-spacing(3) !default;

/// The background color of the Grid tabbed column menu.
/// @group grid
$kendo-grid-column-menu-tabbed-bg: var( --kendo-base-bg, inherit ) !default;

/// The default width of the Grid drag cell.
/// @group grid
$kendo-grid-drag-cell-width: calc( var( --kendo-icon-size, 1rem ) * 2.25 ) !default;
/// The default width of the Grid hierarchy cell.
/// @group grid
$kendo-grid-hierarchy-col-width: calc( var( --kendo-icon-size, 1rem ) * 2 ) !default;
/// The spacing of the Grid filterable icon.
/// @group grid
$kendo-grid-filterable-icon-spacing: calc( #{$kendo-button-calc-size} + #{$kendo-grid-header-menu-spacing} ) !default;

/// The background color of the Grid row resize indicator.
/// @group grid
$kendo-grid-row-resizer-hover-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent), k-get-theme-color-var( neutral-90 )) !default;
/// The background color of the active Grid row resize indicator.
/// @group grid
$kendo-grid-row-resizer-active-bg: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
/// The height of the Grid row resize indicator.
/// @group grid
$kendo-grid-row-resizer-height: k-spacing(0.5) !default;