@use "sass:map";
@use "../core/_index.scss" as *;
@use "../action-buttons/_variables.scss" as *;

// Dialog

/// The background color of the Dialog titlebar.
/// @group dialog
$kendo-dialog-titlebar-bg: unset !default;
/// The text color of the Dialog titlebar.
/// @group dialog
$kendo-dialog-titlebar-text: unset !default;
/// The border color of the Dialog titlebar.
/// @group dialog
$kendo-dialog-titlebar-border: inherit !default;

/// The horizontal padding of the Dialog action buttons.
/// @group dialog
$kendo-dialog-buttongroup-padding-x: $kendo-actions-padding-x !default;
/// The vertical padding of the Dialog action buttons.
/// @group dialog
$kendo-dialog-buttongroup-padding-y: $kendo-actions-padding-y !default;
/// The width of the top border of the Dialog action buttons.
/// @group dialog
$kendo-dialog-buttongroup-border-width: 1px !default;
/// The spacing between the Dialog action buttons.
/// @group dialog
$kendo-dialog-button-spacing: $kendo-actions-button-spacing !default;

/// The theme colors map for the Dialog.
/// @group dialog
$kendo-dialog-theme-colors: (
    "primary": map.get($kendo-theme-colors, "primary"),
    "light": map.get($kendo-theme-colors, "light"),
    "dark": map.get($kendo-theme-colors, "dark")
) !default;


@forward "@progress/kendo-theme-core/scss/components/dialog/_variables.scss" with (
    $kendo-dialog-titlebar-bg: $kendo-dialog-titlebar-bg,
    $kendo-dialog-titlebar-text: $kendo-dialog-titlebar-text,
    $kendo-dialog-titlebar-border: $kendo-dialog-titlebar-border,
    $kendo-dialog-buttongroup-padding-x: $kendo-dialog-buttongroup-padding-x,
    $kendo-dialog-buttongroup-padding-y: $kendo-dialog-buttongroup-padding-y,
    $kendo-dialog-buttongroup-border-width: $kendo-dialog-buttongroup-border-width,
    $kendo-dialog-button-spacing: $kendo-dialog-button-spacing,
    $kendo-dialog-theme-colors: $kendo-dialog-theme-colors
);