@use "../core/_index.scss" as *;
@use "../core/functions/index.import.scss" as *;

// Chart wizard

/// The color of the area around the chart type icon.
/// @group chart-wizard
$kendo-chart-wizard-icon-area-color: if($kendo-enable-color-system, k-color(primary), $kendo-color-primary) !default;
/// The background color of the area around the chart type icon.
/// @group chart-wizard
$kendo-chart-wizard-icon-area-bg: if($kendo-enable-color-system, k-color(primary-subtle), k-try-tint( $kendo-color-primary, 80% )) !default;
/// The border radius of the area around the chart type icon.
/// @group chart-wizard
$kendo-chart-wizard-icon-area-border-radius: k-border-radius(sm) !default;
/// The padding of the area around the chart type icon.
/// @group chart-wizard
$kendo-chart-wizard-icon-area-padding: k-spacing(4) !default;
/// The box shadow of the focused area around the chart type icon.
/// @group chart-wizard
$kendo-chart-wizard-icon-area-focus-shadow: inset 0 0 0 1px if($kendo-enable-color-system, k-color(primary-emphasis), k-try-tint( $kendo-color-primary, 25% )) !default;
/// The box shadow of the selected area around the chart type icon.
/// @group chart-wizard
$kendo-chart-wizard-icon-area-selected-shadow: inset 0 0 0 1px $kendo-chart-wizard-icon-area-color !default;

/// The color of the selected chart type items in the Property panel.
/// @group chart-wizard
$kendo-chart-wizard-chart-type-selected-color: if($kendo-enable-color-system, k-color(primary), $kendo-color-primary) !default;

/// The padding of the preview pane.
/// @group chart-wizard
$kendo-chart-wizard-preview-pane-padding: k-spacing(4) !default;
/// The padding of the property pane.
/// @group chart-wizard
$kendo-chart-wizard-property-pane-padding: k-spacing(4) !default;

/// The gap between the chart type items in the Property panel.
/// @group chart-wizard
$kendo-chart-wizard-chart-type-spacing: k-spacing(6) !default;
/// The gap between the icon area and its text.
/// @group chart-wizard
$kendo-chart-wizard-icon-text-gap: k-spacing(3) !default;


@forward "@progress/kendo-theme-core/scss/components/chart-wizard/_variables.scss" with (
    $kendo-chart-wizard-icon-area-color: $kendo-chart-wizard-icon-area-color,
    $kendo-chart-wizard-icon-area-bg: $kendo-chart-wizard-icon-area-bg,
    $kendo-chart-wizard-icon-area-border-radius: $kendo-chart-wizard-icon-area-border-radius,
    $kendo-chart-wizard-icon-area-padding: $kendo-chart-wizard-icon-area-padding,
    $kendo-chart-wizard-icon-area-focus-shadow: $kendo-chart-wizard-icon-area-focus-shadow,
    $kendo-chart-wizard-icon-area-selected-shadow: $kendo-chart-wizard-icon-area-selected-shadow,
    $kendo-chart-wizard-chart-type-selected-color: $kendo-chart-wizard-chart-type-selected-color,
    $kendo-chart-wizard-preview-pane-padding: $kendo-chart-wizard-preview-pane-padding,
    $kendo-chart-wizard-property-pane-padding: $kendo-chart-wizard-property-pane-padding,
    $kendo-chart-wizard-chart-type-spacing: $kendo-chart-wizard-chart-type-spacing,
    $kendo-chart-wizard-icon-text-gap: $kendo-chart-wizard-icon-text-gap
);