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


// Chart wizard

$kendo-chart-wizard-icon-area-color: k-color(primary) !default;
$kendo-chart-wizard-icon-area-bg: k-color(primary-subtle) !default;
$kendo-chart-wizard-icon-area-border-radius: k-border-radius(md) !default;
$kendo-chart-wizard-icon-area-padding: k-spacing(4) !default;
$kendo-chart-wizard-icon-area-border-width: null !default;
$kendo-chart-wizard-icon-area-border-color: null !default;
$kendo-chart-wizard-icon-area-focus-shadow: inset 0 0 0 1px k-color(primary-emphasis) !default;
$kendo-chart-wizard-icon-area-selected-shadow: inset 0 0 0 1px $kendo-chart-wizard-icon-area-color !default;

$kendo-chart-wizard-icon-area-selected-border-color: null !default;
$kendo-chart-wizard-icon-area-selected-bg: null !default;

$kendo-chart-wizard-chart-type-selected-color: k-color(primary) !default;

$kendo-chart-wizard-preview-pane-padding: k-spacing(4) !default;
$kendo-chart-wizard-property-pane-padding: k-spacing(4) !default;

$kendo-chart-wizard-chart-type-spacing: k-spacing(4) !default;
$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-border-width: $kendo-chart-wizard-icon-area-border-width,
    $kendo-chart-wizard-icon-area-border-color: $kendo-chart-wizard-icon-area-border-color,
    $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-icon-area-selected-border-color: $kendo-chart-wizard-icon-area-selected-border-color,
    $kendo-chart-wizard-icon-area-selected-bg: $kendo-chart-wizard-icon-area-selected-bg,
    $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
);