@use "../core/_index.scss" as *;
@use "../core/spacing/_index.scss" as *;

/// The horizontal padding of the Filter.
/// @group filter
$kendo-filter-padding-x: k-spacing(2) !default;
/// The vertical padding of the Filter.
/// @group filter
$kendo-filter-padding-y: k-spacing(1) !default;

/// The bottom margin of the Filter.
/// @group filter
$kendo-filter-bottom-margin: k-spacing(7.5) !default;
/// The width of the line that connects the Filter items.
/// @group filter
$kendo-filter-line-size: 1px !default;

/// The width of the dropdown elements in the Filter items.
/// @group filter
$kendo-filter-operator-dropdown-width: 15em !default;

/// The text color of the Filter.
/// @group filter
$kendo-filter-text: var( --kendo-component-text, initial ) !default;

/// The text color of the Filter preview field.
/// @group filter
$kendo-filter-preview-field-text: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
/// The text color of the Filter preview operator.
/// @group filter
$kendo-filter-preview-operator-text: if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-130 )) !default;

/// The background color of the line that connects the Filter items.
/// @group filter
$kendo-filter-line-bg: var( --kendo-component-border, initial ) !default;

/// The border color of the focused Filter.
/// @group filter
$kendo-filter-toolbar-focus-border: if($kendo-enable-color-system, k-color( base-emphasis ), k-get-theme-color-var( neutral-130 )) !default;