@use "../core/_index.scss" as *;
@use "../button/_variables.scss" as *;

/// The vertical padding of the small arrow Button.
/// @group split-button
$kendo-split-button-sm-arrow-padding-y: $kendo-button-sm-padding-y !default;
/// The vertical padding of the medium arrow Button.
/// @group split-button
$kendo-split-button-md-arrow-padding-y: $kendo-button-md-padding-y !default;
/// The vertical padding of the large arrow Button.
/// @group split-button
$kendo-split-button-lg-arrow-padding-y: $kendo-button-lg-padding-y !default;

/// The horizontal padding of the small arrow Button.
/// @group split-button
$kendo-split-button-sm-arrow-padding-x: $kendo-split-button-sm-arrow-padding-y !default;
/// The horizontal padding of the medium arrow Button.
/// @group split-button
$kendo-split-button-md-arrow-padding-x: $kendo-split-button-md-arrow-padding-y !default;
/// The horizontal padding of the large arrow Button.
/// @group split-button
$kendo-split-button-lg-arrow-padding-x: $kendo-split-button-lg-arrow-padding-y !default;

/// The height of the SplitButton arrow delimiter.
/// @group split-button
$kendo-split-button-arrow-delimiter-size: calc( #{$kendo-button-inner-calc-size} / 2 ) !default;
/// The width of the SplitButton arrow delimiter.
/// @group split-button
$kendo-split-button-arrow-delimiter-line-size: 1px !default;
/// The background color of the SplitButton arrow delimiter.
/// @group split-button
$kendo-split-button-arrow-delimiter-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 )) !default;

/// The sizes map for the SplitButton.
/// @group split-button
$kendo-split-button-sizes: (
    sm: $kendo-split-button-sm-arrow-padding-y,
    md: $kendo-split-button-md-arrow-padding-y,
    lg: $kendo-split-button-lg-arrow-padding-y
) !default;