@use "sass:map";
@use "../core/_index.scss" as *;

/// The default size of the Icon.
/// @group icon
/// @role default
$kendo-icon-default-size: "md" !default;

/// The default size of the Icons.
/// @group icon
$kendo-icon-size: 1rem !default;

/// The spacing around the Icons.
/// @group icon
$kendo-icon-spacing: k-spacing(2) !default;

/// The padding of the action Icons container.
/// @group icon
$kendo-icon-padding: k-spacing(1) !default;
/// The color of accent icons.
/// @group icon
$kendo-accent-icon-color: var( --kendo-accent-icon-color, #87A7FF ) !default;
/// The color of action icons.
/// @group icon
$kendo-action-icon-color: var( --kendo-action-icon-color, #{k-color( primary-on-surface )} ) !default;

@forward "@progress/kendo-theme-core/scss/components/icons/_variables.scss" with (
    $kendo-icon-default-size: $kendo-icon-default-size,
    $kendo-icon-size: $kendo-icon-size,
    $kendo-icon-spacing: $kendo-icon-spacing,
    $kendo-icon-padding: $kendo-icon-padding,
    $kendo-accent-icon-color: $kendo-accent-icon-color,
    $kendo-action-icon-color: $kendo-action-icon-color
);