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

// File Box

/// The horizontal padding of the File Box.
/// @group file-box
$kendo-file-box-padding-x: k-spacing(2) !default;
/// The vertical padding of the File Box.
/// @group file-box
$kendo-file-box-padding-y: k-spacing(2) !default;
/// The spacing between the elements of the File Box.
/// @group file-box
$kendo-file-box-gap: k-spacing(1) !default;
/// The spacing between the elements of the File Box info section.
/// @group file-box
$kendo-file-box-info-gap: k-spacing(0.5) !default;
/// The minimum width of the File Box.
/// @group file-box
$kendo-file-box-min-width: 96px !default;
/// The maximum width of the File Box.
/// @group file-box
$kendo-file-box-max-width: 174px !default;
/// The border width of the File Box.
/// @group file-box
$kendo-file-box-border-width: 1px !default;
/// The border style of the File Box.
/// @group file-box
$kendo-file-box-border-style: solid !default;
/// The border-radius of the File Box.
/// @group file-box
$kendo-file-box-border-radius: k-border-radius(md) !default;
/// The font size of the File Box file name.
/// @group file-box
$kendo-file-box-name-font-size: var( --kendo-font-size-sm, inherit ) !default;
/// The line height of the File Box file name.
/// @group file-box
$kendo-file-box-name-line-height: 1 !default;
/// The font size of the File Box file size.
/// @group file-box
$kendo-file-box-size-font-size: var( --kendo-font-size-xs, inherit ) !default;
/// The line height of the File Box file size.
/// @group file-box
$kendo-file-box-size-line-height: 1 !default;

/// The background color of the File Box.
/// @group file-box
$kendo-file-box-bg: k-color(surface) !default;
/// The text color of the File Box.
/// @group file-box
$kendo-file-box-text: k-color(on-app-surface) !default;
/// The border color of the File Box.
/// @group file-box
$kendo-file-box-border: k-color(border) !default;

/// The text color of the File Box file size.
/// @group file-box
$kendo-file-box-size-text: k-color(subtle) !default;

/// The gradient used for the File Box wrapper scrolling indicator.
/// @group file-box
$kendo-file-box-wrapper-scroll-gradient: rgba(255, 255, 255, 0.00) 0%, k-color(app-surface) 100% !default;

@forward "@progress/kendo-theme-core/scss/components/file-box/_variables.scss" with (
    $kendo-file-box-padding-x: $kendo-file-box-padding-x,
    $kendo-file-box-padding-y: $kendo-file-box-padding-y,
    $kendo-file-box-gap: $kendo-file-box-gap,
    $kendo-file-box-info-gap: $kendo-file-box-info-gap,
    $kendo-file-box-min-width: $kendo-file-box-min-width,
    $kendo-file-box-max-width: $kendo-file-box-max-width,
    $kendo-file-box-border-width: $kendo-file-box-border-width,
    $kendo-file-box-border-style: $kendo-file-box-border-style,
    $kendo-file-box-border-radius: $kendo-file-box-border-radius,
    $kendo-file-box-name-font-size: $kendo-file-box-name-font-size,
    $kendo-file-box-name-line-height: $kendo-file-box-name-line-height,
    $kendo-file-box-size-font-size: $kendo-file-box-size-font-size,
    $kendo-file-box-size-line-height: $kendo-file-box-size-line-height,
    $kendo-file-box-bg: $kendo-file-box-bg,
    $kendo-file-box-text: $kendo-file-box-text,
    $kendo-file-box-border: $kendo-file-box-border,
    $kendo-file-box-size-text: $kendo-file-box-size-text,
    $kendo-file-box-wrapper-scroll-gradient: $kendo-file-box-wrapper-scroll-gradient
);