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

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

/// Font sizes of the icons.
/// @group icon
$kendo-icon-size: 1rem !default;

/// The xs size of the Icon.
/// @group icon
$kendo-icon-size-xs: calc( var( --kendo-icon-size, 1rem ) * .75 ) !default;
/// The sm size of the Icon.
/// @group icon
$kendo-icon-size-sm: calc( var( --kendo-icon-size, 1rem ) * .875 ) !default;
/// The md size of the Icon.
/// @group icon
$kendo-icon-size-md: var( --kendo-icon-size, 1rem ) !default;
/// The lg size of the Icon.
/// @group icon
$kendo-icon-size-lg: calc( var( --kendo-icon-size, 1rem ) * 1.25 ) !default;
/// The xl size of the Icon.
/// @group icon
$kendo-icon-size-xl: calc( var( --kendo-icon-size, 1rem ) * 1.5 ) !default;
/// The xxl size of the Icon.
/// @group icon
$kendo-icon-size-xxl: calc( var( --kendo-icon-size, 1rem ) * 2 ) !default;
/// The xxxl size of the Icon.
/// @group icon
$kendo-icon-size-xxxl: calc( var( --kendo-icon-size, 1rem ) * 3 ) !default;

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

/// 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: k-color(tertiary) !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-size-xs: $kendo-icon-size-xs,
    $kendo-icon-size-sm: $kendo-icon-size-sm,
    $kendo-icon-size-md: $kendo-icon-size-md,
    $kendo-icon-size-lg: $kendo-icon-size-lg,
    $kendo-icon-size-xl: $kendo-icon-size-xl,
    $kendo-icon-size-xxl: $kendo-icon-size-xxl,
    $kendo-icon-size-xxxl: $kendo-icon-size-xxxl,
    $kendo-icon-spacing: $kendo-icon-spacing,
    $kendo-icon-padding: $kendo-icon-padding,
    $kendo-accent-icon-color: $kendo-accent-icon-color
);